在品牌塑造上,Google已被证明做得极为成功,而且在视觉表现层面,Google系产品具备着“一致性”和“连贯性”,这让Google获得了品牌识别上的利益。
2012年,Google开始在实验室内部推行一个“Google”式的视觉设计指引,帮助Google的设计师和合作伙伴们更好的学习和理解Google的风格语言,Google的创意总监ChrisWiggins率领团队完成了这样一份指引,这里摘录部分精华内容,用来学习和分享。
和大家更为熟知的GoogleDoodle不同,在产品视觉的设计上,Google牺牲了个性,保留了更多来自极客的严谨和细致。
产品的icon是google的可视化表达元素。它们简洁、现代、友好、有时候有点小诡异。产品icon通常高度直白,接近本质,所以它们可以缩小到很小的尺寸使用。而有时候,部分产品icon也会比较字面化,但是它们也依旧可以起到象征产品形象的目的。
设计准则:化繁为简——过于饱满的设计其实并不利于用户迅速建立识别度,作为崇尚极简主义的Google,这个习惯从PC一直带到了Android。
设计准则:化繁为简——Google在用户界面上的有一些黑白风格的icon也遵循同样简化的设计准则,在剥离了色彩之后,仅仅保留单纯的意向语言,杜绝icon太过喧宾夺主,反而干扰了用户的注意力。
设计准则:几何图形——Google认为几何图案是科技领域的最佳表现,既不失工业、理性,也能发挥一定的创意。
设计准则:几何图形——同样,严格的几何尺度也是构成Google在用户界面的icon的基础,潦草、率性、手绘等类型的icon在Google这里行不通。
设计准则:保持正面——“Z轴”在Google的设计风格中是大忌,立体的视觉效果可以通过阴影等元素来体现,过于拟物和真实有违Google的数字基因。
设计准则:直线阴影——通过阴影来表现立体质感的时候,使用直线的阴影,杜绝渐变或是曲线的阴影,这也是“简化思路”的实践。
设计准则:深浅配色——由于缺少色彩进行区隔,这些icon利用深浅明暗来优化视觉认知,灰度的使用亦遵照设计规定。
色彩:调色原理——Google反对贸然使用新的颜色,就像画家通过调色板来将一种色彩调出更多深浅不一的颜色,Google也喜欢使用“透明度”这种调色方式来扩大画面必须的丰富程度。
色彩:调色标准——出于极客的本质,Google也对调色行为做了标准化的制定,以求设计上的一致性。
色彩:配色组合——Google的Logo使用的四种颜色(蓝、红、黄、绿)也是Google在其他设计上的首选配色,而且配色的优先级也是“蓝→红→黄→绿”。
色彩:配色变化——当设计内容需要适配单色(黑白)环境时,阴影元素也被摒弃,通过鲜明的对比度来突出内容。
色彩:背景标准——对于产品icon能够适配什么颜色的背景,Google也有着严格的标准制定。
深圳市立正设计顾问有限公司:http://www.ilogovis.com/
地址:深圳市龙华1980文化创意产业园一期H栋405
电话:0755-21045776
邮箱:183883516@qq.com
顾问:13713520021谢先生