フラットデザイン / ベクターミニマリズム
Flat Design / Vector Minimalism / 2010s– / スタイル / UI表現
情報を単純な面と色へ還元し、画面や媒体を越えて扱いやすくする。
ひと目で判断
見た目の特徴
- 均一な面
- 単純図形
- 少ない影
- 明快な色
向いている用途
- 説明を軽くわかりやすくしたい
- 一貫した大量の図版が必要
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 丸みのあるサンセリフ
- 構成
- 単純なシルエットと明確な階層
- 素材
- 3〜5色、影は意味のある場合のみ
- 注意
- 人物表現が画一化しやすい。固有の比率・線・色ルールをつくる。
- 関連研究
- Material Design / modern vector illustration
関連項目
- ミッドセンチュリー・モダン（Mid-Century Modern）共通する印象：親密 / 信頼。フラットデザイン / ベクターミニマリズムとミッドセンチュリー・モダンの違いを見る
- グランジ（Grunge）対比する意味がある項目として編集上つながっている。フラットデザイン / ベクターミニマリズムとグランジの違いを見る
取り違えられやすい
UI表現をさらに見る
同じ「UI表現」から、共通する印象が多い順に次の項目を選んだ。
- カードUI（Card UI）共通する印象：親密 / 信頼 / 遊び。
- スキューモーフィズム（Skeuomorphism）共通する印象：親密 / 信頼。
- ニューブルータリズム（Neubrutalism）共通する印象：遊び / 信頼。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/flat-design
- Markdown
- [フラットデザイン / ベクターミニマリズム（Flat Design / Vector Minimalism） — デザインスタイル辞典](https://indexstyle.org/ja/styles/flat-design)
- HTML
- <a href="https://indexstyle.org/ja/styles/flat-design">フラットデザイン / ベクターミニマリズム（Flat Design / Vector Minimalism） — デザインスタイル辞典</a>