移动UI动效设计：Principle+Sketch高效入门

✍ Scribed by Here180

• Publisher: 电子工业出版社
• Year: 2018
• Tongue: Chinese
• Leaves: 199
• Category: Library

✦ Synopsis

现在对UI设计已经有了更进一步的要求，设计师和产品经理用会“动”的产品方案提高客户的认可率。动效设计让设计师与开发人员、高层领导关于设计方案的沟通和设计意念的传达更简单、直观。但是使用如After Effects等专业软件时，新入门的设计师需要投入更多的精力去学习和调整，无法实现高效的工作和学习，本书解决了如何高效地制作动效设计稿的难题。用Sketch配合Principle软件可以高效完成设计稿的动效设计，并支持动效视频录制和Gif 动图导出，为设计方案加分。

《移动UI动效设计：Principle+Sketch高效入门》共分8章，首先讲述了Sketch和Principle软件的基础知识和基本操作；然后深入、系统地介绍设计思维，操作具体的实例，学习动效设计流程等；最后讲解如何导出交互操作视频、设计稿和Gif图，以此提升设计稿的通过率。《移动UI动效设计：Principle+Sketch高效入门》配套有教学视频、练习素材和源文件，帮助读者学以致用，迅速掌握这一设计技能。

《移动UI动效设计：Principle+Sketch高效入门》可作为从事UI设计行业的新入门设计师、资深UI设计师、高级UI设计师，以及产品经理、交互设计师等对动效感兴趣的设计爱好者学习。

✦ Table of Contents

扉页
版权页
前言
目录
Chapter 1 初识UI 设计
1.1 认识移动UI
1.1.1 UI发展历程
1.1.2 如何学习UI
1.2 认识动效设计
1.2.1 什么是动效
1.2.2 动效的用途
1.3 UI设计流程
1.3.1 UI设计师工作流程
1.3.2 UI设计师职能
1.4 认识 iOS与Android
1.4.1 关于 iOS
1.4.2 关于Android
1.5 iOS设计规范
1.5.1 界面尺寸
1.5.2 图标规范
1.5.3 字体规范
1.5.4 设计素材
1.6 本章小结
Chapter 2 用Sketch 去设计
2.1 Sketch的简介
2.2 Sketch的安装
2.3 Sketch的界面
2.4 画布和图层
2.4.1 画布
2.4.2 图层
2.5 形状
2.6 文本和图片
2.6.1 文本
2.6.2 图片
2.7 符号
2.8 样式
2.9 导入和导出
2.10 本章小结
Chapter 3 用Principle 去设计
3.1 Principle的简介
3.2 Principle的界面
3.2.1 工具栏
3.2.2 检查器
3.2.3 图层
3.2.4 绘图区
3.2.5 预览
3.3 持续交互
3.3.1 Drag（拖动）
3.3.2 Scroll（滚动）
3.3.3 Page（分页）
3.4 动效事件
3.5 动画
3.5.1 动画画板调整
3.5.2 自定义曲线
3.5.3 属性冻结
3.6 联动
3.7 导入和导出
3.7.1 文件导入
3.7.2 文件导出
3.8 本章小结
Chapter 4 邮件App 动效设计
案例分析
学习目标
关键知识点
案例操作
案例小结
Chapter 5 App 引导页动效设计
案例解释
学习目标
关键知识点
案例操作
案例小结
Chapter 6 闹钟App 设置界面
案例解释
学习目标
关键知识点
案例操作
案例小结
Chapter 7 直播App 界面动效
案例解释
学习目标
关键知识点
案例操作
案例小结
Chapter 8 Principle 动效导出
8.1 Principle视频录制
8.2 动效导出
8.3 Mac系统App
8.4 手机端镜像