品牌完整字标放在页面上清楚,缩到头像或应用图标里却未必仍然有同样的识别效果。Google Design介绍过一套由完整字标、动态圆点和紧凑G图标组成的身份系统。阅读这个案例时,值得关注的是不同形态承担的任务,而不是把G图标理解成随手从字标里截出一个字母。
原文明确说,G图标直接从字标中的G衍生,但增加了视觉重量,以适应较小尺寸,以及与其他元素共享空间的场景。[1] “来自同一个字形”与“几何数据完全不动”并不是同一层意思。衍生关系维持识别,针对使用场景的调整则帮助小尺寸呈现。
案例还说明,G图标依照产品图标所用网格设计,并对圆形与横笔交会处作视觉修正,避免出现原文所说的视觉突出问题。这里的“修正”描述的是设计者对视觉效果的处理,不能把圆规画得相同或数学比例一致,直接等同于所有位置看起来都均衡。
颜色也有类似区别。字标各字母之间留有空白,而G图标中颜色相邻,原文指出这种相邻关系可能产生视觉混合,使颜色显得更暗。因此设计团队提高了红、绿、黄的鲜明程度。[1] 这并不构成任何品牌都应提高饱和度的通用规则,而是这个具体系统为保持呈现效果所作的调整。
对品牌视觉交付而言,可以据此把完整字标与紧凑图标分别列为需要检查的资产。讨论时记录它们实际出现的位置、尺寸与周围元素,再看字形交会和颜色边界是否清晰。这里提出的是从案例得到的检查思路,本文没有测试任何真实品牌文件,也没有给出已经通过的像素或色值结论。
这篇原文介绍的是一项身份设计案例,不是对Google当前每一处界面标志的实时清点。本文不据此声称现行全部品牌资产都与该文一致,也不复制其图形作为可自由使用的商标素材。案例的启发在于:紧凑图标可以与字标保持家族关系,同时拥有为自身场景准备的视觉细节。
信息来源
本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。