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

　　Chapter 1
　　Chapter 1 初识UI设计
　　1.1 认识移动UI
　　1.1.1 UI发展历程
　　1.1.2 如何学习UI
　　1.2 认识动效设计
　　1.2.1 什么是动效
　　1.2.2 动效的用途
　　1.2.3 动效设计要点
　　1.3 UI设计流程
　查看完整　　

　　李佳伟，笔名Here180，UI中国推荐设计师、站酷60多万人气设计师、宵夜设计广州事务群核心创始人之一。拥有多年UI设计从业经验，以及丰富的界面设计和用户体验设计经验，属于技能全面型的设计师。熟练使用Sketch、Principle、AE、PS等软件，专注于网页设计、移动端界面UI设计，曾参于管理后台界面交互设计项目。
　　曾就职于阿里巴巴RED设计中心，担任外包视觉设计师。常活跃于站酷、UI中国、Dribbble等国内外设计网站，多次参加设计比赛并获得奖项。

　　现在对UI设计已经有了更进一步的要求，设计师和产品经理用会“动”的产品方案提高客户的认可率。动效设计让设计师与开发人员、高层领导关于设计方案的沟通和设计意念的传达更简单、直观。但是使用如After Effects等专业软件时，新入门的设计师需要投入更多的精力去学习和调整，无法实现高效的工作和学习，本书解决了如何高效地制作动效设计稿的难题。用Sketch配合Principle软件可以高效完成设计稿的动效设计，并支持动效视频录制和Gif 动图导出，为设计方案加分。
　　本书共分8章，首先讲述了Sketch和Principle软件的基础知识和基本操作；然后深入、系统地介绍设计思维，操作具体的实例，学习动效设计流程等；最后讲解如何导出交互操作视频、设计稿和Gif图，以此提升设计稿的通过率。本书配套有教学视频、练习素材和源文件，帮助读者学以致用，迅速掌握这一设计技能。
　查看完整　　

　　Chapter 1
　　Chapter 1 初识UI设计
　　1.1 认识移动UI
　　1.1.1 UI发展历程
　　1.1.2 如何学习UI
　　1.2 认识动效设计
　　1.2.1 什么是动效
　　1.2.2 动效的用途
　　1.2.3 动效设计要点
　　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 手机端镜像
^ 收 起　　

　　李佳伟，笔名Here180，UI中国推荐设计师、站酷60多万人气设计师、宵夜设计广州事务群核心创始人之一。拥有多年UI设计从业经验，以及丰富的界面设计和用户体验设计经验，属于技能全面型的设计师。熟练使用Sketch、Principle、AE、PS等软件，专注于网页设计、移动端界面UI设计，曾参于管理后台界面交互设计项目。
　　曾就职于阿里巴巴RED设计中心，担任外包视觉设计师。常活跃于站酷、UI中国、Dribbble等国内外设计网站，多次参加设计比赛并获得奖项。

　　现在对UI设计已经有了更进一步的要求，设计师和产品经理用会“动”的产品方案提高客户的认可率。动效设计让设计师与开发人员、高层领导关于设计方案的沟通和设计意念的传达更简单、直观。但是使用如After Effects等专业软件时，新入门的设计师需要投入更多的精力去学习和调整，无法实现高效的工作和学习，本书解决了如何高效地制作动效设计稿的难题。用Sketch配合Principle软件可以高效完成设计稿的动效设计，并支持动效视频录制和Gif 动图导出，为设计方案加分。
　　本书共分8章，首先讲述了Sketch和Principle软件的基础知识和基本操作；然后深入、系统地介绍设计思维，操作具体的实例，学习动效设计流程等；最后讲解如何导出交互操作视频、设计稿和Gif图，以此提升设计稿的通过率。本书配套有教学视频、练习素材和源文件，帮助读者学以致用，迅速掌握这一设计技能。
　　本书可作为从事UI设计行业的新入门设计师、资深UI设计师、高级UI设计师，以及产品经理、交互设计师等对动效感兴趣的设计爱好者学习。
^ 收 起