消息 首页 搜索 举报
  • 动静有法 Sketch+Principle UI设计基础教程
  • 动静有法 Sketch+Principle UI设计基础教程
21年品牌 40万+商家 超1.5亿件商品

动静有法 Sketch+Principle UI设计基础教程

正版二手书，欢迎选购

￥ 17.15 1.8折 ￥ 98 九品

仅1件

北京朝阳
认证卖家担保交易快速发货售后保障

作者张怡琪（张小碗儿）

出版社电子工业出版社

ISBN9787121402258

出版时间2021-02

装帧平装

开本16开

定价98元

货号1373752987012940800

上书时间2024-12-11

宏铭图书店

十三年老店
已实名 已认证 进店 收藏店铺
  • 最新上架

   商品详情   

品相描述：九品
商品描述
商品简介

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



作者简介



目录
章
初识UI设计
1.1?什么是UI002
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?初识Sketch016
2.1.1?Sketch是什么016
2.1.2?Sketch在UI设计中的优势017
2.1.3?Sketch的团队价值019
2.1.4?Sketch未来的发展空间020
2.2?如何获取Sketch021
2.2.1?下载Sketch021
2.2.2?安装Sketch023
2.2.3?激活Sketch023
2.3?初见Sketch024
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

0章
养成设计好习惯
10.1?如何在Sketch中添加库228
10.2?如何使用库与更新库229
10.3?文件整理231

1章
UI设计动效入门
11.1?初识Principle234
11.1.1?为什么要学习动效制作234
11.1.2?为什么要选择Principle（Sketch的好搭档）234
11.2?如何获取Principle235
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

2章
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

3章
Principle Drivers
13.1?了解Principle Drivers258
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

4章
Mirror预览
14.1?Sketch Mirror的使用方法282
14.2?Principle Mirror的使用方法283

5章
UI设计进阶之路
15.1?时刻了解行业设计风格的趋势和变化286
15.2?全链路设计师286
15.3?大量练习286
15.4?突破瓶颈期287

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

主编推荐
站酷超人气作者张小碗倾力打造。本书从UI设计的基础入手，结合Sketch+Principle两款软件，通过大量实例和针对性实战（原型图、图标、界面、头像等），深入细致的讲解了UI设计、动效设计的方法。

   相关推荐   

—  没有更多了  —

店铺评价
消息 首页 搜索

以下为对购买帮助不大的评价

此功能需要访问孔网APP才能使用
暂时不用
打开孔网APP