Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
关于书签按钮图标问题
#5
同一套图标库中的视觉规则是一致的,而界面上的控件都是按网格对齐的。
   

图标之间形状大小未必一致,但重心是相同的。一味的追求居中对齐会适得其反:视觉重心不一致导致的不安定感或显得呆滞。
   

一个经典的例子是 Chrome 地址栏,底部空间比上部多1磅,而地址栏中的字符区域又偏下1磅。实现了灵动感。
   

原生按钮鼠标悬浮和按下的视觉效果如下图,Material Design 中的 Z 轴纵深并不是通过 Y 轴变化实现的,而是定义了材质(纸)和阴影(折纸)。
   

Chrome 设计中的 Content, Not ChromeDon't Make Me Think 原则可以说是饱含巧思。关于 Chrome 几次大的重制心得也可以在其官方博客上找到。

以上以原生 Chrome 为准,因二次开发导致的界面原则混乱不在讨论的范围内。


Cent 好像是改过一些界面数值的。
我一向反对仅凭个人喜好就胡乱修改图标、间距的做法。
对一个人而言,一个间距可能就是一个间距。但对一个团队而言,一个间距甚至要考虑到各个操作系统的视觉交互原则。
不是说 Chrome 官方的产物就一定完美、不可更改,只是更改前应该更加慎重。

Reply


Messages In This Thread
关于书签按钮图标问题 - by CodeHz - 12-19-2017, 02:44 AM
RE: 关于书签按钮图标问题 - by Storm - 12-19-2017, 06:08 AM
RE: 关于书签按钮图标问题 - by Admini - 12-19-2017, 04:28 PM
RE: 关于书签按钮图标问题 - by CodeHz - 12-20-2017, 01:46 PM
RE: 关于书签按钮图标问题 - by Doller - 12-22-2017, 05:32 AM

Forum Jump:


Users browsing this thread: 1 Guest(s)