本书详细介绍了Sketch在UI设计中的应用,使读者熟悉移动端UI设计规范及设计要点。本书共15章,首先介绍了UI设计及Sketch入门知识。然后通过一个完整的音乐类App设计,采用循序渐进的方式,引导读者逐渐了解Sketch的基础操作,以及整个App的交互设计、静态界面设计、图标设计。*后介绍如何配合常用插件进行App设计完成后的输出,以及利用Principle软件对App进行动效设计。

  本书适合移动端UI设计师、设计爱好者阅读,也可以作为移动端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 突破瓶颈期

后记

查看全部
书评
查看更多
请您登录后发表评论 登录 | 注册
我的评分:
提交
0/400