ブルータリズム
無骨な文字と露出した構造で、意図的に実用的な印象を伝えます。
記事を読むスタイル
視覚的な密度・奥行き・質感・強調を比較し、内容と操作に合う見た目を決めます。
検索範囲: スタイル
11 記事
スタイル
フラットデザイン
奥行き表現より単色面と明確なラベルで階層を示したいときに適しています。
記事を読む
グラスモーフィズム
半透明パネルと背景のぼかしで文脈を残し、手前の内容を読みやすく表します。
記事を読む
Liquid Glass
豊かなコンテンツの上に独立した操作層を置く、動的で浮遊する質感です。
記事を読む
Material 3 Expressive
Materialのデザイン体系で色・形・大きさ・動きにより主な操作を強調します。
記事を読む
ミニマリズム
必要な情報と操作を残し、競合する要素を減らして注意を集中させます。
記事を読む
ネオブルータリズム
鮮やかな色面・太い枠・硬い影で重要な内容を強く強調します。
記事を読む
ニューモーフィズム
同系色の面と明暗の影で、柔らかく浮いたり押されたりする操作部を表現します。
記事を読む
レトロデジタル
初期のコンピューターの窓・ピクセル装飾・文字でデジタルな懐かしさを表します。
記事を読む
スキューモーフィズム
身近な物や素材を借り、デジタルな内容と操作の関係を伝えます。
記事を読む
触感的コラージュ
紙・テープ・断片を重ね、手で集めて貼ったような印象を作ります。
記事を読む| 概念 | 特徴 | 利点 | 制約 | 適する状況 | 組み合わせ条件 |
|---|---|---|---|---|---|
| ブルータリズム | 露出した構造と粗い文字表現 | 実用案内の直接的な階層 | 粗さが快適さを下げる場合がある | 装飾より情報優先度が重要な場面 | 一覧と明確な文字階層 |
| フラットデザイン | 単純な形と明確な状態 | 診療項目と時間の明快な選択 | 境界を消すと操作手掛かりが弱まる | 日常取引で装飾を抑える場面 | グリッド・ラベル・見えるフォーカス |
| グラスモーフィズム | 半透明と背景のぼかしで周囲の文脈を保ちます。 | 半透明パネルが背景の文脈を保ちます。 | 背景ごとにコントラストが変わるため、不透明表示も用意します。 | 背景の文脈が重要な画面に向きます。 | 単純なグリッドと不透明な代替表示を組み合わせます。 |
| Liquid Glass | 半透明の浮いた操作面 | 内容を視覚的な主役に保つ | ネイティブの光学動作は再現しない | 写真上で内容を中心にした案内 | 不透明な代替と安定した文字背景 |
| Material 3 Expressive | 表現的な形・大きさ・動き | 主な操作を強調 | 強調が密な情報と競合する場合がある | 目立ち親しみやすい参加操作 | 明確な状態と動作低減対応 |
| ミニマリズム | 意図的な削減と余白 | 必須項目を見渡しやすい | 必須を隠すと作業が難しくなる | 少数の優先項目と任意の詳細 | 一列と段階的な開示 |
| ネオブルータリズム | 太い輪郭・硬い影・色 | 活発な行事の枠を区別 | 強い対比が視覚的雑音になる場合がある | 明示した操作と活気ある個性 | 絞り込み・格子・明確な選択印 |
| ニューモーフィズム | 対の影による浮き・くぼみ | 少数操作への触覚的な焦点 | 低対比の境界には補強が必要 | 状態が明確な落ち着いた操作盤 | 文字ラベル・境界・見えるフォーカス |
| レトロデジタル | 初期デジタルの窓・画素モチーフ | 分かりやすいゲームセンター時代の個性 | 懐かしさで操作を隠さない | 自然素材よりデジタルの懐かしさを重視 | 読める書体と利用しやすい窓動作 |
| スキューモーフィズム | 見慣れた実物の参照 | 手帳の比喩でレシピ構造を説明 | 模倣で操作を制限しない | 抽象面より見慣れた物の役割 | 実テキストと直接の人数操作 |
| 触感的コラージュ | 重ねた切抜き・紙・混合素材 | 思い出の種類ごとの性格を保つ | 重なりが順序と可読性を損なう場合がある | 一つの物より集めたボードの表現 | DOM順序と明示した移動ボタン |