UI界面设计

谷歌android品牌升级设计的详细解读

2167

2019年8月22日，谷歌宣布Android系统的重大改变，不仅换了全新的Logo，命名方式也变了，今年的Android Q的正式名称是Android 10，以后Android系统就会放弃字母命名改为更简单好记的数字命名。该版本将使用数字（Android10）来代替原有的命名方式，这样给用户的感觉更加直观、容易理解。

Image title

安卓版本的命名和Logo变得更加简洁了，这说明谷歌也开始化繁为简，追求极简的设计。在系统交互方面，也会更加人性化.

Image title

全新版本的Android品牌字体颜色从绿色变成了黑色，这样做也是方便阅读，因为绿色的字体对于有视力障碍的人会阅读困难。

Image title

全新的Logo增强了色彩的饱和度和对比度，用黑色文字和绿色图标组合可以提高识别度，通过改变字体字重来弱化文字部分，简化机器人图案来增强图形的识别度。

人们在第一次学习英文字母的书写时，会在一种类似五线谱的四根横线的本子上练习英文字母的书写。在西文字体中对这四根横线都有专业的术语，从上到下依次为上升线（Ascender Line）、中线（Mean Line）、基线（Base Line）、下升线（Descender Line）。小写字母在书写时会有上升部和下升部，比如字母“h”和“g”等。为了方便阅读，西文字体中的所有大写和小写都是基于字母的基线来进行对齐排列的。

Image title

android由于字母中没有下升部，中线与基线的高度成为X-height，决定了字体的整体高度，新品牌降低了字母X-height字高，提升了字母的上升部，目的是为了和bugdroid机器人头视觉平衡。

Image title

字间距

Image title

新版本的整体字间距都较为宽松，更加方便用户阅读和识别。an和dr之间的间距一致，nd和oi、id的间距一致。字母的几何外形不同他们的字母间距也不同。

重复性和多样性原则

所有精心设计的字体都体现了重复性和多样性的原则

Image title

ado字母都使用了相同大小的内圆，ad字母的外圆统一设计变化，

Image title

andri字母中的竖线元素都统一左下角使用相同大小的圆角，这是品牌更新的一大亮点。右下角都使用直角，由于字母是基于基线对齐的，竖线上方都使用直角会方便向上延展

完全形态法则

简单点说，当图形是一个残缺图形，但主体有一种使其闭合的倾向，即主体能自行填补缺口从而将其感知为一个整体。

Image title

当使用一段独立的线条围成环状路径时，人们的第一反应就是将它们视为一个整体图形，然后才会注意到这个图案其实是有许多独立的线条组成。以这种方式感受信息的倾向是自动的、无意识的，而且可能是一种天生的喜好，人们偏爱单纯甚于复杂，喜欢有规律甚于无规律可循。

Image title

如图android中的字母ad的右侧竖线做了修改，之前是竖线不变，让你自动脑补圆弧其实比较别扭，现在圆弧切掉竖线部分元素，让你自动脑补竖线就比较顺其自然。

视觉平衡

26字母的形态各异，有的宽，例如“M” ；有的窄，例如“I”，有的圆有的尖，我们大致可以把26字母分成以下几类

Image title

视错觉的调整，数理上高低等大的三角形、方形、圆形，放在一起在视觉上感觉三角形过窄，圆形稍小，同样的字母里同形状的字母虽然在数理上等高等低，但是放在一起，视觉上就感觉稍小和稍窄。如果我们稍作调整，加宽三角形，放大圆形，那么就能取得视觉上的一致，很多新手在调整字母时都一味的按照自己画的辅助线去做成数理上的等大，但是视觉上就出现了问题。

Image title