动静有法 Sketch+Principle UI设计基础教程
出版时间:
2021-02
版次:
1
ISBN:
9787121402258
定价:
98.00
装帧:
其他
开本:
16开
纸张:
胶版纸
页数:
296页
字数:
532.8千字
6人买过
-
本书详细介绍了Sketch在UI设计中的应用，使读者熟悉移动端UI设计规范及设计要点。本书共15章，首先介绍了UI设计及Sketch入门知识。然后通过一个完整的音乐类App设计，采用循序渐进的方式，引导读者逐渐了解Sketch的基础操作，以及整个App的交互设计、静态界面设计、图标设计。*后介绍如何配合常用插件进行App设计完成后的输出，以及利用Principle软件对App进行动效设计。
本书适合移动端UI设计师、设计爱好者阅读，也可以作为移动端UI设计师、交互设计师、UI设计爱好者的参考用书。 张怡琪，笔名张小碗儿，曾就职于腾讯、青果灵动，网络热门教程《30分钟拟物图标速成记》作者，站酷超人气作者，曾获得站酷推荐设计师、UI中国推荐设计师等头衔。 第1章
初识UI设计
1.1?什么是UI 002
1.1.1?认识UI设计 002
1.1.2?UI设计存在的理由 002
1.1.3?什么是好的UI设计 003
1.2?UI设计师的工作内容 004
1.2.1?头脑风暴 004
1.2.2?交互设计 005
1.2.3?界面设计 008
1.2.4?动效设计 009
1.2.5?切图与标注 010
1.2.6?辅助研发 011
1.3?设计师常用软件 012
第2章
Sketch设计入门
2.1?初识Sketch 016
2.1.1?Sketch是什么 016
2.1.2?Sketch在UI设计中的优势 017
2.1.3?Sketch的团队价值 019
2.1.4?Sketch未来的发展空间 020
2.2?如何获取Sketch 021
2.2.1?下载Sketch 021
2.2.2?安装Sketch 023
2.2.3?激活Sketch 023
2.3?初见Sketch 024
2.4?了解Sketch 主界面 025
2.4.1?菜单栏 025
2.4.2?工具栏 026
2.4.3?页面 029
2.4.4?图层 030
2.4.5?画布 031
2.4.6?检查器 031
2.4.7?导出 033
第3章
发现音乐App交互原型图设计
3.1?发现音乐App产品需求文档解读 036
3.1.1?了解产品需求文档 036
3.1.2?了解用户群体 036
3.1.3?产品功能解读 037
3.2?设计产品交互原型图 038
3.2.1?为什么要做交互原型图 038
3.2.2?交互原型图的展示方式 039
3.3?在Sketch中绘制交互原型图所需要的工具 040
3.3.1?Insert（添加）工具 040
3.3.2?Group（编组）工具 043
3.3.3?Radius（圆角半径）工具 044
3.3.4?测量功能 045
3.3.5?对齐功能 045
3.3.6?元件的创建 048
3.4?利用Sketch绘制产品交互原型图 052
3.4.1?创建文档 052
3.4.2?创建画板 053
3.4.3?标记非设计区域 053
3.4.4?选择交互稿色系及明度 056
3.4.5?绘制首页交互稿 057
3.4.6?绘制“喜欢”界面交互原型图 076
3.4.7?绘制“朋友”界面交互原型图 082
3.4.8?绘制“播放界面”交互原型图 085
3.4.9?绘制“音乐列表”界面交互原型图 087
3.4.10?绘制“电台界面”交互原型图 089
3.5?交互原型图动效初体验 090
3.5.1?Sketch的Link原型功能介绍 091
3.5.2?通过原型功能进行产品原型初体验 094
3.6?作业：绘制产品原型图 097
第4章
功能图标设计
4.1?了解功能图标 100
4.2?功能图标的设计思路及技巧 100
4.3?功能图标的点击范围及显示范围 103
4.4?功能图标的尺寸规范 103
4.5?功能图标的视觉平衡 103
4.5.1?为什么要遵守视觉平衡 104
4.5.2?计算视觉平衡缩进值 104
4.5.3?计算各基本形尺寸 105
4.6?Sketch的布尔运算工具 107
4.7?利用Sketch绘制功能图标 108
4.7.1?绘制“侧边栏icon” 109
4.7.2?绘制“添加icon” 111
4.7.3?绘制“音乐列表icon” 112
4.7.4?绘制““icon/返回”” 114
4.7.5?绘制“循环播放icon” 116
4.7.6?绘制“下载icon” 120
4.7.7?绘制“留言icon” 122
4.7.8?绘制“点赞icon” 125
4.8?作业：绘制产品内的功能图标 131
第5章
应用图标设计
5.1?当下同类App图标设计风格分析 134
5.2?应用图标的传导含义 135
5.3?为应用图标选择元素 136
5.4?为应用图标选择颜色 137
5.5? Sketch的STYLE（样式）功能 139
5.5.1?Fills（填充） 139
5.5.2?Borders（描边） 143
5.5.3?Shadows（阴影）和InnerShadows（内阴影） 144
5.5.4?Blurs（模糊） 145
5.5.5?删除未使用的样式 146
5.5.6?复制与粘贴样式 146
5.6?利用Sketch绘制应用图标 147
5.6.1?绘制图标的扁平状态 147
5.6.2?绘制图标的 轻拟物状态 149
5.6.3?绘制图标的拟物状态 152
5.7?作业：绘制应用图标 153
第6章
发现音乐App主界面设计
6.1?竞品分析（音乐App界面设计风格） 156
6.2?Sketch文本处理功能介绍 157
6.2.1?创建文本 157
6.2.2?文本检查器 157
6.2.3?文本Alignment（对齐）功能 157
6.2.4?Text Options（文本选项） 158
6.2.5?文本样式的复制与粘贴 158
6.2.6?创建文本样式 158
6.2.7?在图层中应用文本样式 159
6.2.8?路径上的文本 159
6.2.9?将文本转换为路径 160
6.2.10?解决缺少字体的问题 160
6.3?Sketch中的Mask（蒙版）功能 161
6.4?利用Sketch绘制产品主界面 162
6.4.1?首页设计 162
6.4.2?“喜欢-界面”设计 171
6.4.3?“朋友-界面”设计 175
6.4.4?“播放-界面”设计 179
6.5?作业：设计产品主界面 181
第7章
发现音乐App二级界面设计
7.1?回顾二级界面交互设计稿 184
7.2?利用Sketch及插件绘制产品二级界面 185
7.2.1?“音乐列表-界面”设计 185
7.2.2?“电台-界面”设计 186
7.2.3?搜索系列界面设计 187
7.2.4?搜索歌手系列界面设计 196
7.3?作业：完成产品二级界面绘制 201
第8章
头像设计
8.1?头像的位置 204
8.2?主流头像设计风格分析 204
8.3?头像设计思路分析 205
8.3.1?了解需求 205
8.3.2?寻找特点 205
8.3.3?元素设计 206
8.3?利用Sketch设计产品内的小头像 207
8.4?作业：绘制小头像 215
第9章
产品切图与标注
9.1?产品的切图 218
9.1.1?切图的存储方式 218
9.1.2?了解切图结构 218
9.1.3?了解切图的命名 219
9.2?产品设计稿标注 221
第10章
养成设计好习惯
10.1?如何在Sketch中添加库 228
10.2?如何使用库与更新库 229
10.3?文件整理 231
第11章
UI设计动效入门
11.1?初识Principle 234
11.1.1?为什么要学习动效制作 234
11.1.2?为什么要选择Principle（Sketch的好搭档） 234
11.2?如何获取Principle 235
11.2.1?Principle的下载 235
11.2.2?Principle的安装 236
11.2.3?Principle的激活 237
11.3?了解Principle 主界面 237
11.3.1?菜单栏 238
11.3.2?工具栏 238
11.3.3?检查器 238
11.3.4?图层 238
11.3.5?画布 239
11.3.6?预览窗口 239
11.4?Sketch文件的导入 240
11.4.1?Sketch文件的整理 241
11.4.2?导入文件该注意的事项 241
11.5?导出视频文件和GIF文件 242
第12章
Principle Animation
12.1?Principle补间动画的图层命名 247
12.2?Principle补间动画中的关键帧 247
12.3?Principle中的动画速度曲线 249
12.4?发现音乐App的动效制作 249
12.4.1?发现音乐App的动效结构分析 249
12.4.2?发现音乐App的动效设计 252
12.4.3?发现音乐App列表页动效设计 254
12.4.4?作业：通过Principle Animation制作界面动效 255
第13章
Principle Drivers
13.1?了解Principle Drivers 258
13.2?Principle Drivers —— Page（翻页）动画 258
13.3?首页banner翻页动画设计制作 262
13.3.1?联动动画——Scroll（滚动） 266
13.3.2?音乐列表动画设计 270
13.4?联动动画——Drag（拖动） 271
13.4.1?联动动画——Drag（拖动）动画制作 272
13.4.2?电台界面拖动动画设计 277
第14章
Mirror预览
14.1?Sketch Mirror的使用方法 282
14.2?Principle Mirror的使用方法 283
第15章
UI设计进阶之路
15.1?时刻了解行业设计风格的趋势和变化 286
15.2?全链路设计师 286
15.3?大量练习 286
15.4?突破瓶颈期 287
-
内容简介:
本书详细介绍了Sketch在UI设计中的应用，使读者熟悉移动端UI设计规范及设计要点。本书共15章，首先介绍了UI设计及Sketch入门知识。然后通过一个完整的音乐类App设计，采用循序渐进的方式，引导读者逐渐了解Sketch的基础操作，以及整个App的交互设计、静态界面设计、图标设计。*后介绍如何配合常用插件进行App设计完成后的输出，以及利用Principle软件对App进行动效设计。
本书适合移动端UI设计师、设计爱好者阅读，也可以作为移动端UI设计师、交互设计师、UI设计爱好者的参考用书。
-
作者简介:
张怡琪，笔名张小碗儿，曾就职于腾讯、青果灵动，网络热门教程《30分钟拟物图标速成记》作者，站酷超人气作者，曾获得站酷推荐设计师、UI中国推荐设计师等头衔。
-
目录:
第1章
初识UI设计
1.1?什么是UI 002
1.1.1?认识UI设计 002
1.1.2?UI设计存在的理由 002
1.1.3?什么是好的UI设计 003
1.2?UI设计师的工作内容 004
1.2.1?头脑风暴 004
1.2.2?交互设计 005
1.2.3?界面设计 008
1.2.4?动效设计 009
1.2.5?切图与标注 010
1.2.6?辅助研发 011
1.3?设计师常用软件 012
第2章
Sketch设计入门
2.1?初识Sketch 016
2.1.1?Sketch是什么 016
2.1.2?Sketch在UI设计中的优势 017
2.1.3?Sketch的团队价值 019
2.1.4?Sketch未来的发展空间 020
2.2?如何获取Sketch 021
2.2.1?下载Sketch 021
2.2.2?安装Sketch 023
2.2.3?激活Sketch 023
2.3?初见Sketch 024
2.4?了解Sketch 主界面 025
2.4.1?菜单栏 025
2.4.2?工具栏 026
2.4.3?页面 029
2.4.4?图层 030
2.4.5?画布 031
2.4.6?检查器 031
2.4.7?导出 033
第3章
发现音乐App交互原型图设计
3.1?发现音乐App产品需求文档解读 036
3.1.1?了解产品需求文档 036
3.1.2?了解用户群体 036
3.1.3?产品功能解读 037
3.2?设计产品交互原型图 038
3.2.1?为什么要做交互原型图 038
3.2.2?交互原型图的展示方式 039
3.3?在Sketch中绘制交互原型图所需要的工具 040
3.3.1?Insert（添加）工具 040
3.3.2?Group（编组）工具 043
3.3.3?Radius（圆角半径）工具 044
3.3.4?测量功能 045
3.3.5?对齐功能 045
3.3.6?元件的创建 048
3.4?利用Sketch绘制产品交互原型图 052
3.4.1?创建文档 052
3.4.2?创建画板 053
3.4.3?标记非设计区域 053
3.4.4?选择交互稿色系及明度 056
3.4.5?绘制首页交互稿 057
3.4.6?绘制“喜欢”界面交互原型图 076
3.4.7?绘制“朋友”界面交互原型图 082
3.4.8?绘制“播放界面”交互原型图 085
3.4.9?绘制“音乐列表”界面交互原型图 087
3.4.10?绘制“电台界面”交互原型图 089
3.5?交互原型图动效初体验 090
3.5.1?Sketch的Link原型功能介绍 091
3.5.2?通过原型功能进行产品原型初体验 094
3.6?作业：绘制产品原型图 097
第4章
功能图标设计
4.1?了解功能图标 100
4.2?功能图标的设计思路及技巧 100
4.3?功能图标的点击范围及显示范围 103
4.4?功能图标的尺寸规范 103
4.5?功能图标的视觉平衡 103
4.5.1?为什么要遵守视觉平衡 104
4.5.2?计算视觉平衡缩进值 104
4.5.3?计算各基本形尺寸 105
4.6?Sketch的布尔运算工具 107
4.7?利用Sketch绘制功能图标 108
4.7.1?绘制“侧边栏icon” 109
4.7.2?绘制“添加icon” 111
4.7.3?绘制“音乐列表icon” 112
4.7.4?绘制““icon/返回”” 114
4.7.5?绘制“循环播放icon” 116
4.7.6?绘制“下载icon” 120
4.7.7?绘制“留言icon” 122
4.7.8?绘制“点赞icon” 125
4.8?作业：绘制产品内的功能图标 131
第5章
应用图标设计
5.1?当下同类App图标设计风格分析 134
5.2?应用图标的传导含义 135
5.3?为应用图标选择元素 136
5.4?为应用图标选择颜色 137
5.5? Sketch的STYLE（样式）功能 139
5.5.1?Fills（填充） 139
5.5.2?Borders（描边） 143
5.5.3?Shadows（阴影）和InnerShadows（内阴影） 144
5.5.4?Blurs（模糊） 145
5.5.5?删除未使用的样式 146
5.5.6?复制与粘贴样式 146
5.6?利用Sketch绘制应用图标 147
5.6.1?绘制图标的扁平状态 147
5.6.2?绘制图标的 轻拟物状态 149
5.6.3?绘制图标的拟物状态 152
5.7?作业：绘制应用图标 153
第6章
发现音乐App主界面设计
6.1?竞品分析（音乐App界面设计风格） 156
6.2?Sketch文本处理功能介绍 157
6.2.1?创建文本 157
6.2.2?文本检查器 157
6.2.3?文本Alignment（对齐）功能 157
6.2.4?Text Options（文本选项） 158
6.2.5?文本样式的复制与粘贴 158
6.2.6?创建文本样式 158
6.2.7?在图层中应用文本样式 159
6.2.8?路径上的文本 159
6.2.9?将文本转换为路径 160
6.2.10?解决缺少字体的问题 160
6.3?Sketch中的Mask（蒙版）功能 161
6.4?利用Sketch绘制产品主界面 162
6.4.1?首页设计 162
6.4.2?“喜欢-界面”设计 171
6.4.3?“朋友-界面”设计 175
6.4.4?“播放-界面”设计 179
6.5?作业：设计产品主界面 181
第7章
发现音乐App二级界面设计
7.1?回顾二级界面交互设计稿 184
7.2?利用Sketch及插件绘制产品二级界面 185
7.2.1?“音乐列表-界面”设计 185
7.2.2?“电台-界面”设计 186
7.2.3?搜索系列界面设计 187
7.2.4?搜索歌手系列界面设计 196
7.3?作业：完成产品二级界面绘制 201
第8章
头像设计
8.1?头像的位置 204
8.2?主流头像设计风格分析 204
8.3?头像设计思路分析 205
8.3.1?了解需求 205
8.3.2?寻找特点 205
8.3.3?元素设计 206
8.3?利用Sketch设计产品内的小头像 207
8.4?作业：绘制小头像 215
第9章
产品切图与标注
9.1?产品的切图 218
9.1.1?切图的存储方式 218
9.1.2?了解切图结构 218
9.1.3?了解切图的命名 219
9.2?产品设计稿标注 221
第10章
养成设计好习惯
10.1?如何在Sketch中添加库 228
10.2?如何使用库与更新库 229
10.3?文件整理 231
第11章
UI设计动效入门
11.1?初识Principle 234
11.1.1?为什么要学习动效制作 234
11.1.2?为什么要选择Principle（Sketch的好搭档） 234
11.2?如何获取Principle 235
11.2.1?Principle的下载 235
11.2.2?Principle的安装 236
11.2.3?Principle的激活 237
11.3?了解Principle 主界面 237
11.3.1?菜单栏 238
11.3.2?工具栏 238
11.3.3?检查器 238
11.3.4?图层 238
11.3.5?画布 239
11.3.6?预览窗口 239
11.4?Sketch文件的导入 240
11.4.1?Sketch文件的整理 241
11.4.2?导入文件该注意的事项 241
11.5?导出视频文件和GIF文件 242
第12章
Principle Animation
12.1?Principle补间动画的图层命名 247
12.2?Principle补间动画中的关键帧 247
12.3?Principle中的动画速度曲线 249
12.4?发现音乐App的动效制作 249
12.4.1?发现音乐App的动效结构分析 249
12.4.2?发现音乐App的动效设计 252
12.4.3?发现音乐App列表页动效设计 254
12.4.4?作业：通过Principle Animation制作界面动效 255
第13章
Principle Drivers
13.1?了解Principle Drivers 258
13.2?Principle Drivers —— Page（翻页）动画 258
13.3?首页banner翻页动画设计制作 262
13.3.1?联动动画——Scroll（滚动） 266
13.3.2?音乐列表动画设计 270
13.4?联动动画——Drag（拖动） 271
13.4.1?联动动画——Drag（拖动）动画制作 272
13.4.2?电台界面拖动动画设计 277
第14章
Mirror预览
14.1?Sketch Mirror的使用方法 282
14.2?Principle Mirror的使用方法 283
第15章
UI设计进阶之路
15.1?时刻了解行业设计风格的趋势和变化 286
15.2?全链路设计师 286
15.3?大量练习 286
15.4?突破瓶颈期 287
查看详情
-
全新
河北省保定市
平均发货11小时
成功完成率86.25%
-
全新
河北省保定市
平均发货16小时
成功完成率90.68%
-
全新
北京市房山区
平均发货15小时
成功完成率84.01%
-
九五品
河北省保定市
平均发货18小时
成功完成率84.31%
-
全新
河北省保定市
平均发货31小时
成功完成率86.07%
-
全新
河北省保定市
平均发货19小时
成功完成率89.09%
-
全新
河北省保定市
平均发货16小时
成功完成率90.68%
-
全新
河北省保定市
平均发货19小时
成功完成率81.59%
-
全新
河北省保定市
平均发货19小时
成功完成率89.09%
-
九品
北京市昌平区
平均发货23小时
成功完成率87.7%
-
九品
北京市海淀区
平均发货24小时
成功完成率87.87%
-
全新
河北省保定市
平均发货27小时
成功完成率87.52%
-
全新
河北省保定市
平均发货19小时
成功完成率89.09%
-
全新
山东省泰安市
平均发货11小时
成功完成率94.69%
-
全新
河北省保定市
平均发货28小时
成功完成率90.14%
-
全新
北京市海淀区
平均发货19小时
成功完成率87.43%
-
全新
河北省保定市
平均发货27小时
成功完成率87.52%
-
全新
北京市朝阳区
平均发货13小时
成功完成率96.1%
-
全新
江苏省宿迁市
平均发货21小时
成功完成率88.38%
-
全新
江苏省宿迁市
平均发货21小时
成功完成率88.38%
-
全新
河北省保定市
平均发货27小时
成功完成率88.63%
-
全新
河北省保定市
平均发货28小时
成功完成率92.07%
-
全新
湖南省长沙市
平均发货36小时
成功完成率83.68%
-
全新
山东省泰安市
平均发货29小时
成功完成率73.47%
-
全新
广东省广州市
平均发货18小时
成功完成率86.71%
-
全新
北京市东城区
平均发货23小时
成功完成率87.24%
-
全新
四川省成都市
平均发货31小时
成功完成率84.25%
-
九品
天津市宝坻区
平均发货15小时
成功完成率95.78%
-
全新
北京市丰台区
平均发货27小时
成功完成率86.71%
-
全新
北京市房山区
平均发货33小时
成功完成率83.79%
-
全新
河北省保定市
平均发货26小时
成功完成率85.32%
-
全新
河北省保定市
平均发货23小时
成功完成率87.07%
-
全新
河北省廊坊市
平均发货25小时
成功完成率87.01%
-
全新
河北省保定市
平均发货22小时
成功完成率86.8%
-
全新
河北省保定市
平均发货26小时
成功完成率88.8%
-
全新
河北省保定市
平均发货26小时
成功完成率88.8%
-
九五品
北京市通州区
平均发货29小时
成功完成率84.91%
-
全新
浙江省嘉兴市
平均发货13小时
成功完成率94.36%
-
全新
江苏省南京市
平均发货14小时
成功完成率83.22%
-
全新
湖北省武汉市
平均发货14小时
成功完成率93.64%
-
动静有法
正版新书 新华官方库房直发 可开电子发票
全新
江苏省南京市
平均发货14小时
成功完成率83.22%
-
全新
北京市通州区
平均发货9小时
成功完成率88.92%
-
动静有法
正版新书 新华官方库房直发 可开电子发票
全新
江苏省南京市
平均发货6小时
成功完成率98.34%
-
全新
上海市黄浦区
平均发货10小时
成功完成率94.42%
-
全新
山东省泰安市
平均发货7小时
成功完成率88.85%
-
动静有法
正版新书 新华官方库房直发 可开电子发票
全新
江苏省南京市
平均发货7小时
成功完成率95.36%
-
全新
河北省保定市
平均发货32小时
成功完成率86.53%
-
全新
北京市丰台区
平均发货25小时
成功完成率84.98%
-
全新
北京市丰台区
平均发货25小时
成功完成率84.98%
-
全新
广东省广州市
平均发货7小时
成功完成率94.75%
占位居中
