影响UI设计结果的因素

 

 

(一)视觉尺?篇

 

 

 

 

 

并不想写一个类似软件使用说明书的UI制作范例,同样是设计UI元件,所以选择了另一种角度作为切入点,讲述一下UI的设计取选过程吧。

 

人机互交里,最重要的部分,是信息传达。当你眼睛所见信息越少,你判断信息的效率就越高。而在UI设计工作里,首要的是信息传达效率,其次是信息传达次序最后才是审美需求。

 

我们先拟定一个命题:比如做一个放大镜的UI元件

 

UI知识,尺寸对UI设计的影响

 

多数人都可能认为我交出这么一个稿子,会被直接否掉,原因就是太简单,太单调了。但是这种命题练习的命题内容并不完善,如果这是为手机搜索条做提示用的UI元件。那么它就很适合——

 

UI知识,尺寸对UI设计的影响

 

对比清晰,辨识方便,它的尺寸,可以做得足够小,这种元件没有操作需求,仅仅是提示用,所以,只要肉眼辨识不困难,可以要多小就多小。顺便说一下,为什么手把的倾斜角度是45度?因为在像素矩阵里,当你要去放大缩小的时候,45度可以排列出最规整的直线,最不易变形。如果图片不是用程序缩放的时候,也最容易匹配。

 

在视觉引导范围里,信息传递的效率不仅仅受信息的繁复程度影响,也有其他影响因素,例如:尺寸。尺寸过小,辨识不容易,尺寸过大,不能一眼辨识主要信息,也影响辨识效率。

 

那么在UI里,最小和最大尺寸应该是多少呢?

 

最小尺寸参考,请低头看一下你的键盘按钮和按钮上的字母大小,这是经过工程设计师精密计算的,一臂长辨识最优尺寸。再小就会产生辨识困难,你就需要花时间去分辨了。

 

UI知识,尺寸对UI设计的影响

 

所以在UI设计工作中,你先要明确你的设计是为哪种硬件服务的,电脑显示器的操作距离就是一臂长以内,其尺寸可以直接参考键盘按钮大小。而手持设备基本都是半臂距离,那么最小尺寸就是四分之一键盘按钮大小。