如何打造符合用户心理的UI设计?很多人进行APP设计时,往往会遵循UI设计的原则。但更多时候都会凭著自己的经验和感觉去制作,心里并没有清晰的概念,导致APP设计常常不仅人如意。
现代UI设计不再单纯靠技术取胜,也不再是单纯的视觉图像艺术组合,而是涉及到用户研究、视觉设计、交互设计以及技术开发四大层面。
APP设计原则:如何打造符合用户心理的UI设计
遵循网页设计原则
原则一:图标文字
1.图标是传达给用户的首个直观视觉感受
在APP设计中,每个图标都有具体的功能性,能体现产品的风格、功能和品质,用于表达某操作或某功能的示意。
由于APP界面设计受屏幕尺寸的局限,图形选择要符合APP主题,并结合产品自身的个性,保证图形传播的真实性;图形尽量选用矢量图形,以便随时进行尺寸调整,放大后也不会失真;图形应具体、直观、形象地表达它所代表的功能,让用户在短时间内获取更多信息。
2.文字是APP设计中最核心的元素
文字是APP设计中最核心的元素,同时最直观且详细地传达给用户的主要内容,所以文字在APP设计中是非常重要的。
文字设计上,可透过字号、字体对信息区分重要级别;其次利用行宽与行高的比例,遵循从左到右,排版对齐原则,减少不必要的文字对比反差,调整合理的字间距;适当运用留白,增加信息的易读性。
原则二:布局原理
信息能否有效传达给用户,页面组织和布局是非常重要的。在对APP设计的页面布局时,我们需要考虑用户需求和行为,明确界面信息的层级关系,尽量将信息传递效率达到最大化。
1.遵循用户的阅读习惯
APP设计的界面布局尽量遵循大多数用户的从上到下、从左到右的阅读习惯。Logo的摆放位置每页都应处于相同位置,重要信息要放置主页及界面的当眼位置,数据内容要按主次先后有序排列。各页面要注意长度适度,如果页面内容过多,尽量采用分页。
2.区分不同层级的信息
明确每个页面需突出的重要信息,可透过色彩颜色、图形、文字大小、间距,以及留白等拉大界面不同层级信息的区别,突出需要显示的重要信息。
3.对各功能需求有清晰的把握
进行APP设计布局前,需要对应用的功能需求有清晰的把握,清楚整个APP界面的跳转和层次关系,明确每个页面凸显的信息。另外导航设计尽量采用底部导航或单侧导航,方便做好用户引导和帮助用户了解页面布局,同时还不会占界面空间。
原则三:交互设计
APP设计的交互界面,需按照用户使用移动设备的习惯进行设计,让用户与APP交互时,体验到产品的可靠性、易用性和趣味性。
1.可靠性
确保用户在操作APP时的稳定性,如不会出现闪退、延迟等基本错误。
2.易用性
简单易操作的APP,不仅能让不同年龄段的用户快速上手,同时还能增加他们对APP的信心,减少APP的使用差错率。
3.趣味性
如果说可靠性和易用性是APP设计的基础,那么趣味性就是APP设计的核心。APP设计适当添加人文关怀和情感注入,同时合理使用趣味性元素,会让APP变得更加有趣。
原则四:色彩搭配
色彩在界面设计中扮演着非常重要的角色。合理的色彩应具备增加界面的条理性,起到强调作用,帮助用户快速发现界面的重点信息,及取得更好视觉效果等优点。APP设计的颜色运用一般可分为主色、辅助色和点睛色。
1.主色
主色决定画面风格趋向,多会使用鲜亮饱和度较高的颜色,或与品牌颜色相统一的色调,在页面比例占据较多。
2.辅助色
主要对主色起到修饰作用,多会选择主色的同类色、邻近色、对比色和互补色,从而使界面更加一致和丰富。
3.点睛色
点睛色一般会选用深颜色和饱和度高的颜色,常用语标题文本、按钮、icon等地方,起强调和引导阅读的功能,同时能凸显界面独特的画面风格。
优秀的APP网站设计是设计灵感的重要来源,多留意会给自己带来新的想法应用到下个作品当中。
卡塔尔航空公司整个APP设计界面均采用粉色的主色调,这种简约的配色风格,反而更好地传递界面信息,并具有良好的视觉表现力。
UNIQLO RECIPE将多彩色的设计风格融入到APP设计中,无论是切换标签页还是在内容组块中滚动,页面都会变更不同主题色,加上色彩切换采用淡入淡出效果,让切换变得自然且不生硬。
Design Events的动画交互和过渡都非常简洁流畅,搭配明快配色,给人一种充满设计感的印象。
Triibe是一款专门为制作达人设计的一款产品,其最大的特色就是精美的界面搭配纯净的浅色背景,和APP中任何设计作品都能呼应。
实用性才是APP设计的根本,艺术性和舒适操作只是APP设计的点睛之笔。因此只有将APP的功能与美感做到真正的统一,才能让用户更流畅地使用APP。