概念
半透明のパネル越しにぼかした背景が見えます。
実例
11種類で概要・タスク3件・進捗・資料メモ2件を共有します。メニューで移動し、完了チェック、状態の絞り込み、メモの展開を試します。1件完了すると1 / 3と33%を表示し、該当がなければ案内が出ます。リセット・再読み込みで、すべて表示・全件未完了・0%・閉じたメモに戻ります。 不透明パネルを選ぶと半透明の面を単色に替えます。
選ぶ条件
背景の文脈が重要な画面に向きます。 背景ごとにコントラストが変わるため、不透明表示も用意します。
グラスモーフィズム
同じプロジェクト作業室でスタイルを比較.
プロジェクト / 今日 · 01
余白をつくる
次のアイデアのための小さな余白。
資料を集め、方向を描き、言葉を整えます。3つの小さな作業で、考えの伝わる作業室をつくります。
タスク
- 01
- 02
- 03
この状態のタスクはありません。
本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。
比較のまとめ
| 概念 | 特徴 | 利点 | 制約 | 適する状況 | 組み合わせ条件 |
|---|---|---|---|---|---|
| グラスモーフィズム | 半透明のパネル越しにぼかした背景が見えます。 不透明パネルを選ぶと半透明の面を単色に替えます。 | 半透明パネルが背景の文脈を保ちます。 | 背景ごとにコントラストが変わるため、不透明表示も用意します。 | 背景の文脈が重要な画面に向きます。 | 単純なグリッドと不透明な代替表示を組み合わせます。 |
この選択を話し合う
コメントは全言語で共有。投稿にはGitHubログインが必要です。