如何做用户依赖的UI设计?

首页 / 文章 / 用户体验 / 发布时间:2019-09-11 16:35:48

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅界面美观有个性,更重要的是操作舒适、自由,让软件的使用变得轻松自如。


无标题.png


作为人与机器交互的媒介,如何让操作更灵活,界面更有记忆点,提升用户体验等是UI设计需要考虑的重要因素,那么,如何做用户依赖的UI设计呢?


模拟现实的交互方式


什么是模拟现实的交互方式?即让人感到熟悉亲切并且用户不需要学习,便能够理解的人机体验方式。例如,有一个小的手电筒APP,就模拟了现实中的手电筒,所以用户不必思考它怎么用,因为太熟悉了。用户第一次接触,不需要学习,毫无约束的使用的应用,就是好的应用。


无标题1.png


简单明了的界面设计


与视觉冲击力很强的海报招贴设计不同,界面设计更注重体验,界面对于用户来说是工具,而好用才是工具需要具备的第一品质。为了不干扰用户操作,在UI设计中无需添加多余的装饰,同时为保证界面干净,还应适当隐藏一些不重要的功能,但用户仍然可以通过有效的方法找到这些功能。


1560872353824471副本.png


图标设计


①图标设计中使用通用的图标,更容易让用户对界面快速熟悉,并且产生亲切感。


无标题2.png


②设计抓住软件特点的新图标,不仅能巧妙地表现软件的个性化和差异性,更能增加用户对软件的记忆点,使得软件生动充满了活力,提升用户体验。


③简约明快的图标设计更符合界面视觉审美,好的图标设计既要有特点,有亲和力,又能让界面很干净。


配色设计


色彩搭配中不超过3种颜色是所有色彩原则的基础,相同的颜色,搭配的比例不同、位置不同,会产生不一样的感情色彩。


无标题4.png


①黑白灰优先。在没有很好的配色方案时,黑白灰搭配是最佳选择,如果搭配得当,黑白灰的设计也会层次分明。


无标题5.png


②添加一种色彩,激活黑白灰的单调。在大面积的黑白灰上面加入小面积的颜色,不仅可以打破黑白灰的单调,更使得画面高雅,又不失活力。


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


无标题6.png


④使用互补色进行搭配。只要比例得当,互补色的搭配一样可以收获很好的视觉效果。


无标题7.png


⑤使用邻近色进行色彩搭配。一种颜色的纯度比较高的时候,另一种颜色纯度低或名度低的,这样搭配出的效果会比较好。以上只是一些基础的色彩搭配,初学者,如果能做到以上几点,相信界面设计也一定不会差。


语言设计


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

②语言使用要准确,不要产生歧义,不要让用户思考。

③语言使用要通俗,在语言设计中尽量不要使用专业术语,切记我们的软件是给广大用户使用的,而不是给我们的专业技术人员使用的。

④语言使用要体现出情感关怀。 尽量不要使用“警告”“禁止”等不友好的语言,可以使用“温馨提示”“请不要......”以及一些比较时尚的网络用语。

总之,语言上的使用,要给用户亲切、友好、轻松的感受。

UI界面设计,联系界达设计