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