动静有法

作品简介

全书共有15个章节。第1章~第2章讲解了Sketch和UI设计的入门知识。第3章~第10章讲解了交互原型、各式图标头像的设计方法。将软件的使用分别融入在原型设计、功能图标、启动图标、主界面、二级界面、形象、运营页面的设计中来学习。第11章~第14章讲解了动效设计方法和Principle应用知识。第15章讲解了UI设计进阶之路。全书以产品为主线，从易到难，图文并茂，让想迈入UI设计行业的新设计师，在学习理论知识的同时也能完成虚拟项目，增长信心和成就感，检验自己的学习成果。

张怡琪，笔名张小碗儿，曾就职于腾讯、青果灵动，网络热门教程《30分钟拟物图标速成记》作者，站酷超人气作者，曾获得站酷推荐设计师、UI中国推荐设计师等头衔。

作品目录

• 版权信息
• 内容简介
• 第1章 初识UI设计
• 1.1 什么是UI
• 1.2 UI设计师的工作内容
• 1.3 设计师常用软件
• 第2章 Sketch设计入门
• 2.1 初识Sketch
• 2.2 如何获取Sketch
• 2.3 初见Sketch
• 2.4 了解Sketch主界面
• 第3章 发现音乐App交互原型图设计
• 3.1 发现音乐App产品需求文档解读
• 3.2 设计产品交互原型图
• 3.3 在Sketch中绘制交互原型图所需要的工具
• 3.4 利用Sketch绘制产品交互原型图
• 3.5 交互原型图动效初体验
• 3.6 作业：绘制产品原型图
• 第4章 功能图标设计
• 4.1 了解功能图标
• 4.2 功能图标的设计思路及技巧
• 4.3 功能图标的点击范围及显示范围
• 4.4 功能图标的尺寸规范
• 4.5 功能图标的视觉平衡
• 4.6 Sketch的布尔运算工具
• 4.7 利用Sketch绘制功能图标
• 4.8 作业：绘制产品内的功能图标
• 第5章 应用图标设计
• 5.1 当下同类App图标设计风格分析
• 5.2 应用图标的传导含义
• 5.3 为应用图标选择元素
• 5.4 为应用图标选择颜色
• 5.5 Sketch的STYLE（样式）功能
• 5.6 利用Sketch绘制应用图标
• 5.7 作业：绘制应用图标
• 第6章 发现音乐App主界面设计
• 6.1 竞品分析（音乐App界面设计风格）
• 6.2 Sketch文本处理功能介绍
• 6.3 Sketch中的Mask（蒙版）功能
• 6.4 利用Sketch绘制产品主界面
• 6.5 作业：设计产品主界面
• 第7章 发现音乐App二级界面设计
• 7.1 回顾二级界面交互设计稿
• 7.2 利用Sketch及插件绘制产品二级界面
• 7.3 作业：完成产品二级界面绘制
• 第8章 头像设计
• 8.1 头像的位置
• 8.2 主流头像设计风格分析
• 8.3 头像设计思路分析
• 8.4 利用Sketch设计产品内的小头像
• 8.5 作业：绘制小头像
• 第9章 产品切图与标注
• 9.1 产品的切图
• 9.2 产品设计稿标注
• 第10章 养成设计好习惯
• 10.1 如何在Sketch中添加库
• 10.2 如何使用库与更新库
• 10.3 文件整理
• 第11章 UI设计动效入门
• 11.1 初识Principle
• 11.2 如何获取Principle
• 11.3 了解Principle主界面
• 11.4 Sketch文件的导入
• 11.5 导出视频文件和GIF文件
• 第12章 Principle Animation
• 12.1 Principle补间动画的图层命名
• 12.2 Principle补间动画中的关键帧
• 12.3 Principle中的动画速度曲线
• 12.4 发现音乐App的动效制作
• 第13章 Principle Drivers
• 13.1 了解Principle Drivers
• 13.2 Principle Drivers——Page（翻页）动画
• 13.3 首页banner翻页动画设计制作
• 13.4 联动动画——Drag（拖动）
• 第14章 Mirror预览
• 14.1 Sketch Mirror的使用方法
• 14.2 Principle Mirror的使用方法
• 第15章 UI设计进阶之路
• 15.1 时刻了解行业设计风格的趋势和变化
• 15.2 全链路设计师
• 15.3 大量练习
• 15.4 突破瓶颈期
• 后记