UI设计师一定要知道的UI设计基本原则

界面作为用户与APP交互的唯一接口，对用户的情绪和工作效率起着举足轻重的作用。因此需对用户界面设计一般原则进行探讨。

要想成为一个优秀的UI设计师，就必须要知道UI设计的基本原则。

1、产品思维要贯穿

多看需求产品流程图，在交互结构图中，可以根据需求初步构造页面的布局排版。

梳理页面的主次，在脑海中留下初步的风格构想，为整个项目打下一个埋点，为将来设计创作时找参考灵感打好基础。

详细地分析需求，能让设计师更好的把握产品思路。

2、界面元素的一致性

如果界面元素缺乏一致性，很可能使界面看起来杂乱无章、没有条理，甚至可能引起用户对产品可靠性的怀疑，失去对产品的信心，所以一致的外观可以让产品产生一种和谐性与专业性。

无论是按钮的圆角比例，还是图标的统一性，以及统一的图形元素，都可以来提升界面的统一感。

3、色彩风格的统一性

颜色风格、页面色相、彩度、明度等整体统一性。

颜色往往是人感官中留下的第一印象，想要合理的运用颜色，其实并不容易。

跟传统的空间设计一样，在大部分界面设计中，一般使用三种颜色就够了，除非设计师有非常高的配色驾驭能力，不然整个页面都会显得较为花哨，影响信息传递。

在界面上合理地使用颜色可以增加视觉上的感染力，但滥用颜色会适得其反。

一般而言，亮色容易使人兴奋，同时也容易使人的眼睛产生疲劳，柔和的暗色可以使人平静。

4、选用字体的技巧

文字是传达信息的工具，有文字就有字体。因此字体也是影响用户界面质量的重要因素。

要选取在不同的分辨率和不同类型的屏幕上都能顺利阅读的字体。因此对UI设计师而言，理解字体也是非常有必要的，这里提供给大家选择字体的技巧。

字体样式

在做界面设计时，永远要把内容的可读性放在首位，其次再去考虑其它。

根据不同的业务模式，选择不同的字体。如衬线字与无衬线字，所传递出来的感受也是有着较大区别的。

一般而言，需要强调的文字或者小篇文字中，使用无衬线字会更合适一些。而在一些长篇文章中，使用衬线体则会更容易阅读。

字体的粗细(字重)

在单色环境中，使用不同的字重能更好的加强内容之间的呼应对比。

在界面设计中，使用较粗的字重来作为标题是较为合适的。因此在设计界面中，不妨把一些主标题加粗试试，或许有一些意想不到的效果。

控制字距

字距跟行距会直接影响到大段文字的阅读性。标题的字间距要紧密，正文大段文字的字间距要稀疏一些。另外正文的行间距常规情况下可以设置为字体大小的1.2倍到1.5倍之间。

在设计过程中，大家根据实际情况合理尝试，直到信息较容易识别阅读为止。另外，字体的一致性也很重要，在大多数情况下，不应当采用两种以上的字体。

5、界面交互风格保持一致

理解尊重交互逻辑，界面交互风格应保持一致。

在视觉设计时，设计师应该跳出自己的思维怪圈，不是只想着把页面做好看就可以了，把页面做得好看是设计师的基本责任，把页面做得好看又好用才是最终目标。

所以设计师应该多学习交互逻辑，熟悉产品思路，这样做出来的作品才是有灵魂的。

在设计过程中使用一致的术语、一致的步骤、一致的动作，让用户始终用同一种方式思考与操作。

最忌讳每换一个屏幕就更换一套操作命令与操作方法。

6、把握页面节奏

页面节奏常规是指，在同一个页面内容中，间距的样式不要太多，另外间距尽量使用倍数。

设计所说的页面节奏是指页面布局怎么去分割，给予用户什么样的视觉体验，让用户第一眼看到什么，第二眼知道有什么，第三眼发现什么，都是设计师视觉思路明确带着用户去体验的。

设计过程中合理使用空白区域。恰当地“留白”有助于突出界面元素和改善可用性，引导用户在不知不觉中进入系统的思维框架，从而顺利地、正确地应用这个系统。

7、规范细化

规范对于设计的核心而言就是灵魂，视觉上游对接产品经理，下游对接开发人员，它都起到阐述设计的规范化、统一化，让外人可以快速读懂设计。

规范细化在交接工作中也会起到高效率的沟通对接桥梁，所以在设计好页面时应该细化地整理输出一份设计规范。

规定标题、副标题、正文等一系列共同使用的组件的大小、状态、间距。

这些都是有共通性与逻辑性的，这样开发在实现页面中就会有依据，知道注意哪些点的字号用多少，间距是多少等等，后期验收工作也会减少很多劳动力。

同时在设计与程序之间慢慢地建立合作默契，完成以后工作任务也达到事半功倍的效果。

设计没有什么捷径，有的只是多看、多想、多做，逻辑明确了，思路清晰了，累积多了，项目方案就好解决了。

UI设计与其他视觉的区分就是更多的考虑可玩性、使用性、耐用性，这些比视觉第一冲击力还重要。提升自己的视觉设计水平，也并非一朝一夕之事，靠的也是不断地积累，不断学习。

来源：@谦谦少女

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

本文内容转载自网络，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训