未读消息消息

购物车

我的订单

个人中心

店铺

我的订单收藏

拍卖

拍卖交易我的竞拍收藏

我的好友资金账户

卖家中心

客服 |

帮助中心 9:00-20:30 在线留言

客服电话

010-89648155

服务时间

客服咨询 8:00-21:00

纠纷处理 9:00-21:00

图书审核 9:00-18:00

监督与建议

请选择

手机孔网

UI设计启示录：创意＋对比＋实战

作者: 王涵著 , 艾琦著 , 张怡琪著 , 刘佳著

出版社: 人民邮电出版社

出版时间: 2019-07

版次: 1

ISBN: 9787115510754

定价: 98.00

装帧: 平装

开本: 16开

纸张: 胶版纸

页数: 284页

正文语种: 简体中文

分类: 计算机与互联网

3人买过

市面上与Photoshop有关的书籍多以介绍如何修图为主，倾向于讲解修图工具的使用，针对UI的书则较少，讲解相关理论知识的书就更少了，而使用Photoshop进行UI设计时涉及的工具和技巧与修图时有很大不同。

本书的特点是能让大家看得懂、学得会，且不会觉得枯燥，读者可以边翻看手里的书，边通过计算机进行实践学习，避免了“只会照着书做，自己创作时却一头雾水”的问题。随书附赠的案例素材文件和操作演示视频有助于读者提高学习效率。

本书面向对UI设计感兴趣的初学者，也可以作为高校艺术专业的教材及相关培训机构的参考书。团队简介：

BIGD团队成立于2014年，是个年轻有活力、热衷知识分享的团队。团队服务的客户包括JEEP、克莱斯勒、腾讯、新浪、一汽大众、搜狐畅游、小米、华为、OPPO等。

团队主要荣誉：

著作书籍《视界?无界：写给UI设计师的设计书》

Adobe认证交互设计师

站酷十周年*酷团队

站酷十周年人气设计师

UI中国十佳UI设计师

网页设计联盟中国十佳网页设计师

互联网各类UI设计大赛评委

vivo Funtouch全局主题设计大赛一等奖

华为第一届全国设计天团大赛UI类一等奖

华为全球第二届UI设计大赛二等奖

联想乐檬VIBE UI手机主题设计大赛一等奖

华为EMUI全球手机主题设计大赛大师风范奖

墨迹天气手机桌面插件设计大赛二等奖

步步高vivo智能手机场景桌面设计大赛二等奖

以及16项三等奖和优秀奖第 1章

UI设计基本概念

1．1 UI设计分类　13

1．1．1　GUI　13

1．1．2　WUI　14

1．1．3　IXD　15

1．1．4　UE/UX　16

1．2 UI设计理论常识　17

1．3 UI设计注意事项　17

1．3．1　清晰　17

1．3．2　简洁　17

1．3．3　易用　17

1．3．4　适应　17

1．3．5　统一　18

1．3．6　视觉　18

1．3．7　识别　18

1．4 UI设计中的Photoshop设置技巧　18

第　2章

复古像素图标设计

2．1 像素图标在手游及网页UI设计中的应用场景　21

2．2 像素图标设计注意事项　22

2．3 像素设计中不出现虚边的原理及技法　22

2．4 像素图标操作实例　23

2．5 拓展练习　28

第3章

App产品界面中的重要元素功能图标设计

3．1 功能图标在App中的应用场景　30

3．2 功能图标设计注意事项　32

3．3 功能图标设计的描边法　32

3．4 36×36尺寸功能图标操作实例　33

第4章

产品界面中的天气图标设计

4．1 天气图标在产品中的应用场景　38

4．2 一层流图层样式设计注意事项　39

4．3 复数图层样式设计实用技巧　39

4．4 天气图标操作实例　40

4．5 拓展练习　44

第5章

界面中的卡通风格元素设计

5．1 卡通风格设计的应用场景　46

5．2 卡通风格设计中的配色注意事项　48

5．3 128x128尺寸卡通笔记本操作实例　48

5．4 拓展练习　52

第6章

轻拟物设计

6．1 轻拟物风格的应用场景　54

6．2 轻拟物风格设计中的色彩注意事项　55

6．3 白色质感的控制技巧　56

6．4 256x256尺寸轻拟物水果盘操作实例　56

6．5 拓展练习　62

第7章

国际流行卡通断线风格设计

7．1 引导页中的卡通断线风格　64

7．2 卡通断线风格设计注意事项　65

7．3 卡通断线风格设计色彩选择　66

7．4 绘制卡通断线气球　66

7．5 拓展练习　73

第8章

扁平纯色风格图标设计

8．1 扁平化风格图标的含义及特点　75

8．2 扁平化风格图标设计注意事项　75

8．3 手机主题图标颜色选择　76

8．4 文本图标操作实例　76

8．5 拓展练习　78

第9章

拟物风格图标设计

9．1 拟物风格图标的特点　80

9．2 拟物图标设计注意事项　80

9．3 拟物风格图标的色彩选择和样式设计　81

9．4 拟物胶囊图标操作实例　81

9．5 拓展练习　89

第　10章

画板图标设计

10．1 木板与纸张质感分析　91

10．2 画板图标设计注意事项　91

10．3 金属元素设计技巧　92

10．4 画板图标操作实例　92

第　11章

浏览器图标设计

11．1 不同风格浏览器图标分析　99

11．2 浏览器图标设计注意事项　99

11．3 浏览器图标设计要点　100

11．4 浏览器图标设计操作实例　100

11．5 拓展练习　108

第　13章

高级拟物设计（美工刀）

13．1 美工刀手绘草稿　119

13．2 美工刀材质绘制注意事项　119

13．3 美工刀操作实例　120

13．3．1　制作背景　121

13．3．2　绘制整体轮廓　122

13．3．3　绘制美工刀的阴影　125

13．3．4　细致刻画推手　127

13．3．5　细致刻画刀槽　131

13．3．6　细致刻画美工刀的上部结构　139

13．3．7　细致刻画美工刀的下部结构　145

13．3．8　细致刻画美工刀的右部结构　158

13．3．9　细致刻画美工刀刀片　160

13．4 拓展练习　164

第　14章

高级拟物设计（手表）

14．1 手表手绘概念稿　166

14．2 手表材质绘制注意事项　166

14．3 手表操作实例　167

14．3．1　绘制手表链上部　168

14．3．2　绘制手表链下部　173

14．3．3　绘制手表链左右两侧连接处材质　178

14．3．4　绘制手表表冠　181

14．3．5　绘制手表外壳　182

14．3．6　绘制表盘外圈　186

14．3．7　绘制手表表盘　187

14．3．8　绘制刻度和指针　190

14．3．9　绘制表盘标记　195

14．4 拓展练习　200

第　15章

高级拟物设计（直刀）

15．1 手绘草稿　202

15．2 直刀材质绘制注意事项　202

15．3 刀具操作实例　203

15．3．1　制作背景　204

15．3．2　绘制刀具轮廓　205

15．3．3　绘制直刀投影　206

15．3．4　细化刀身　207

15．3．5　细化护手　210

15．3．6　细化刀柄　212

15．3．7　绘制刀柄金属　215

15．4 拓展练习　220

第　16章

高级拟物设计（自动铅笔）

16．1 自动铅笔材质分析　222

16．2 自动铅笔材质绘制注意事项　222

16．3 自动铅笔操作实例　223

16．3．1　绘制自动铅笔基本外形　223

16．3．2　绘制影子　227

16．3．3　绘制护芯　229

16．3．4　制作笔杆　231

16．3．5　制作按杆　247

16．4 拓展练习　253

第　17章

移动端拨号界面设计

17．1 拨号界面　255

17．2 拨号界面设计注意事项　255

17．3 拨号界面设计宗旨　256

17．4 拨号界面制作　256

17．5 拓展练习　258

第　18章

App登录和注册页面设计

18．1 登录、注册页面设计规范　260

18．2 设计注意事项　261

18．3 iPhone 8 App注册页面操作实例　261

18．4 正确输出清晰设计效果图流程　266

18．5 拓展练习　267

第　19章

App卡券列表界面设计

19．1 卡券界面设计　269

19．2 设计注意事项　269

19．3 卡券列表　270

19．4 卡券列表界面操作实例　270

19．5 拓展练习　272

第　20章

PS动效设计

20．1 PS设计动画的优势　274

20．2 用时间轴制作加载动画　275

第　21章

工作必备的切图技能

21．1 圆角矩形按钮操作实例　280

21．2 皮卡丘信息气泡按钮操作实例　283
内容简介:
市面上与Photoshop有关的书籍多以介绍如何修图为主，倾向于讲解修图工具的使用，针对UI的书则较少，讲解相关理论知识的书就更少了，而使用Photoshop进行UI设计时涉及的工具和技巧与修图时有很大不同。

本书的特点是能让大家看得懂、学得会，且不会觉得枯燥，读者可以边翻看手里的书，边通过计算机进行实践学习，避免了“只会照着书做，自己创作时却一头雾水”的问题。随书附赠的案例素材文件和操作演示视频有助于读者提高学习效率。

本书面向对UI设计感兴趣的初学者，也可以作为高校艺术专业的教材及相关培训机构的参考书。
作者简介:
团队简介：

BIGD团队成立于2014年，是个年轻有活力、热衷知识分享的团队。团队服务的客户包括JEEP、克莱斯勒、腾讯、新浪、一汽大众、搜狐畅游、小米、华为、OPPO等。

团队主要荣誉：

著作书籍《视界?无界：写给UI设计师的设计书》

Adobe认证交互设计师

站酷十周年*酷团队

站酷十周年人气设计师

UI中国十佳UI设计师

网页设计联盟中国十佳网页设计师

互联网各类UI设计大赛评委

vivo Funtouch全局主题设计大赛一等奖

华为第一届全国设计天团大赛UI类一等奖

华为全球第二届UI设计大赛二等奖

联想乐檬VIBE UI手机主题设计大赛一等奖

华为EMUI全球手机主题设计大赛大师风范奖

墨迹天气手机桌面插件设计大赛二等奖

步步高vivo智能手机场景桌面设计大赛二等奖

以及16项三等奖和优秀奖
目录:
第 1章

UI设计基本概念

1．1 UI设计分类　13

1．1．1　GUI　13

1．1．2　WUI　14

1．1．3　IXD　15

1．1．4　UE/UX　16

1．2 UI设计理论常识　17

1．3 UI设计注意事项　17

1．3．1　清晰　17

1．3．2　简洁　17

1．3．3　易用　17

1．3．4　适应　17

1．3．5　统一　18

1．3．6　视觉　18

1．3．7　识别　18

1．4 UI设计中的Photoshop设置技巧　18

第　2章

复古像素图标设计

2．1 像素图标在手游及网页UI设计中的应用场景　21

2．2 像素图标设计注意事项　22

2．3 像素设计中不出现虚边的原理及技法　22

2．4 像素图标操作实例　23

2．5 拓展练习　28

第3章

App产品界面中的重要元素功能图标设计

3．1 功能图标在App中的应用场景　30

3．2 功能图标设计注意事项　32

3．3 功能图标设计的描边法　32

3．4 36×36尺寸功能图标操作实例　33

第4章

产品界面中的天气图标设计

4．1 天气图标在产品中的应用场景　38

4．2 一层流图层样式设计注意事项　39

4．3 复数图层样式设计实用技巧　39

4．4 天气图标操作实例　40

4．5 拓展练习　44

第5章

界面中的卡通风格元素设计

5．1 卡通风格设计的应用场景　46

5．2 卡通风格设计中的配色注意事项　48

5．3 128x128尺寸卡通笔记本操作实例　48

5．4 拓展练习　52

第6章

轻拟物设计

6．1 轻拟物风格的应用场景　54

6．2 轻拟物风格设计中的色彩注意事项　55

6．3 白色质感的控制技巧　56

6．4 256x256尺寸轻拟物水果盘操作实例　56

6．5 拓展练习　62

第7章

国际流行卡通断线风格设计

7．1 引导页中的卡通断线风格　64

7．2 卡通断线风格设计注意事项　65

7．3 卡通断线风格设计色彩选择　66

7．4 绘制卡通断线气球　66

7．5 拓展练习　73

第8章

扁平纯色风格图标设计

8．1 扁平化风格图标的含义及特点　75

8．2 扁平化风格图标设计注意事项　75

8．3 手机主题图标颜色选择　76

8．4 文本图标操作实例　76

8．5 拓展练习　78

第9章

拟物风格图标设计

9．1 拟物风格图标的特点　80

9．2 拟物图标设计注意事项　80

9．3 拟物风格图标的色彩选择和样式设计　81

9．4 拟物胶囊图标操作实例　81

9．5 拓展练习　89

第　10章

画板图标设计

10．1 木板与纸张质感分析　91

10．2 画板图标设计注意事项　91

10．3 金属元素设计技巧　92

10．4 画板图标操作实例　92

第　11章

浏览器图标设计

11．1 不同风格浏览器图标分析　99

11．2 浏览器图标设计注意事项　99

11．3 浏览器图标设计要点　100

11．4 浏览器图标设计操作实例　100

11．5 拓展练习　108

第　13章

高级拟物设计（美工刀）

13．1 美工刀手绘草稿　119

13．2 美工刀材质绘制注意事项　119

13．3 美工刀操作实例　120

13．3．1　制作背景　121

13．3．2　绘制整体轮廓　122

13．3．3　绘制美工刀的阴影　125

13．3．4　细致刻画推手　127

13．3．5　细致刻画刀槽　131

13．3．6　细致刻画美工刀的上部结构　139

13．3．7　细致刻画美工刀的下部结构　145

13．3．8　细致刻画美工刀的右部结构　158

13．3．9　细致刻画美工刀刀片　160

13．4 拓展练习　164

第　14章

高级拟物设计（手表）

14．1 手表手绘概念稿　166

14．2 手表材质绘制注意事项　166

14．3 手表操作实例　167

14．3．1　绘制手表链上部　168

14．3．2　绘制手表链下部　173

14．3．3　绘制手表链左右两侧连接处材质　178

14．3．4　绘制手表表冠　181

14．3．5　绘制手表外壳　182

14．3．6　绘制表盘外圈　186

14．3．7　绘制手表表盘　187

14．3．8　绘制刻度和指针　190

14．3．9　绘制表盘标记　195

14．4 拓展练习　200

第　15章

高级拟物设计（直刀）

15．1 手绘草稿　202

15．2 直刀材质绘制注意事项　202

15．3 刀具操作实例　203

15．3．1　制作背景　204

15．3．2　绘制刀具轮廓　205

15．3．3　绘制直刀投影　206

15．3．4　细化刀身　207

15．3．5　细化护手　210

15．3．6　细化刀柄　212

15．3．7　绘制刀柄金属　215

15．4 拓展练习　220

第　16章

高级拟物设计（自动铅笔）

16．1 自动铅笔材质分析　222

16．2 自动铅笔材质绘制注意事项　222

16．3 自动铅笔操作实例　223

16．3．1　绘制自动铅笔基本外形　223

16．3．2　绘制影子　227

16．3．3　绘制护芯　229

16．3．4　制作笔杆　231

16．3．5　制作按杆　247

16．4 拓展练习　253

第　17章

移动端拨号界面设计

17．1 拨号界面　255

17．2 拨号界面设计注意事项　255

17．3 拨号界面设计宗旨　256

17．4 拨号界面制作　256

17．5 拓展练习　258

第　18章

App登录和注册页面设计

18．1 登录、注册页面设计规范　260

18．2 设计注意事项　261

18．3 iPhone 8 App注册页面操作实例　261

18．4 正确输出清晰设计效果图流程　266

18．5 拓展练习　267

第　19章

App卡券列表界面设计

19．1 卡券界面设计　269

19．2 设计注意事项　269

19．3 卡券列表　270

19．4 卡券列表界面操作实例　270

19．5 拓展练习　272

第　20章

PS动效设计

20．1 PS设计动画的优势　274

20．2 用时间轴制作加载动画　275

第　21章

工作必备的切图技能

21．1 圆角矩形按钮操作实例　280

21．2 皮卡丘信息气泡按钮操作实例　283

查看详情

UI设计启示录：创意＋对比＋实战

内容简介:

作者简介:

目录: