规律与逻辑

孔雅轩(LineVision)
站酷网高人气95后新锐设计师
原今日头条UED部门用户界面设计师
10W+阅读设计文章作者
用户体验人气讲师
目前专注于打造设计界的T型人才——用户体验设计师
像素范儿济南校区UI教育联合创始人

微信号：kongyaxuan2
微信公众号：PRD体验研究所
站酷：孔雅轩LineVision

适读人群 ：1.由平面设计或者其他设计行业准备转行到UI的有基础的设计师 2.已经在UI行业工作的初中级设计师及准备进阶的设计师 3.准备入门UI设计的学生

即2019年重磅好书《品牌设计法则》之后，数艺设再推用户体验设计领域重磅图书《规律与逻辑 用户体验设计法则》

5G时代带来的移动互联网的更新速度和人工智能在设计领域的应用，给交互产品设计师带来挑战也带来诸多机遇。设计界的T型人才——用户体验设计师，成为很多产品经理和UI设计师的"新目标"。

想设计出体验感更好的产品
给产品增加“温度”
拉近用户与产品之间的距离
通过这本书，你将重新认识“一个好的设计稿应该具备哪些规范要素” 。

设计师的能力、打造产品的高效性及优质的用户体验是目前很多一线互联网用户体验设计师团队的核心价值所在。

本书作者将多年积累的行业经验进行了体系化的总结，将用户体验设计师的职责细化为规范、视觉、交互及情感等分支，阶梯化地分享出来，旨在帮助读者从基础逐渐进阶到真正的用户体验设计领域。

第 1章 初识用户体验设计 013
1．1何为用户体验 014
1．1．1 生活中的用户体验 014
1．1．2 互联网产品中的用户体验 015
1．2 用户体验设计与平面设计的区别 018
1．2．1 内容响应式 019
1．2．2 长时间停留 020
1．2．3 阅读效率 020
1．2．4 层级多样化 021
1．3 用户体验只是主观感受 021
1．4 用户体验设计师的职责与价值 023
第 2章 App 设计中的基础规范 025
2．1 App 基础布局规范 026
2．1．1 常见的手机屏幕尺寸 026
2．1．2 界面设计中的栅格系统 036
2．1．3 常见的布局和适用场景 039
2．2 App 基础组件规范 043
2．2．1 状态栏 044
2．2．2 导航栏 044
2．2．3 标签栏 044
2．2．4 工具栏 045
2．3 App 字体规范 046
2．3．1 系统默认字体介绍 046
2．3．2 基本的字号规范 047
第3章 视觉体验基础 049
3．1 用户界面设计中的色彩 050
3．1．1 对色彩的基本认识 050
3．1．2 色彩在界面设计中的作用 052
3．1．3 色彩的对比 054
3．1．4 色彩的性格 059
3．1．5 色彩的重量 062
3．1．6 不同色彩的应用场景 063
3．2 用户界面设计中的版式 065
3．2．1 统一与变化 066
3．2．2 对比与调和 068
3．2．3 对称与平衡 069
3．2．4 节奏与韵律 070
3．2．5 亲密性原则 071
3．2．6 相似性原则 073
3．2．7 卡片 / 分界线 / 无框 074
3．2．8 留白 076
3．3 用户界面设计中的图标 077
3．3．1 App 图标 078
3．3．2 App 功能图标 081
3．3．3 常用的图标库 087
3．4 用户界面设计中的字体 087
3．4．1 衬线体与无衬线体 088
3．4．2 字体性格的形成 089
3．5 用户界面设计中的细节规律 092
3．5．1 圆角与尖角的使用规律 092
3．5．2 箭头的使用规律 094
3．5．3 投影的使用规律 098
3．5．4 分界线的使用规律 099
3．5．5 对齐方式的使用规律 100
第4章 视觉体验进阶 103
4．1 设计中的感性与理性 104
4．2 引导页的设计 105
4．2．1 引导页的制作形式 105
4．2．2 引导页的设计规律 107
4．3 空状态的设计 109
4．3．1 空状态的分类 110
4．3．2 空状态的设计技巧与注意事项 112
4．4 Banner 的设计 113
4．4．1 组成 Banner 的五要素 114
4．4．2 Banner 的组成形式 115
4．4．3 Banner 的风格分类 116
4．4．4 Banner 的设计技巧及注意事项 119
4．5 启动页的设计 125
4．5．1 启动页的设计形式 126
4．5．2 启动页的设计技巧及注意事项 129
4．6 界面设计中的层次感表现 130
4．6．1 文字的层级区分 130
4．6．2 元素的复杂程度 133
4．6．3 间距的合理性 135
4．6．4 学会信息归类 138
4．6．5 色彩的合理把控 140
4．7 界面设计中的选图规律 142
4．7．1 图片的比例选择 143
4．7．2 选图的统一性 145
4．7．3 选图的清晰度 147
4．7．4 图片与主题的贴合性 148
4．8 界面设计的风格体现 149
4．8．1 如何确定产品风格 149
4．8．2 影响产品风格的元素 162
第5章 交互体验基础 167
5．1 产品思维 168
5．1．1 初识产品线 168
5．1．2 用户调研的方法 169
5．1．3 用户画像 170
5．1．4 需求分析 170
5．1．5 竞品分析 171
5．1．6 可用性测试 171
5．1．7 低保真原型图 172
5．1．8 5W1H 产品分析法 172
5．2 交互动效规律 174
5．2．1 动效设计的意义 174
5．2．2 动效设计的原则 177
5．2．3 微交互设计 182
第6章 交互体验进阶 187
6．1 交互体验的可用性 188
6．1．1 为用户决策提供充足的信息 188
6．1．2 操作均给予明确的反馈 189
6．1．3 容错原则 192
6．1．4 交互方式的一致性 196
6．1．5 让用户知道当前所处的位置 199
6．2 交互体验的易用性 200
6．2．1 减少用户的操作步骤 200
6．2．2 降低用户的学习成本 205
6．2．3 减轻用户的记忆负担 207
6．2．4 一个结果可有多种交互 209
6．2．5 产品符合人体工程学 212
6．2．6 输入表单时给予提示 214
6．3 交互体验的好用性 215
6．3．1 让用户做选择题而不是填空题 216
6．3．2 预知用户的下一步操作 218
6．3．3 交互次数与界面信息量的关系 219
6．3．4 图形比文字更易读 221
6．3．5 基于用户使用场景 223
第7章 情感化体验 227
7．1 情感化体验的安全感 228
7．1．1 符合用户的心理预期 228
7．1．2 不可或缺的提示框 230
7．1．3 安全感需要主动传达 231
7．2 情感化体验的友好感 235
7．2．1 拒绝与“冰冷”的机器交流 235
7．2．2 营造热点气氛 236
7．2．3 无障碍设计 238
7．2．4 让用户的意见有处发表 238
7．3 情感化体验的满足感 240
7．3．1 营造用户差异 240
7．3．2 让“免费”有点难度 242
7．3．3 每一个用户都是特殊的 243
7．3．4 超越用户的期望值 245
第8章 自我提升 247
8．1 “瓶颈期”该如何突破 248
8．1．1 审美期 248
8．1．2 洞察期 251
8．1．3 技法期 255
8．1．4 思想期 257
8．2 设计师的气质养成 259
8．2．1 少即是多 259
8．2．2 点到为止 261
8．2．3 设计，我说了算 263

设计