UI设计中的情感化设计，视觉层级的情感化设计方法
视觉层级的设计是-种遵循自然的设计，即表达了人们对美的事物的追求的一种设计。以注视、感受和声音等生理特征起主导作用。因此，我们可以用直观可见的方式，唤起人们的情感反应，建立情感链接。具体可以从以下三个方面进行设计:
独特的IP形象设计
IP形象设计在近几年异常火爆，并有不断上升的趋势。这是因为一个识别度高的IP形象，不仅可以带给用户亲切感，拉近用户与产品、企业的关系，更能打造企业的品牌效应，延展融入到人们的日常生活中。这也是情感化设计在UI设计中较为广泛的应用。例如，我们能在一些APP的开屏页、引导页、缺省页等上面看到企业的IP形象。
有趣的拟人化动作设计
上述提过人类会自发地对无生命物体作出一些自发性的诠释，这是我们的互动情感所决定的。而产品如果能作出一些拟人化的互动反馈，则会让用户感到非常有趣，进而加大对产品的使用以摸索出更多有趣的互动。
例如，我们都知道密码是私密信息，在使用哔哩哔哩APP登录输入密码时，22和33 (B站的IP形象的名称)会把眼睛捂起来。不仅给用户-种安全感，而且会对这拟人化的动作感到十分有趣，赋予产品如同真人一般的情感。
风格明确的规范化设计
一个整洁干净的房间，一个凌乱污脏的房间，哪个能更让人舒心?正常情况下，答案都是毋庸置疑的。同样的，在UI设计中，-个界面就像一个房间一 样，规范化的设计能使界面更加整洁干净。而且如同房间装修有不同风格- -样，界面设计也需要根据产品的特性明确设计的风格基调。如大众类电商产品会偏向紧凑的内容排版，热情高饱和的配色;而小众高端类的电商产品则更偏向于简洁留白的排版和冷淡的配色基调。
因此规范整洁、风格明确的界面更具备品质感，容易让用户产生舒适的情感，从而愿意花费时间来熟悉产品。相对的如果界面杂乱无章且毫无设计感，会让用户产生厌倦情绪，不再使用。如下面两个界面，同样是新闻资讯类的产品，但左边的产品很明显比右边的产品更容易吸引用户花费时间去浏览资讯。
UI设计中的情感化设计，视觉层级的情感化设计方法相关推荐
- ui设计怎样做出有效果的视觉层级?
作为一名UI设计师,大家应该清楚的了解到每一款产品都有不同的风格和设计,但是每一款UI设计元素都是有通风之处的,如何能够做出有效的视觉层级,对用户的体验有着十分积极的影响.本期UI设计培训教程就为大家 ...
- 计算机图形学在装饰设计中的应用,混沌分形图在软装饰艺术设计中的应用研究...
摘要: 分形(Fractal)是在二十世纪70年代兴起的最重要的非线性科学之一,曼德尔布罗特(Mandelbrot)通过数学公式迭代和计算机编程技术构建了以自己名字命名的Mandelbrot集,分形理 ...
- 【游戏开发实战】Unity粒子在UI界面中的裁切、蒙版、层级问题的解决（ScrollView裁切、Mask蒙版、UI粒子层级关系）
文章目录 一.前言 二.最终效果 三.使用方法 1.引入插件dll 2.制作粒子特效 3.粒子材质球使用UIAdditive.shader 4.将粒子摆放在UI节点下 5.挂UIParticle组件 ...
- 游戏脚本在移动游戏设计中的作用_展示 | 游戏脚本编程在线教学设计案例
教 学 案 例 根据<浙江传媒学院关于做好2019-2020学年第二学期教学工作的通知>,遵循"疫情防控期间不停学.计划不变变模式"的基本思路,为确保教学任务.教学进程 ...
- 关于网页设计中，由于ewebeditor编辑器，升级成editor_k编辑器的方法
由于从零开始的过程太曲折,我就说一下自己从开始到升级的过程,给自己留个纪念,也给大家一个参考,或者是一个解决问题的思路,嫌字多的大佬不喜勿喷哈. 先说一下背景,最近在维护一个html网站,应该是属于a ...
- Allegro PCB设计中Etch层走线阻焊开窗的一种方法
很多时候我们需要把一些走线不进行覆盖绿油处理,即阻焊开窗,通常是用于加大电流和散热能力功能. 在新版本的Allegro中 如果采用COPY或者Z-COPY命令的话, 走线CLINE只能在ETCH层中进 ...
- 中剪取一种颜色的板块_不知道UI设计中APP界面版式如何排版？来看这个！
UI设计中APP的界面看似只有几个简单的元素组合起来, 所有元素的绘制可以说比较简单: 然而,当一个产品原型出来后,设计师如果单纯按原型来进行设计而不考虑信息化规则, 那么很多时候就会出现不协调的效果 ...
- UI(1)---手机界面设计中12种常用布局
手机界面设计中12种常用布局 手机界面设计中12种常用布局 转载自: 手机界面设计中12种常用布局 - 轩枫阁 总结下手机界面改版要考虑的布局,主要的分为以下2大类 主导航 列表式 陈列馆式 九宫馆式 ...
- UI设计中Sketch使用指南—入门篇
对于UI设计师而言,Sketch充满了新鲜空气. 我想说:感谢sketch让Photoshop不再是UI设计师必备软件.这时候很多初学者的UI设计师对sketch充满了兴趣,甚至踊跃学习.下面胡老师给 ...
最新文章
- PCI BAR设置过程
- Xamarin.Forms教程开发的Xcode的下载安装
- shell sed过滤器详解
- gitee怎么仓库间传文件_实现一个简单的基于码云(Gitee) 的 Storage
- css中auto的用法
- 无字库12864液晶屏滚动显示程序[转]
- QT实现可移动和改变尺寸的无边框窗口
- [POI2009]Wie
- python编程狮app_Python编程狮官方app下载_Python编程狮安卓app下载 v1.0.8 - 创意手游...
- C语言二叉树求叶子数
- ee er_英语单词说文解字—第32节 后缀er和ee的构词
- Cooling-Shrinking Attack: Blinding the Tracker with Imperceptible Noises
- 基于WiFi的Android局域网即时通讯软件——Android源码
- ssl申请证书的步骤是如何的呢？
- 路由器芯片和服务器,软路由就是软路由，还是回归它本该有的身份吧。一个越折腾越迷茫者的经历...
- 手把手教你开发基于深度学习的人脸识别【考勤/签到】系统
- PXC 配置笔记-从MySQL直接转成PXC集群
- scp免密码传送文件
- 解决Hyperledger Fabric通道重复创建问题（ readset expected key [Group] /Channel/Application at version 0, but ）
- 不要让“胡立阳们”误导中国股民