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

 

 

 

 

 

影响UI设计结果的因素

 

 

(一)视觉尺?篇

 

 

 

 

 

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

 

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

 

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

 

 

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

 

 

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

 

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

 

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

 

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

 

 

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