内容优先于装饰,界面让位于所承载的信息
别名: 内容优先 · content over chrome · 界面让位
概念解释
苹果 Human Interface Guidelines 把界面当成载体,把照片、消息、文档、地图当成目的。工具条、材质、分割线和装饰图形一旦抢过它所承载的信息,这屏就失败了。这个取向叫内容压过装饰(content over chrome):chrome 是窗口铬件——栏、边、饰面——它们存在是为了让内容可到达,而不是成为被观看的对象。
它不是「少画一点阴影」的口味,也不是导航层级怎么叠、字号怎么跟系统走。那些是结构与排版绑定。这里问的是:用户打开这一屏,第一眼落到的是信息本身,还是落到了框架。
机制
触摸设备上,屏幕面积就是注意力预算。每一条不透明的栏、每一块不承载信息的材质,都在从照片、对话气泡、乐谱上扣像素。人来应用是为了那份信息,不是为了欣赏控件的完成度。因此惯例偏向让栏半透明、让标题在滚动中让位、让内容顶到边缘——不是为了时尚,而是把面积还给被承载物。
装饰还有一层更贵的成本:它制造「这里有东西可点」的假信号。一块高光面板如果不可操作,用户会去点;一条华丽分割如果只是美化,会打断扫描。内容优先的机制是减少与任务无关的视觉对象,让可操作物和信息对象抢到对比。框架越响,信息越像配角。
边界
工具类界面(调色、剪辑时间线、专业混音)的内容就是控件本身,栏和刻度不是装饰,不能为了「干净」拆掉。品牌启动屏、营销页本来就是被观看的对象,套用内容优先会把该有的图形删掉。游戏和沉浸媒体用自己的视觉语言,Human Interface Guidelines 的让位原则管不到画布内部。低信息密度的状态页(空相册、无网络)需要图形撑住结构,此时装饰在承担空状态,而不是抢内容。
怎么落地
- 先放内容:列表、画布、阅读区占满主面积,再决定哪些栏必须常驻;能随滚动折叠或淡出的,不要做成永不让位的厚边。
- 装饰层(材质、插画、分割)必须能回答「它让哪条信息更可读或更可到达」;答不上就删。
- 可操作控件贴着它所作用的内容放,不要用一道装饰墙把两者隔开。
- 验证:截图后用纯色盖住全部内容,只留栏和饰面。若剩下的图形仍然热闹,说明框架在抢。反过来盖住框架只留内容,若任务仍可被认出,这一屏才把位置让对了。