行业资讯

设计培训领导品牌

Design training leading brand

UI设计中的情感化设计,视觉层级的情感化设计方法

来源:橙色优学 时间:2019-05-15   15:25

UI视觉层级的设计是-种遵循自然的设计,即表达了人们对美好事物追求的一种设计。以注视、感受和声音等生理特征起主导作用。因此,我们可以用直观可见的方式,唤起人们的情感反应,建立情感链接。具体可以从以下三个方面进行设计:

独特的IP形象设计

IP形象设计在近几年异常火爆,并有不断上升的趋势。这是因为一个识别度高的IP形象,不仅可以带给用户亲切感,拉近用户与产品、企业的关系,更能打造企业的品牌效应,延展融入到人们的日常生活中。这也是情感化设计在UI设计中较为广泛的应用。例如,我们能在一些APP的开屏页、引导页、缺省页等上面看到企业的IP形象。

情感化小产品

风格明确的规范化设计

一个整洁干净的房间,一个凌乱污脏的房间,哪个能更让人舒心?正常情况下,答案都是毋庸置疑的。同样的,在UI设计中,-个界面就像一个房间一 样,规范化的设计能使界面更加整洁干净。而且如同房间装修有不同风格- -样,界面设计也需要根据产品的特性明确设计的风格基调。如大众类电商产品会偏向紧凑的内容排版,热情高饱和的配色;而小众高端类的电商产品则更偏向于简洁留白的排版和冷淡的配色基调。

情感化设计产品图片

有趣的拟人化动作设计

上述提过人类会自发地对无生命物体作出一些自发性的诠释,这是我们的互动情感所决定的。而产品如果能作出一些拟人化的互动反馈,则会让用户感到非常有趣,进而加大对产品的使用以摸索出更多有趣的互动。

例如,我们都知道密码是私密信息,在使用哔哩哔哩APP登录输入密码时,22和33 (B站的IP形象的名称)会把眼睛捂起来。不仅给用户-种安全感,而且会对这拟人化的动作感到十分有趣,赋予产品如同真人一般的情感。

情感化产品图片

因此规范整洁、风格明确的界面更具备品质感,容易让用户产生舒适的情感,从而愿意花费时间来熟悉产品。相对的如果界面杂乱无章且毫无设计感,会让用户产生厌倦情绪,不再使用。如下面两个界面,同样是新闻资讯类的产品,但左边的产品很明显比右边的产品更容易吸引用户花费时间去浏览资讯。


上一篇:橙优应邀出席广交IT文化节启动仪式暨“芯创杯”决赛