
扁平矢量
形状简单、边缘平滑、几乎没有假立体。信息靠大小、颜色和位置,适合把规则画成一眼能读完的图。
特征要点
- 一个物件是一个完整几何形,内部细节很少
- 阴影若存在,也是错位的纯色块
- 同一功能始终用同一颜色
- 圆角和线宽全场一致,界面和世界是一套
适合的玩法
适合路线规划、轻解谜和选择叙事。玩家比较形状,而不是看纹理。
代表作品
怎样把它做成一套游戏画面
建议素材清单
- 角色或节点:少量几何形
- 场景:统一色面和路线
- 界面:共用图标笔画与字号层级
动作与反馈
用位置、形变和短过渡说明状态,重要信息不要只靠颜色变化。
主要制作投入
主要工作是形状、排版和动效系统的一致性,而非堆叠纹理。
从这个小场景开始
三个物件形状、一条路线和两种状态,先用少量主色做完整一屏。
预算有限时怎样简化
复用圆角、线宽和间距,减少每个按钮各自设计的装饰。
完成后检查什么
灰度和色觉差异下能否识别状态?不同尺寸的线宽是否显得一致?
带走制作规范
包含当前语言的视觉规则、素材建议、制作范围和来源。这里提供的是规范,素材仍需按项目制作。
制作规范 v1 · 原创编辑与示例 · 来源作品素材未包含
提示词示例
扁平矢量的旅行者站在几何山丘上,四种纯色,圆角一致,无渐变,无多余轮廓,无文字
扁平矢量港口,船是简单色块,航线是一条虚线,背景留大量空白
常见误区
扁平不等于只靠颜色分类;同时使用形状和位置,避免色觉差异阻断阅读。
观察与来源
案例用于对照公开资料。开发者资料与社区 Wiki 分别署名;资料核验不等同于本图鉴已完成原作实机测试。
- Mini Metro
观察路线、节点与拥挤状态的图形编码,不推断具体绘制 API。
- Florence
比较简化人物、色块与交互形状如何承担叙事,不把所有画面都说成纯矢量。
带到工坊的设想
打开 AI 工坊,并把下面的设想填进输入框。生成前可以修改,不会自动开始。
做一个扁平矢量的线路小游戏:把三种颜色的站点连起来,让乘客到达同色站点。形状简单,同一种功能始终用同一种颜色,没有渐变。
封面为 AI 生成的原创风格示意图。代表作品的名称仅供对照其公开可见的设计选择,权利归各自权利人。本图鉴不提供代表作品的截图或素材。提示词和组合设想是给新作品用的原创草稿。


