操作界面图标显示效果比较

16818

操作界面图标显示效果比较
现在界面有图形、列表、输入方式提供人机互动，以图形显示操作的大小电器比比皆是。图形设置要让人意会易懂、简洁醒目且有好的视觉效果。

图形就是在平面上用点线面结合起来的，本身就是块，用做操作标识用不着再用线条围成格子块，没有围框相连，相邻间简洁宽松，没有拥挤感。如果要用围框也尽量不用公共线条，哪怕相邻间有极小的空隙，给人视觉感受独立成块，表示操作虚拟键的专属区。

与数字符号不同，数字有结合性会与相邻的结合产生歧义，为了防止误判需要有隔离，而增加距离会占用有限的面积，还有即使增加了距离，由于一般数字符号占位小不利于形成操作块（也有把数字加大字码或变形处理形成自然块除外）显得零散，通常用加框明示触击范围。

边等边吹说得都是二话，一般性的比较几种显示感受，改不改哪一种都无所谓，反正都快上市了实际功能不少就行了。


图形几种表现形对比
  

  

  

楚人

当然是中间胜出。

楚人

还会再改一次吗？

16818

数字图标要有操作面又要分得开又不能太分散
  

16818

右侧的4大功能图标本身就是自然块，没有围框，没有拘束，还给周边留下空间显得宽敝不拥挤。

16818

右侧的4大功能图标用了围框，但相邻间有空隙，形成独立的块与其它图标协调一致。
  

16818

右侧的4大功能图标呈列表形式与其它不一致，就象切菜不到位形成'连刀块'没有彻底分开，看着挤挤扛扛的。

fanjx

学习了。

123s

很好，版面很细致清晰！

Shiaiwei

还是原创的设计好看，框起来难看哟！

ytplmfl

还是简洁为好，我选中间的。

lys4007

框的四角不要直角，与其他框对应，用圆角更好看。

cqliym

认为右边的好，简洁，又有区分

16818

lys4007 发表于 2018-3-4 10:40
框的四角不要直角，与其他框对应，用圆角更好看。

主功能图标本身比较大适合操作，相对集中在一个范围靠的也很近，以组合图形式集中又不分散，以组合图的四角钝化处理显得不生硬与其它边框对应比较简洁。

单连

众口难调啊