本书通过理论讲解和案例分析,详细介绍了初级UI设计师必须掌握的基础知识,分享 了作者在工作中的实践经验。第1章“移动端组件的认识与运用”主要介绍常用组件的特 性及使用场景;第2章“能力效率提升”主要针对日常工作、学习中遇到的问题和瓶颈, 分享相关的解决方案;第3章“设计理论与实践”主要介绍一些设计领域内实用的理论知识, 帮助大家理解**设计的内部规律;第4章“工作困惑”针对UI设计师在不同工作阶段遇 到的困惑,提出具体可操作的建议。 本书适合UI设计领域从业者、爱好者阅读,也适合平面设计、网页设计等相关专业的 学生阅读。

第3章 设计理论与实践

188 会选择有***界面的外卖订餐。但***的时段一过,还需要恢复为常规界面,这便
是时效性。 画** (1)情感化设计的重要性:提升用户体验、提升下载率、保证留存率、减少卸载率;
(2)情感化设计的定义:旨在抓住用户注意力、诱发情绪反应,以提高执行特定行为的
可能性;
(3)情感化设计三要素:本能水平的设计、行为水平的设计、反思水平的设计;
(4)情感化设计的作用:减少用户负面情绪、引导用户行为;
(5)情感化设计的风险:产品定位不同,情感化设计需要根据不同的产品定位设计,否
则就会适得其反;迎合节日活动的设计不可以长久使用,否则体现不出设计的时效性、特
殊性和融合性。
参考资料 海边来的设计师-情感化设计-三部曲 https://comesea.zcool.com.cn
设计师,你真的了解情感化设计吗 http://t.cn/EfiaTA3
情感化设计中的手绘应用表现 http://t.cn/EfiSvN0
情感化设计在产品中的应用 http://t.cn/EfiSxJl
并不复杂!写给新手的情感化UI设计简明指南 http://t.cn/EfiSllb
UI界面中的情感化设计 http://t.cn/EfiS1s2 UI那些事儿:新手设计师的成长之路 三校 正文.indd 188
2019-7-25 8:02:26
204 04 费茨定律 文/刘芳 在我刚做设计时,我的总监总说:“这个按钮应该再大一点”“那两个按钮离远一
点”“图标*好放在这个位置”……那时候我总是不理解为什么要这样做。直到我看到费
茨定律才明白,按钮越大,用户操作所需时间越短;距离越远,用户操作所需时间越长。
本文通过一些实际案例,讲述什么是费茨定律及其如何指导界面设计,分析它在移动端界
面中的应用。 什么是费茨定律 费茨定律是人类运动的预测模型,主要用于人机交互和人体工程学。该定律预测光标或手
指从一个起始位置移动到*终目标所需的时间(T)由两个参数决定,即光标或手指到目
标的距离(D)和目标的大小(W)。 用数学公式表达为
T
=
a

b
log2
(D/
W 1
)。其中a、b是经验常数,a代表手指开始到停
止的时间,b代表手指的移动速度。 .片T
=
a

b
log2(D/
W
1)
举一个生活中开灯的例子: 早期的开关只有一个手指大,每次开灯的时候都需要将手移动到开关上方,然后伸出手指
调整到适合位置再按下。由于按钮小,在没开灯的时候你根本不知道它在哪里,需要不停
地摸,所需时间就比较长。 后期大家意识到了这个问题,将开关按钮设计得更大,人们操作时只需要将手移动到按钮
上方,不需要调整直接按下即可,所需时间就大大变短了。
UI那些事儿:新手设计师的成长之路 三校 正文.indd 204
2019-7-25 8:02:31

搜索 加载 金刚区 表单 评论区 提示框 产品列表布局 按钮 标签 聊天气泡框常见问题 图片比例 关于卡片圆角的思考 能力效率提升 第2章 一套图标的诞生 手把手教你制作设计规范 关于适配这件小事的前世今生 如何**地进行验收 组件的理性选择 倾囊相授Sketch 使用的小技巧 那些你不知道的好用软件 第3章 1 情感化设计理论 02 格式塔原理 03 巴甫洛夫反应 04 费茨定律 05 五大交互心理学 06 尼尔森十大可用性原则 07 拟人形法则 08 黄金比例 第4章 01 为什么你的 App 不耐看 02 三招教你学会优化信息层级 03 四步教你提升表单设计的用户体验 04 怎么样的临摹才*有效 05 设计稿如何自查 06 如何准备一份合格的作品集 07 如何输出一份完整的测试题 致谢