スタイル

ニューモーフィズム

同じプロジェクト作業室でスタイルを比較.

同じプロジェクト作業室でスタイルを比較
プロジェクト / 今日 · 01

余白をつくる

次のアイデアのための小さな余白。

資料を集め、方向を描き、言葉を整えます。3つの小さな作業で、考えの伝わる作業室をつくります。

タスク

始める準備ができました。

本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。

概念

同系色の面に左上の明るい影と右下の暗い影を使い、通常時の枠は設けません。

実例

11種類で概要・タスク3件・進捗・資料メモ2件を共有します。メニューで移動し、完了チェック、状態の絞り込み、メモの展開を試します。1件完了すると1 / 3と33%を表示し、該当がなければ案内が出ます。リセット・再読み込みで、すべて表示・全件未完了・0%・閉じたメモに戻ります。 完了行は内側に沈み、影を消してもチェックと取り消し線が残ります。

選ぶ条件

小さな操作盤に向きます。 影を消してもチェック・取り消し線・完了数を残します。フォーカスと強制カラーの識別線は保ちます。

Hype4

比較のまとめ
同じ分類の比較
概念特徴利点制約適する状況組み合わせ条件
ニューモーフィズム同系色の面に左上の明るい影と右下の暗い影を使い、通常時の枠は設けません。 完了行は内側に沈み、影を消してもチェックと取り消し線が残ります。柔らかな奥行きが物理的な操作盤の比喩を助けます。影を消してもチェック・取り消し線・完了数を残します。フォーカスと強制カラーの識別線は保ちます。小さな操作盤に向きます。最小限の配置で影と明確なラベルの場所を確保します。
続けて読む原稿・修正提案 ↗

この選択を話し合う

コメントは全言語で共有。投稿にはGitHubログインが必要です。