ui设计基本原则分享(15个设计原则归纳)

归纳总结了主要有以下15个。

1、用色，要让觉得舒服

 

App设计中经常会使用到卡片，卡片颜色的使用会直接影响到用户的视觉感受，因此需要确保用色对用户而言是舒适的，上图左侧案例卡片的饱和度和名都明显过稿，这可以当下热门的app应用中得到参考答案，例如微信、支付宝等，他们在银行卡设置这一块用色几乎出奇一致。

2、字体，采用特殊字体

 

使用特殊字体可以和其他内容格式上形成区分，从而达到突出的目的，选择一个好的字体还可以提升视觉的品质，上图右侧案例的利率分别使用了英文字体DIN和DIN 1451 Mittelshrift Alt,这两种字体的结合使其在视觉上达到了完美的平衡。

3、图标，风格保持一致（图形结构和复杂程度）

 

图标是UI设计中的重要组成部分，做好图标设计很重要的一点就是统一性，此案例中强调的就是图标复杂程度的统一性，为保证统一性需要减少图标不必要的细节。

4、遵循格式塔接近原理

 

根据格式塔接近原理，人在意识上会将彼此靠近的物体看为一组，设计上同样如此。设计中为了界面的简洁经常会舍弃分隔线，但如果在间距上没有区分，就会造成用户理解的困难，上图左侧案例中用户就很难判断哪两个元素为一组，而右侧案例则一目了然。

5、弥散投影的使用细节

 

真实世界中物体的投影是带有物体颜色倾向的，设计中也应该如此。将图片等比例缩小再进行搞死模糊作为投影，这样能增加投影的细节，使得设计更贴近真实且自然。

6、使用与业务属性相关的颜色

 

大多数的业务都有玉器属性相对应的颜色，使用正确的颜色能帮助用户降低理解成本，同时这也是设计师对不同业务作出颜色区分的理论依据。

7、信息对齐

 

对齐的本质是使得界面信息统一且有条理，其目的是提到信息的易读性。不只是文案信息，UI设计中所有的元素都需要对齐。

8、头像的选择

 

选择头像时要保证整体的统一性，注意头像的比例大小以及头像背景，虽然头像只是一个很小的细节，但却能让你的界面大大的加分，同时也能让别人看见你作为设计师尽善尽美的态度。

9、元素之间的间距使用

 

不同元素之间的间距尽量使用固定的几个数值进行复用，过多的间距数值会使得界面显得凌乱无需，也会耗费开发更多的精力。

10、视觉主次对比

 

做设计不仅仅是为了好看，还需要从视觉的角度去助力业务，提升产品转化率，从而实现业务上的数据上升。通过视觉的主次对比来引导用户完成操作，转化率的提升或许很小，但对于用户量很大的产品而言，任何一点提升所带来的收益都是不容小视的。

11、主副文案的层级性

 

UI设计中有主副文案的模块很多，重点是要做好主副文案的层级区分，强化主文案，弱化副文案。通常主文案字号要比副文案大6px以上，字体粗细和颜色也要有所区分，确保用户阅读主文案时不会被副文案干扰，从而提高产品对用户的体验。

12、合理的图文顺序

 

不同的图文顺序对用户体验的影响也是很大的，需要根据用户的阅读习惯来确定合理的顺序。此示例为新闻类界面，对于新闻资讯，文字信息的层级通常是要高于图片的，所有需要将文字至于左边。

13、文字的颜色对比

 

信息的类别名称与内容是不同的层级，上图右侧是用户需要认真阅读的，因此在颜色上需要与类别名称进行区别，从而提高用户的阅读体验。

14、背景的颜色倾向

 

纯粹的浅灰色背景有时会让人觉得有些脏，可以尝试给背景添加颜色倾向，通常为蓝色。

15、分隔线的使用细节

 

分隔线的作用是区分内容信息，使用贯穿分隔线时有时会导致界面的割裂感过强，这是可采用非贯穿分隔线，区分内容的同时又保持整体性，给用户一个良好的视觉体验。