12-22-2017, 05:32 AM
同一套图标库中的视觉规则是一致的,而界面上的控件都是按网格对齐的。
图标之间形状大小未必一致,但重心是相同的。一味的追求居中对齐会适得其反:视觉重心不一致导致的不安定感或显得呆滞。
一个经典的例子是 Chrome 地址栏,底部空间比上部多1磅,而地址栏中的字符区域又偏下1磅。实现了灵动感。
原生按钮鼠标悬浮和按下的视觉效果如下图,Material Design 中的 Z 轴纵深并不是通过 Y 轴变化实现的,而是定义了材质(纸)和阴影(折纸)。
Chrome 设计中的 Content, Not Chrome 和 Don't Make Me Think 原则可以说是饱含巧思。关于 Chrome 几次大的重制心得也可以在其官方博客上找到。
以上以原生 Chrome 为准,因二次开发导致的界面原则混乱不在讨论的范围内。
Cent 好像是改过一些界面数值的。
我一向反对仅凭个人喜好就胡乱修改图标、间距的做法。
对一个人而言,一个间距可能就是一个间距。但对一个团队而言,一个间距甚至要考虑到各个操作系统的视觉交互原则。
不是说 Chrome 官方的产物就一定完美、不可更改,只是更改前应该更加慎重。
图标之间形状大小未必一致,但重心是相同的。一味的追求居中对齐会适得其反:视觉重心不一致导致的不安定感或显得呆滞。
一个经典的例子是 Chrome 地址栏,底部空间比上部多1磅,而地址栏中的字符区域又偏下1磅。实现了灵动感。
原生按钮鼠标悬浮和按下的视觉效果如下图,Material Design 中的 Z 轴纵深并不是通过 Y 轴变化实现的,而是定义了材质(纸)和阴影(折纸)。
Chrome 设计中的 Content, Not Chrome 和 Don't Make Me Think 原则可以说是饱含巧思。关于 Chrome 几次大的重制心得也可以在其官方博客上找到。
以上以原生 Chrome 为准,因二次开发导致的界面原则混乱不在讨论的范围内。
Cent 好像是改过一些界面数值的。
我一向反对仅凭个人喜好就胡乱修改图标、间距的做法。
对一个人而言,一个间距可能就是一个间距。但对一个团队而言,一个间距甚至要考虑到各个操作系统的视觉交互原则。
不是说 Chrome 官方的产物就一定完美、不可更改,只是更改前应该更加慎重。