番茄工厂 · 视觉风格规范

现代食品包装卡通 + 明确黑色描边:一张基准图、一张白描结构图,定下整款游戏的视觉语言。

01正式视觉基准图:用于确定颜色、描边、形状语言和界面层级
02界面结构白描图:只约束竖屏信息结构和功能位置
03标题页参考

两张图,各管一件事

  • 基准图决定颜色、描边、形状语言和界面层级,但不直接切进游戏当素材;
  • 白描图只约束竖屏的信息结构和功能位置,后续页面可以重新排版,但必须沿用基准图的视觉语言。

核心视觉语言

  1. 黑色描边是第一识别特征:HUD、按钮、机器、传送带、货品都使用深色外轮廓。
  2. 现代食品包装感:标签、折角、封口贴、票签和错位色块,不使用后台网页式的卡片和侧栏。
  3. 大色块、少纹理:平涂为主,只保留一层短阴影和少量硬高光。
  4. 地图优先:UI 贴边布置,中心的生产线始终是画面主体。

色板

用途 色值
主珊瑚红 #F36A57
薄荷绿 #55C59A
柠檬黄 #F6C643
莓果紫 #76519A
暖白 #FFF5E5
描边黑 #1C1917

同一个页面最多使用三种功能色作为主色,避免彩虹式的平均分配。