スキューモーフィズム
Skeuomorphism / 2000s–2010s / スタイル / UI表現
現実の素材や道具の手がかりを借り、未知の操作を理解しやすくする。原理の名なので、Aquaもブラシドメタルもこの原理を特定の製品で実装した姿にあたる。
ひと目で判断
見た目の特徴
- 革・金属・紙
- 立体的な影
- 現実の比喩
- 細かな質感
向いている用途
- 新しい操作を既知の道具で説明する
- クラフト感のある体験をつくる
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 用途に合うヒューマニスト系書体
- 構成
- 現実の道具の構造を援用
- 素材
- 質感は機能に関係する箇所だけ精密に
- 注意
- 装飾が操作を覆わないこと。比喩が通じない世代も想定する。
- 関連研究
- early Apple iOS design / Scott Forstall era
関連項目
- フラットデザイン / ベクターミニマリズム（Flat Design / Vector Minimalism）同じ「UI表現」の系統。スキューモーフィズムとフラットデザイン / ベクターミニマリズムの違いを見る
- ブループリント（Blueprint）共通する印象：信頼。スキューモーフィズムとブループリントの違いを見る
UI表現をさらに見る
同じ「UI表現」から、共通する印象が多い順に次の項目を選んだ。
- レスポンシブ・ウェブデザイン（Responsive Web Design）共通する印象：信頼 / 親密。
- カードUI（Card UI）共通する印象：親密 / 信頼。
- 会話型UI（Conversational UI）共通する印象：親密 / 信頼。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/skeuomorphism
- Markdown
- [スキューモーフィズム（Skeuomorphism） — デザインスタイル辞典](https://indexstyle.org/ja/styles/skeuomorphism)
- HTML
- <a href="https://indexstyle.org/ja/styles/skeuomorphism">スキューモーフィズム（Skeuomorphism） — デザインスタイル辞典</a>