浅谈UI设计

夏梦

摘要：在做软件界面设计的时候，经常会遇到一些困扰。该怎么做，怎么做能够提高用户对该软件的兴趣，提升用户体验，是界面设计师应该考虑的问题和做界面设计的出发点。界面美观、舒适是很重要的，但是更重要的是使用方便，给人的感觉友好、熟悉，又不缺乏个性。

关键词：UI设计；交互方式；色彩搭配；语言；一致性

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2015）07-0295-02

Abstract： When we are doing a software users interface design， often encounter some problem. What to do， how to improve the user's interest in the software to enhance the user experience. Thats the problem that interface designers should consider， and thats the starting point for them to design. Interface aesthetics， comfort is very important， but even more important is easy to use， give people the feeling of a friendly， familiar， but not lack of personality.

Key words： UI design； interactive mode； color matching； language； consistency

UI即User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。由此可见我们需要研究三方面的内容，即研究人、研究工具以及人与工具的关系。

用户界面作为人与机器交互的媒介，有着非常重要的作用，没有界面，人就无法操作机器。所以界面设计的好与坏，直接影响到用户使用软件难易程度。好的UI设计能够让软件的使用变得轻松自如，无需用户思考和记忆，当用户在使用某个软件觉得自己很笨的时候，那就是UI设计师的工作没有做好。

我们如何能够输出好的UI设计呢？

1 交互方式模拟现实

模拟现实的交互方式会给人熟悉亲切的感觉，用户不需要学习，便能够理解。UI设计中不乏这样的例子。例如，当某个按钮按下去的时候，呈现比原来更深的颜色，这个就是模拟了现实中光影的效果，不同的高度，对于同一个物体，颜色肯定有所差别。有一个小的手电筒APP，就模拟了现实中的手电筒，所以用户不必思考它怎么用，因为太熟悉了。用户第一次接触，不需要学习，毫无约束的使用的应用，就是好的应用。

2 界面设计要简单

界面设计跟平面设计有很大不同，平面设计可以随自己的喜好或者是需要加入一些装饰，特别是海报招贴的设计，需要有一些吸引眼球的内容或者是色彩。但是界面对于用户来说是工具，所以好用是工具所要具备的第一品质，为了不干扰用户，不要添加不必要的装饰。

界面设计一目了然，安排好每一个页面的功能排列，重要的功能、次重要的功能、不重要的功能应该有序的排列。为了使界面干净，要适当隐藏一些不重要的功能，但是用户可以通过有效的方法找到这些功能。

3 图标的应用

3.1尽量使用通用的图标

用户已经习惯的图标，我们就不要去试图更改，使用通用图标会让用户更容易使用，也更容易让用户对界面产生亲切感。一个陌生的界面的接受程度远不如一个被大众熟悉的界面。

3.2图标的设计能够体现所代表事物的特点

当然，除了通用图标，我们也要设计能够体现软件特点的新图标。让软件有一定的个性和差异性。设计图标一定能够代表事物的特点，让用户看到图标在不用文字解释的情况下能够理解它所代表的含义。这样的设计使得软件生动充满了活力，提升用户体验。

3.3图标的设计不能太过复杂

虽说图标的设计能够体现所代表事物的特点，但是设计不能太过复杂，要简约。好的图标设计既要有特点，有亲和力，又能让界面很干净。

4 色彩的搭配

色彩，是一种很好理解的情感。从出生起，我们就从周围环境中学习其他人对色彩的理解和应用。例如，每逢节庆到处都是红色，即便几十年来没有人直接告诉你，你也会在脑海中不经意的记住：红色代表喜庆、欢快、幸福、吉祥。春天看到绿色是件挺自然的事儿，如同北方人冬天看见下雪一样平凡无奇。成长过程中，我们会潜移默化地理解绿色为“新生”的色彩代言人，白色是飘零、纯洁的象征......

但是有些颜色代表的意义非常复杂，像蓝色，我们首先想到的可能是蓝天大海，很开阔，但却还有一种神秘的孤独感，特别是在电影和漫画中，它常常被当作忧伤和孤僻的色彩被使用。而蓝色也被看作是最严谨的颜色，很多高科技公司喜欢把蓝色作为公司的标准色使用。那么，色彩拥有如此复杂的意义，怎么使用呢？这就需要搭配。相同的颜色，搭配的比例不同，搭配的位置不同，就会产生不一样的感情色彩。

不要超过3种颜色是所有色彩原则的基础。

4.1黑白灰优先

如果你没有很好的配色，那就先选择黑白灰吧，如果搭配得当，黑白灰的设计看上去层次也是很丰富的。

4.2在黑白灰基础上添加一种色彩

如果你觉得黑白灰单调，可以在黑白灰的基础上加入一种色彩，可以在大面积的黑白灰上面加入小面积的颜色。这样的搭配高雅，又不失活力。

4.3使用同一色系进行色彩搭配

如果使用色彩来搭配，那么一个页面最好使用同一色系的颜色来进行搭配，这样就不会出现不协调的问题。

4.4可使用互补色进行搭配

只要比例得当，互补色的搭配一样可以收获很好的视觉效果。

4.5使用邻近色进行色彩搭配

一种颜色的纯度比较高的时候，另一种颜色纯度低或名度低的，这样搭配出的效果会比较好。

以上只是一些基础的色彩搭配，初学者，如果能做到以上几点，相信界面设计也一定不会差。

5语言的使用

5.1 语言使用的一致性

同一事物的说明要使用同一个词语，否则会给用户造成不必要的困扰。例如，如果你使用了“查找”，就不要在同样的情况下使用“搜索”。

5.2 语言使用的准确性

使用语言一定要准确，不要产生歧义，不要让用户思考。

5.3 语言使用的通俗性

不要使用专业术语，是的用户根本不理解语言的意思，要时刻记住，我们的软件是给广大用户使用的，而不是给我们的专业技术人员使用的。

5.4 语言使用要体现出情感关怀

尽量不要使用“警告”“禁止”等不友好的语言，可以使用“温馨提示”“请不要......”以及一些比较时尚的网络用语。总之，语言上的使用，要给用户亲切、友好、轻松的感受。

6 总结

上诉所讲的这些内容是在设计当中非常实用的，掌握上述原则你就可以做出很不错的界面设计。当然，要想成为好的界面设计师，更要不断的学习和实战，在实战中获取更多的技巧。

参考文献：

[1][美]Theresa Neil.移动应用UI设计模式[M].北京：人民邮电出版社，2013.

[2]梁景红.写给大家看的色彩书①——配色基础[M].北京：人民邮电出版社，2011.