现在对UI设计已经有了更进一步的要求,设计师和产品经理用会“动”的产品方案提高客户的认可率。动效设计让设计师与开发人员、高层领导关于设计方案的沟通和设计意念的传达更简单、直观。但是使用如After Effects等专业软件时,新入门的设计师需要投入更多的精力去学习和调整,无法实现高效的工作和学习,本书解决了如何高效地制作动效设计稿的难题。用Sketch配合Principle软件可以高效完成设计稿的动效设计,并支持动效视频录制和Gif 动图导出,为设计方案加分。
本书共分8章,首先讲述了Sketch和Principle软件的基础知识和基本操作;然后深入、系统地介绍设计思维,操作具体的实例,学习动效设计流程等;*后讲解如何导出交互操作视频、设计稿和Gif图,以此提升设计稿的通过率。本书配套有教学视频、练习素材和源文件,帮助读者学以致用,迅速掌握这一设计技能。
本书可作为从事UI设计行业的新入门设计师、资深UI设计师、高级UI设计师,以及产品经理、交互设计师等对动效感兴趣的设计爱好者学习。
内容简介
前言
Chapter1 初识UI设计
1.1 认识移动UI
1.2 认识动效设计
1.3 UI设计流程
1.4 认识iOS与Android
1.5 iOS设计规范
1.6 本章小结
Chapter2 用Sketch去设计
2.1 Sketch的简介
2.2 Sketch的安装
2.3 Sketch的界面
2.4 画布和图层
2.5 形状
2.6 文本和图片
2.7 符号
2.8 样式
2.9 导入和导出
2.10 本章小结
Chapter3 用Principle去设计
3.1 Principle的简介
3.2 Principle的界面
3.3 持续交互
3.4 动效事件
3.5 动画
3.6 联动
3.7 导入和导出
3.8 本章小结
Chapter4 邮件App动效设计
案例分析
学习目标
关键知识点
案例操作
案例小结
Chapter5 App引导页动效设计
案例解释
学习目标
关键知识点
案例操作
案例小结
Chapter6 闹钟App设置界面
案例解释
学习目标
关键知识点
案例操作
案例小结
Chapter7 直播App界面动效
案例解释
学习目标
关键知识点
案例操作
案例小结
Chapter8 Principle动效导出
8.1 Principle视频录制
8.2 动效导出
8.3 Mac系统App
8.4 手机端镜像

