品牌占据内容层,惯例占据框架层
别名: 内容层 · 框架层 · chrome · 品牌表达
概念解释
把屏幕分成两层:框架层是状态栏、导航、标签、返回、系统面板、列表、开关这些「怎么在这台设备上做事」的壳;内容层是插画、文章排版、空状态绘图、品牌色出现在内容里、产品摄影。平台惯例应占框架层,因为那一层的动作用户是从操作系统里带来的。品牌应占内容层,因为那一层才是这个产品不同于系统邮件的地方。冲突常被说成「要不要更有品牌感」,真正该问的是品牌有没有走进了框架——自定义返回、自绘开关、把系统分享换成品牌分享页,都是品牌占用了不该占的层。
它处理的是品牌和平台惯例在屏幕上的分工,不是设计系统内部「复用对差异」那组张力。后者谈的是组件库和品牌表达怎么在同一套产品体系里共处;这里谈的是操作系统借给用户的壳,和产品自己的内容,谁让谁。
机制
框架层的识别靠的是类型,不是装饰:用户先认出「这是返回、这是标签、这是开关」,再决定怎么动手。品牌若把这些类型画成另一副模样,识别就从类型退化成阅读,框架失去作为反射通道的资格。内容层的识别靠的是题材和风格:同一套系统列表里,换插画、换摄影、换封面字,产品仍然能被认出是自己,而且不要求用户改手。
两层可以相安,是因为它们使用不同的通道。框架走运动与位置(手往哪滑、控件在哪),内容走图像与文案。品牌色可以出现在内容插画和标题里,一旦灌进导航栏背景、系统开关的开启色、模态面板的壳,颜色就开始冒充框架语义——「绿色表示开启」会和系统当前的开关色打架。系统面板(分享、支付、权限)尤其不能换壳:用户核的是系统壳,换了就是在内容层伪造框架。
边界
游戏、相机取景、沉浸媒体在会话中段可以几乎没有系统框架,品牌和内容占满画面;但进入和退出仍要交还系统出口,否则框架层会在边界上报复。启动器、输入法、车机仪表这类本身就是框架的产品,品牌只能停在极小的识别点(图标、启动画面),不能把整层壳换成品牌控件。高识别度的消费品(时尚、美妆)会想把框架也做成橱窗,这时要接受单平台学习账单,而不是假装框架已经变成了内容。深色模式和系统强调色属于框架层的系统设置,品牌色在那一层要让路,否则用户改系统主题时品牌壳会和系统打架。
怎么落地
- 在设计稿上把框架和内容分成两套图层:框架使用系统控件和系统面板,内容使用品牌插画、摄影和排版;品牌色默认只准出现在内容图层。
- 导航、返回、标签、开关、分享、支付不自绘成品牌控件;空状态、封面、文章页、产品图才是品牌主场。
- 系统强调色和深色模式跟随系统,不要用品牌色覆盖框架上的开启态和导航背景。
- 验证:把内容涂成灰、框架保留,问没见过这个应用的人「返回、分享、开关在哪」——应仍能指对。再把框架涂成灰、内容保留,问「这是哪个品牌」——应仍能认出。若第一问要靠颜色才能指对,品牌已经侵入框架;若第二问必须看到导航栏才认出,品牌没有在内容层干活,却在框架层凑识别度。