01 · CORE DEFINITION
Frutiger Metro解决什么视觉问题
02 · RECOGNITION GUIDE
如何识别Frutiger Metro
粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;完全平面化,仅用少量光泽色块;清楚矢量边缘、数字贴纸感与简洁渐变。 判断时不要只看题材,要逐项核对下面的视觉结构。
决定视线从哪里进入、信息按什么顺序被读取。
决定主体的力量感、亲近感以及人与空间的关系。
决定风格在缩略图和纯剪影状态下是否仍可识别。
决定第一情绪和区域层级,不能只作为最后滤镜。
决定空间深度、材质可信度和戏剧程度。
把风格延伸到信息层级;文字与图像必须属于同一系统。
提供触感、媒介和年代线索,增强风格可信度。
控制信息压力与观看速度;Frutiger Metro需要在识别度和可读性之间保持平衡。
03 · KEY VISUAL GENES
关键视觉基因:特征、作用与使用方式
生成或设计时至少选择三项共同工作,不要只复制一个表面符号。
粗黑流线插画、图标群、波形模块和非对称平面层叠
作用建立第一情绪、视觉焦点和区域层级。
使用将“粗黑流线插画、图标群、波形模块和非对称平面层叠”落实为主色、辅助色和强调色面积,不要让所有颜色平均竞争。
粗圆轮廓、扁平拟人图标、音乐与交通式符号
作用建立缩略图级别的识别度,决定主体看起来如何。
使用用纯黑剪影检查“粗圆轮廓、扁平拟人图标、音乐与交通式符号”是否清楚,再补充色彩与材质。
黑白配高饱和青绿橙蓝粉
作用建立第一情绪、视觉焦点和区域层级。
使用将“黑白配高饱和青绿橙蓝粉”落实为主色、辅助色和强调色面积,不要让所有颜色平均竞争。
完全平面化,仅用少量光泽色块
作用提供媒介、触感与年代线索,避免画面只有抽象形状。
使用把“完全平面化,仅用少量光泽色块”附着到合理对象和表面,不要作为统一滤镜覆盖文字与留白。
清楚矢量边缘、数字贴纸感与简洁渐变
作用提供媒介、触感与年代线索,避免画面只有抽象形状。
使用把“清楚矢量边缘、数字贴纸感与简洁渐变”附着到合理对象和表面,不要作为统一滤镜覆盖文字与留白。
圆润无衬线和手绘式展示字;准确保留用户原文
作用把风格延伸到标题和信息结构,影响阅读顺序与节奏。
使用让“圆润无衬线和手绘式展示字;准确保留用户原文”只承担标题和层级;正文仍需满足实际阅读尺寸。
04 · COLOR SYSTEM
常见配色方案与使用比例
比例是起始建议,不是硬性规范。先用面积建立层级,再根据媒介明度和可读性微调。
#14171B用于背景、最大形体或主要材质,承担Frutiger Metro的整体气质。
#34C6C9用于区分层级、支撑主体和建立冷暖或明度关系,不与主色平均竞争。
#E13E8F只用于标题、焦点、交互状态或关键细节;面积越小,识别信号越明确。
05 · CONTENT FIT
你的内容适合这种风格吗
先判断要表达的主题、情绪与观看预期,再决定是否使用这种风格。媒介只是载体,不应成为选择风格的唯一理由。
适合表达
这种风格的原始命题是“Frutiger Metro是后来网络社群对2000年代中后期一类媒体、企业和数字图形的追认性命名,常以黑色流线、高饱和扁平图标、音乐与都市符号区别于Frutiger Aero的仿真自然图像。它不是当时设计师共同使用的历史术语,年代、软件和实例应明确”。当你的内容也需要讨论相近的冲突、价值或观看方式时,风格与主题才真正匹配。
适合营造
适合营造数字感、未来感与技术张力、高识别感、系统化感的观看感受。它会主动改变信息压力和观看节奏,不只是给画面增加一种气氛。
适合展示
更适合把数字产品概念、内容层级与交互状态;世界观、角色系统与探索空间;活动主题、核心观点与行动号召作为核心内容;主体需要允许粗黑流线插画、图标群、波形模块和非对称平面层叠和粗圆轮廓、扁平拟人图标、音乐与交通式符号参与叙事。
传播场景
适合设计展览、教育传播、品牌系统与产品说明等需要把观点组织得清楚有序的场景。
受众预期
更容易吸引关注科技文化、青年文化、亚文化或世界观叙事的受众;面向强调稳定与普适信任的人群时,应降低风格强度。
选择依据
如果内容同时需要“数字、未来、高识别”,并能让粗黑流线插画、图标群、波形模块和非对称平面层叠、黑白配高饱和青绿橙蓝粉和清楚矢量边缘、数字贴纸感与简洁渐变承担表达任务,这种风格是合适的;如果只是喜欢其中一种颜色,建议轻度借鉴。
06 · UNSUITABLE USES & RISKS
不适用场景与执行风险
慎用场景
当项目要求完全中性、跨文化无歧义或极高信息效率时,不宜让Frutiger Metro覆盖全部界面;应以轻度借鉴为主。
具体风险
- 未来感元素更新很快,避免依赖短期流行的霓虹、镀铬或界面装饰。
- 系统规则应服务内容差异,避免所有页面因为过度一致而失去重点。
- 不要同时混入过多相邻风格,优先守住粗黑流线插画、图标群、波形模块和非对称平面层叠和粗圆轮廓、扁平拟人图标、音乐与交通式符号。
07 · COMPARISON
容易与哪些风格混淆
Frutiger Metro vs Y2K 未来复古
Frutiger Metro粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;清楚矢量边缘、数字贴纸感与简洁渐变。
Y2K 未来复古界面、杂志、广告、时尚或三维对象按具体媒介组织悬浮、轨道、网格或拼贴;液态圆形、锐利科技线、像素和早期CG体块按来源年代选择,不全部叠加;冰蓝银绿、粉彩、黑白或高饱和流行综合色均可,依具体子路线;铬、透明塑料、凝胶、网布、像素、低多边形、印刷光泽和压缩痕迹。
关键差异:Frutiger Metro的识别重心是“粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;完全平面化,仅用少量光泽色块;清楚矢量边缘、数字贴纸感与简洁渐变”;Y2K 未来复古则是“界面、杂志、广告、时尚或三维对象按具体媒介组织悬浮、轨道、网格或拼贴;液态圆形、锐利科技线、像素和早期CG体块按来源年代选择,不全部叠加;冰蓝银绿、粉彩、黑白或高饱和流行综合色均可,依具体子路线;影棚高光、屏幕光、闪光灯或早期CG照明按媒介使用,不统一边缘辉光;铬、透明塑料、凝胶、网布、像素、低多边形、印刷光泽和压缩痕迹”。先比较空间结构和边缘处理,再比较题材。
查看Y2K 未来复古完整指南Frutiger Metro vs 扁平化设计
Frutiger Metro粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;清楚矢量边缘、数字贴纸感与简洁渐变。
扁平化设计响应式网格、清楚层级、稳定导航和以任务为中心的界面区块;简化几何图标、一致轮廓和可辨控件状态,避免把所有元素压成同一平面;有限平涂综合色与足够文字对比,可用受控综合色变化区分状态;清楚矢量边缘、一致图标系统和适配不同屏幕的数字表面。
关键差异:Frutiger Metro的识别重心是“粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;完全平面化,仅用少量光泽色块;清楚矢量边缘、数字贴纸感与简洁渐变”;扁平化设计则是“响应式网格、清楚层级、稳定导航和以任务为中心的界面区块;简化几何图标、一致轮廓和可辨控件状态,避免把所有元素压成同一平面;有限平涂综合色与足够文字对比,可用受控综合色变化区分状态;通常减少装饰高光,必要时以轻微阴影或层级线索支持可用性;清楚矢量边缘、一致图标系统和适配不同屏幕的数字表面”。先比较空间结构和边缘处理,再比较题材。
查看扁平化设计完整指南Frutiger Metro vs 酸性视觉
Frutiger Metro粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;清楚矢量边缘、数字贴纸感与简洁渐变。
酸性视觉密集越界、边到边信息、中心3D物件或多个层级冲突的海报结构;液态扭曲、尖锐几何、镀铬体和极端压缩或拉伸字体;酸绿、电紫、荧光粉、深黑和高综合色数字渐变,配色不是名称定义;数字噪点、扫描纹、压缩伪影、液态金属、塑料和光栅图像。
关键差异:Frutiger Metro的识别重心是“粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;完全平面化,仅用少量光泽色块;清楚矢量边缘、数字贴纸感与简洁渐变”;酸性视觉则是“密集越界、边到边信息、中心3D物件或多个层级冲突的海报结构;液态扭曲、尖锐几何、镀铬体和极端压缩或拉伸字体;酸绿、电紫、荧光粉、深黑和高综合色数字渐变,配色不是名称定义;镀铬反射、过曝辉光、屏幕综合色和刻意不自然的3D照明;数字噪点、扫描纹、压缩伪影、液态金属、塑料和光栅图像”。先比较空间结构和边缘处理,再比较题材。
查看酸性视觉完整指南Frutiger Metro vs 新美学
Frutiger Metro粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;清楚矢量边缘、数字贴纸感与简洁渐变。
新美学机器视觉框、像素层、现实物体与数字界面同屏并置;识别框、二维码式网格、低模形和硬边数字覆盖;屏幕 RGB、监控灰、荧光功能色与现实综合色;像素、压缩、三维网格、摄像头噪点和打印输出。
关键差异:Frutiger Metro的识别重心是“粗黑流线插画、图标群、波形模块和非对称平面层叠;粗圆轮廓、扁平拟人图标、音乐与交通式符号;黑白配高饱和青绿橙蓝粉;完全平面化,仅用少量光泽色块;清楚矢量边缘、数字贴纸感与简洁渐变”;新美学则是“机器视觉框、像素层、现实物体与数字界面同屏并置;识别框、二维码式网格、低模形和硬边数字覆盖;屏幕 RGB、监控灰、荧光功能色与现实综合色;现实环境光与屏幕自发光直接叠加;像素、压缩、三维网格、摄像头噪点和打印输出”。先比较空间结构和边缘处理,再比较题材。
查看新美学完整指南08 · STYLE INTENSITY
风格强度变化
保留 1–2 个主基因
保留粗黑流线插画、图标群、波形模块和非对称平面层叠和 #14171B 强调色;继续使用项目原有字体和组件,避免加入完整年代装饰。
联动 3–4 个变量
同时使用粗黑流线插画、图标群、波形模块和非对称平面层叠、粗圆轮廓、扁平拟人图标、音乐与交通式符号、黑白配高饱和青绿橙蓝粉和清楚矢量边缘、数字贴纸感与简洁渐变,但保留清晰的信息层级。
统一整套视觉语法
构图、比例、轮廓、光线、色彩、字体和材质全部遵循Frutiger Metro,仅适合主视觉、封面和沉浸式核心场景。
09 · MEDIA TRANSLATION
不同媒介怎样转译
同一种风格进入不同媒介时,应该保留核心基因,同时主动降低与媒介任务冲突的部分。
海报
- 必须保留
- 粗黑流线插画、图标群、波形模块和非对称平面层叠、圆润无衬线和手绘式展示字;准确保留用户原文
- 需要调整
- 把风格集中到主图和标题;正文保持高可读性,远距离先读到主题,再读到装饰细节。
品牌视觉
- 必须保留
- 粗圆轮廓、扁平拟人图标、音乐与交通式符号、主辅色比例、一个稳定的材质信号
- 需要调整
- 把复杂画面提炼成标志形、色板和版式规则;不要要求每个触点都复刻完整作品。
数字界面
- 必须保留
- 粗黑流线插画、图标群、波形模块和非对称平面层叠的层级逻辑、粗黑流线插画、图标群、波形模块和非对称平面层叠、局部使用完全平面化,仅用少量光泽色块
- 需要调整
- 降低装饰密度和纹理强度;正文、按钮、状态色及键盘焦点必须优先满足可读性和一致性。
插画
- 必须保留
- 粗圆轮廓、扁平拟人图标、音乐与交通式符号、均匀主光配克制阴影,避免无依据的多光源、完全平面化,仅用少量光泽色块
- 需要调整
- 允许风格主导造型与气氛,但主体轮廓、叙事动作和前后景关系必须清楚。
10 · PROMPT RECIPE
Prompt 配方:逐项控制,而不是只写风格名
以Frutiger Metro作为清晰可识别的整体风格。只改变视觉处理,保持用户主体身份、数量、动作与关键结构。执行:构图采用粗黑流线插画、图标群、波形模块和非对称平面层叠;将用户主体转译为粗圆轮廓、扁平拟人图标、音乐与交通式符号,保持身份与关键结构;配色限定为黑白配高饱和青绿橙蓝粉;材质与表面呈现为清楚矢量边缘、数字贴纸感与简洁渐变;光影采用完全平面化,仅用少量光泽色块;仅在用户要求文字时,采用圆润无衬线和手绘式展示字;准确保留用户原文,并保持原文可读。
Use Frutiger Metro as the clearly recognizable overall style. Change only the visual treatment; preserve the supplied subjects' identity, count, action, and defining structure. Execution: compose with screen grids, interface hierarchy, digital negative space, and modular overlays; translate the supplied subjects into hard-edged digital forms, procedural curves, and controlled distortion while preserving identity and defining structure; limit the palette to screen black, cool dominant tones, and saturated electronic accents; render materials and surfaces as pixels, scans, compression, 3D sampling, or synthetic surfaces; use screen emission, contour glow, and controlled reflections for lighting and tonal rendering; only when text is requested, use monospaced, interface, or period-consistent digital type, and preserve the exact readable wording.
主体残缺或重复,关键结构丢失,风格混杂,未经请求的文字,乱码,水印,品牌标志
11 · PROMPT ERRORS
常见错误 Prompt:问题在哪里,怎样修正
一个Frutiger Metro风格的海报,高级感,设计感,氛围感问题:只有风格名和主观形容词,没有告诉模型构图、比例、颜色、光线与材质怎样变化。
修正:至少加入“粗黑流线插画、图标群、波形模块和非对称平面层叠、粗圆轮廓、扁平拟人图标、音乐与交通式符号、黑白配高饱和青绿橙蓝粉、清楚矢量边缘、数字贴纸感与简洁渐变”。
极简低密度构图、同时要求满版高细节装饰问题:同一控制维度出现相反要求,模型只能随机选择或折中,结果通常两边都不像。
修正:先确定Frutiger Metro为主风格;冲突属性只保留一项,并明确风格强度。
Frutiger Metro + Y2K 未来复古 + 赛博朋克 + 极简主义 + 复古未来主义问题:堆叠多个风格名称没有说明谁控制构图、谁控制材质,容易产生拼贴式表面符号。
修正:保留Frutiger Metro作为结构主导;如需混合,只让Y2K 未来复古负责一个明确变量,例如色彩或材质。
12 · HISTORICAL CONTEXT
历史脉络
14 · REFERENCES
参考资料
以下公开资料用于核对本页的年代、概念边界与历史关系;链接指向原始机构或百科条目。