具体描述
本书是花瓣网人气设计师、UEgood优蝶教育雪姐倾情打造的第一本关于UI交互动效的图书，书中结合了作者丰富的工作经验，通过大量交互动效的案例，从零开始全面阐述产品交互与动效表达的技术与方法。
全书共10章。第1～5章分别讲解交互设计概念、交互设计师必备知识、交互设计需要掌握的工具、产品交互实用文档、交互设计原则等；第6、7章分别讲解After Effects交互动效表达的基础与案例；第8章讲解响应式网站和H5动画的实现；第9章讲解Sketch工具的学习和应用；第10章讲解当前最流行的VR（虚拟现实）和AR（增强现实）中的交互设计逻辑。同时，书中相关案例的动效图，读者都可以扫描书中相应二维码进行查看，方便读者学习使用。
本书还赠送MG动效+APP动效视频小动画、260分钟UI交互动效基础操作视频、780分钟软件教学视频、教学用PPT课件以及全书案例素材文件，除此之外，还有专业团队为读者答疑解惑，方便读者学习。
本书不仅适合从事UI视觉设计、GUI设计、平面设计、交互设计、用户体验、产品经理等专业的朋友阅读，也可以作为高等院校平面设计、网站设计、艺术设计、工业设计、游戏设计等相关专业的教辅图书及相关培训机构的参考图书。
作者简介
UEgood 雪姐
毕业于上海交通大学计算机科学与技术系，2006年进入UI设计行业，至今已有近12年的UI交互设计经验，UI中国产品交互版版主，曾任UI视觉设计师、APP产品交互设计师、高级用户体验设计师、3D UI引擎设计师、VR硬件软件项目经理等职务，参与过20余家国内外知名公司手机品牌项目，多年网站建设和运营工作。编写《潮流UI设计必修课》一书，广受UI新人学习者的好评及喜爱，擅长把知识点化繁为简，写作风格条理清晰，简洁易懂。
目录信息
1.1 人机交互设计概念 002
1.2 产品相关的各种岗位职能 003
第2章 交互设计师必备知识 004
2.1 交互设计师常用工具 005
2.2 产品硬件平台 005
2.3 信息架构学 006
2.4 用户角色建模 007
2.5 流程图符号意义 010
2.5.1 流程图符号 010
2.5.2 其他符号 012
2.6 手势与标签 012
2.7 网站线框图的信息层级 013
2.8 APP信息层级 013
第3章 交互设计工具和图 015
3.1 常见交互操作事件 016
3.2 头脑风暴和思维导图 018
3.3 交互设计师画的7种图 019
3.4 UML建模规范 023
3.5 任务及任务状态 024
3.6 用例设计 025
3.6.1 软件用例设计 025
3.6.2 用例中需要检查和定义的部分举例 025
3.7 原型设计中的用户可用性测试 027
3.8 缺陷反馈跟踪及版本迭代 030
3.9 四类不同的软件开发模式 031
3.9.1 瀑布开发模式 031
3.9.2 迭代开发模式 031
3.9.3 螺旋开发模式 032
3.9.4 敏捷开发模式 033
3.9.5 四类不同软件开发模式的优缺点 033
第4章 产品交互实用文档及功能分类 035
4.1 产品经理常见交付物 036
4.1.1 BRD（商业需求描述） 036
4.1.2 MRD（市场需求文档） 036
4.1.3 PRD（产品需求文档） 037
4.1.4 FRD（功能需求文档） 038
4.1.5 DRD（交互细节说明文档） 038
4.2 导航设计让用户不迷路 040
4.3 优化功能优先级的卡片分类法 044
4.4 布控数据采集节点及数据监测 045
第5章 交互设计原则 049
5.1 交互设计六原则 050
5.2 交互设计四要素 050
5.3 人类擅长归类 051
5.4 人的脑部结构和意识认知 051
5.5 用户需求分析 052
5.6 竞品分析 054
5.7 如何玩转运营 057
5.8 设计的价值所在 059
5.9 尼尔森可用性十原则 060
5.10 长尾理论和个性化设置 062
第6章 AE基础及MG动效 065
6.1 AE基础动画 066
6.1.1 导入素材输出格式 066
6.1.2 动态二维码的5个属性（视频小动画） 074
6.1.3 常用工具栏及摄像机功能 081
6.1.4 GIF生成 093
6.2 MG小动画 097
6.2.1 海豚动态二维码 097
6.2.2 微信图标修剪动画（视频小动画） 102
6.2.3 水滴融合动画（视频小动画） 105
6.2.4 小球组字（视频小动画） 111
6.2.5 蒙版水波（视频小动画） 115
6.2.6 鲤鱼路径动画（视频小动画） 118
6.2.7 汉堡走路（视频小动画） 124
6.2.8 烟花（视频小动画） 126
6.2.9 几何变形动画（视频小动画） 134
6.2.10 边角定位（视频小动画） 140
6.2.11 模糊效果（视频小动画） 144
6.2.12 发光（视频小动画） 145
第7章 酷炫插件及APP动效 147
7.1 酷炫插件 148
7.1.1 UEgood风景（视频小动画） 148
7.1.2 樱花天气（视频小动画） 163
7.1.3 宇宙星空（视频小动画） 168
7.1.4 山川天气（视频小动画） 174
7.2 APP动效 177
7.2.1 3D图层翻转（视频小动画） 177
7.2.2 启动页动效（视频小动画） 184
7.2.3 地图搜索（视频小动画） 201
7.2.4 加载刷新（视频小动画） 204
7.2.5 播放器翻页（视频小动画） 211
7.2.6 外卖（视频小动画） 217
第8章 响应式网站和H5动画 223
8.1 HTML 5的三个优势 224
8.2 HTML 5八大特性 225
8.3 HTML 5的应用及布局方式 226
8.4 CSS3视觉表现方面的新特性 227
第9章 Sketch学习捷径 233
9.1 初识Sketch 234
9.1.1 Sketch的安装 234
9.1.2 Sketch的界面 235
9.1.3 Sketch工具栏的自定义 236
9.1.4 Sketch的快捷键及自定义快捷键的方法 237
9.2 Sketch小试牛刀——界面 240
9.2.1 新建画布 241
9.2.2 图层列表面板的使用 243
9.2.3 检查器面板的使用 247
9.2.4 使用Sketch进行UI界面设计实例 253
9.3 Sketch渐入佳境——图标 263
9.3.1 布尔运算 263
9.3.2 实例一：搜索图标的绘制 265
9.3.3 实例二：星星的绘制 265
9.4 Sketch大师之路——插件 267
9.5 Sketch的切图、导出和资源推荐 274
9.5.1 Sketch的切图 274
9.5.2 Sketch的导出 275
9.5.3 Sketch的导出小技巧 276
9.5.4 Sketch的资源推荐 278
第10章 VR（虚拟现实）和AR（增强现实）交互 279
10.1 VR技术及其发展历史 280
10.2 VR的发展前景及体系 281
10.2.1 VR的发展前景 281
10.2.2 VR体系 282
10.3 VR硬件及盈利模式 282
10.3.1 VR硬件 282
10.3.2 VR的盈利方式 284
10.4 VR交互 284
10.5 VR项目设计流程及应用领域 287
10.5.1 VR项目设计流程 287
10.5.2 VR应用领域 287
附录 动效逻辑原理 291
· · · · · · (收起)
读后感
用户评价
这本书的结构安排非常巧妙，循序渐进，毫不拖泥带水。它没有采用传统教材那种生硬的章节划分，而是像一位经验丰富的前辈在手把手地指导你。前期的基础概念铺垫得扎实稳固，没有给后续进阶内容留下任何知识盲区。等到了中后期的复杂场景应用部分，你会发现，之前所有的理论知识都已经内化成了你的直觉反应。最赞的是书里提供的那些“自查清单”和“设计陷阱预警”，这绝对是血泪经验的结晶，能有效地帮助我们规避在实际工作中可能踩的那些坑。我常常在困惑于某个动效是否“过多”或“不足”时，翻到书中的对应章节，作者总能用几句话精准地戳中我的痛点，提供一个平衡的视角。这本书，无疑是为那些追求极致的用户体验、不甘于平庸的实践者量身定做的。
我是在一个技术交流论坛上偶然看到有人推荐这本书的，抱着试试看的心态下载了试读章节，结果立刻就被那种扑面而来的“干货感”所震撼。这本书真正做到了摒弃那些空洞的理论说教，直击交互设计的核心痛点。特别是书中对于动效在信息层级和状态反馈中的作用阐述，简直是教科书级别的讲解。它不是简单地罗列一堆参数和工具的使用方法，而是引导读者去思考，如何通过细微的动态变化，精准地引导用户注意力，从而实现无缝、直观的用户体验。我特别喜欢其中关于“感知性能优化”的那一章，它用非常直观的方式说明了延迟和动画速度对用户主观感受的影响，这对我后续的项目优化起到了立竿见影的作用。这本书的价值在于，它将那些难以言喻的“手感”和“韵味”，用清晰可操作的原则给量化和结构化了，这对于正处于瓶颈期的设计师来说，无疑是久旱逢甘霖。
说实话，刚开始我对市面上这么多关于“动效”的书籍感到审美疲劳，总觉得内容大同小异，无非是动效库的介绍或是几个简单的案例演示。然而，这本书完全颠覆了我的刻板印象。它更像是一部关于“视觉节奏感”的哲学著作，用交互动的视角来重新审视整个用户旅程。作者的叙述视角非常独特，总能从一个意想不到的角度切入，比如探讨微交互背后的情感联结，或者复杂流程中的动态引导策略。我印象最深的是对“过渡性动画”的处理，作者强调的不是炫酷，而是“意义”，动画必须为信息传递服务。这种高度克制的专业精神，让这本书的整体格调一下子提升了好几个档次。它不是一本教你成为“动画师”的书，而是一本教你成为“体验架构师”的指南，帮你建立起一套严谨、合理的动效设计体系。
这本电子书的排版真是绝了，拿到手就忍不住想一口气读完。从头到尾的视觉体验都非常流畅自然，不像有些技术书籍，光是翻页和阅读过程就让人感到枯燥乏味。作者在内容组织上花了不少心思，知识点的串联逻辑清晰得让人拍案叫绝。特别是关于用户心理和行为模式的分析部分，非常深入且富有洞察力，读完后感觉自己的设计思维一下子打开了一个全新的维度。书中对一些经典交互模式的拆解和重构，更是体现了作者深厚的实践功底，每一个案例都仿佛能看到作者在无数次打磨中积累下的宝贵经验。这本书的语言风格既有专业性，又不失亲和力，读起来一点也不累，反而会让人越陷越深，不断地探索作者在字里行间透露出的设计哲学。对于想要系统提升自己交互设计能力的人来说，这绝对是一本值得反复品味和珍藏的宝典，它不仅教会了“怎么做”，更重要的是解释了“为什么这么做”。
我是一个偏向于逻辑思考的开发者出身的设计师，对于那些过多依赖“感觉”来描述的设计原则总是感到难以把握。这本书的出现，简直是为我这样的“理科生”量身定制的救星。它用非常量化和逻辑化的语言，把原本抽象的“流畅性”和“愉悦感”拆解成了可执行的步骤和可验证的指标。书中对于动效的性能优化和跨平台兼容性的讨论，更是直接解决了我们在工程落地时经常遇到的头疼问题。它不仅仅停留在设计层面，更是深度融合了技术实现的考量，使得设计方案更具可行性和鲁棒性。阅读过程中，我多次停下来，对照自己的现有作品进行反思和调整，发现很多之前觉得“还可以”的地方，在书本的指引下，都有了质的飞跃。这本书的专业深度和广度，使得它超越了一般的“技巧手册”，更像是一部指导我们构建现代交互系统的“底层逻辑手册”。
