google 的视觉设计理念

设计文章 / 视觉设计 | 2014-10-16 | 来源:techread | 发布者: mobileui

在品牌塑造上，Google 已被证明做得极为成功，而且在视觉表现层面，Google 系产品具备着“一致性”和“连贯性”，这让 Google 获得了品牌识别上的利益。

2012年，Google 开始在实验室内部推行一个“Google”式的视觉设计指引，帮助 Google 的设计师和合作伙伴们更好的学习和理解 Google的风格语言，Google的创意总监Chris Wiggins率领团队完成了这样一份指引，这里摘录部分精华内容，用来学习和分享。

和大家更为熟知的 Google Doodle 不同，在产品视觉的设计上，Google 牺牲了个性，保留了更多来自极客的严谨和细致。

“产品的 icon 是 google 的可视化表达元素。它们简洁、现代、友好、有时候有点小诡异。产品 icon 通常高度直白，接近本质，所以它们可以缩小到很小的尺寸使用。而有时候，部分产品icon也会比较字面化，但是它们也依旧可以起到象征产品形象的目的。

设计准则：化繁为简

过于饱满的设计其实并不利于用户迅速建立识别度，作为崇尚极简主义的 Google，这个习惯从 PC 一直带到了 Android。

设计准则：几何图形

Google认为几何图案是科技领域的最佳表现，既不失工业、理性，也能发挥一定的创意。

设计准则：保持正面

“Z 轴”在Google的设计风格中是大忌，立体的视觉效果可以通过阴影等元素来体现，过于拟物和真实有违Google的数字基因。

设计准则：直线阴影

通过阴影来表现立体质感的时候，使用直线的阴影，杜绝渐变或是曲线的阴影，这也是“简化思路”的实践。

色彩：调色原理

Google反对贸然使用新的颜色，就像画家通过调色板来将一种色彩调出更多深浅不一的颜色，Google也喜欢使用“透明度”这种调色方式来扩大画面必须的丰富程度。

色彩：调色标准

出于极客的本质，Google也对调色行为做了标准化的制定，以求设计上的一致性。

色彩：配色组合

Google 的 Logo 使用的四种颜色（蓝、红、黄、绿）也是 Google 在其他设计上的首选配色，而且配色的优先级也是“蓝→红→黄→绿”。

色彩：配色变化

当设计内容需要适配单色（黑白）环境时，阴影元素也被摒弃，通过鲜明的对比度来突出内容。

色彩：背景标准

对于产品 icon 能够适配什么颜色的背景，Google 也有着严格的标准制定。

产品 icon 创作要求

像素级的完美主义——尽量避免虚线和锯齿。

产品 icon 创作要求

字体排版——作为本身 Logo 就是字体而非图像的品牌，Google从印刷角度出发看待字体的选择，秉承的思路也是中规中矩，大方稳重。

产品 icon 创作要求

尺寸和比例——和Apple不同，Google并不强求圆角矩形式的大统一，而是通过一些技巧去均衡排列整齐和原生比例两大属性，比如在一些icon设计的时候，因为迁就本身的形状，从而会在边框上做出一些留白，但是就icon的完整尺寸来讲，看起来大小不一的icon们，其实是同样的尺寸，Google不希望为了填满而去填满空间。