Flat Design / Vector Minimalism

フラットデザイン / ベクターミニマリズム / 2010s– / 风格 / 界面风格

把信息还原为平坦的色块与色彩，可在各种屏幕与媒介间通用。

Flat Design / Vector Minimalism — AI 生成的诠释图像 1 — AI 生成的诠释图像（并非参考作品）

Flat Design / Vector Minimalism — Google《Material Design 界面组件》2015 — Wikimedia Commons / Public domain — Google《Material Design 界面组件》2015 — Wikimedia Commons / Public domain

Flat Design / Vector Minimalism — Preply《Chemistry Class in School》2021 — Wikimedia Commons / CC BY 2.0 · © Preply.com Images — Preply《Chemistry Class in School》2021 — Wikimedia Commons / CC BY 2.0 · CC BY 2.0 · © Preply.com Images

快速判断

视觉特征

均质的色块
简单的形状
极少的阴影
明快的色彩

适用场景

想把说明做得轻快好懂
需要大量风格一致的图示

使用这一风格

把简短指引带入项目，或将结构化规格交给AI工具。

design.md 图像提示词 JSON API MCP与机器入口组合

在 ChatGPT 中打开在 Claude 中打开在 Google AI 中打开

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体: 带圆角的无衬线体
版面: 简单的剪影与清晰的层级
材料: 三到五种颜色，只有在有意义时才用阴影
注意: 人物表现很容易变得千篇一律，要定下自己的比例、线条和用色规则。
延伸阅读: Material Design / modern vector illustration

相关词条

Mid-Century Modern (ミッドセンチュリー・モダン)共同感受：Intimacy / Trust。比较Flat Design / Vector Minimalism与Mid-Century Modern
Grunge (グランジ)作为有意义的对照由编辑建立关联。比较Flat Design / Vector Minimalism与Grunge

常被混淆的对象

继续浏览界面风格

从界面风格中按共同感受优先推荐以下词条。

Card UI (カードUI)共同感受：Intimacy / Trust / Play。
Skeuomorphism (スキューモーフィズム)共同感受：Intimacy / Trust。
Neubrutalism (ニューブルータリズム)共同感受：Play / Trust。

查看界面风格全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link: https://indexstyle.org/zh/styles/flat-design
Markdown: [Flat Design / Vector Minimalism — IndexStyle](https://indexstyle.org/zh/styles/flat-design)
HTML: <a href="https://indexstyle.org/zh/styles/flat-design">Flat Design / Vector Minimalism — IndexStyle</a>

返回索引中的位置