从零开始学UI 概念解析 实战提高 突破规则

图书标准信息

• 作者 Omega（邵和明） 著
• 出版社 人民邮电出版社
• 出版时间 2018-11
• 版次 1
• ISBN 9787115492920
• 定价 79.00元
• 装帧 平装
• 开本 小16开
• 纸张 胶版纸
• 页数 244页
• 字数 390千字
• 正文语种 简体中文

【内容简介】

本书是一本帮助热爱UI设计的学生及转行设计师快速掌握UI设计的专业书籍。书中深入浅出地介绍了UI入门需要掌握的基础知识，包括UI的基本概念、设计的基础知识、UI设计的组成部分，并详细指导读者运用Photoshop软件设计图标、界面和简单动效，帮助读者建立起基本的学习体系。最后，介绍了UI设计的基本规则，以及如何打破规则进行设计，帮助读者开拓思维，进行开放式设计。

本书定位为入门学习，对于一些本身不具备设计基础、不了解Photoshop软件使用的读者也是完全适用的，只要耐心跟随书中的步骤进行操作，就能够基本掌握UI设计的技巧。读完这本书，并做完相关的实战练习后，读者便可以胜任一些基础的UI设计工作了。

随书配套学习资料，包括核心章节第2章到第6章的素材图片、PSD源文件、模板文件，以及GIF图片，当遇到问题或者瓶颈时，读者可以在源文件中查找相关图层，获得参数设置详细信息，帮助你解决问题，提高学习效率。

【作者简介】

邵和明，腾讯设计师，设计中心负责人。11年用户体验与产品策划行业经验，曾经负责过的项目包括手机QQ浏览器、手机QQ、91手机助手、91理财等，曾独立开发多款小游戏、设计工具和软件等。

【目录】

1 

UI基础/009

1．1 用户界面的风格演变/010

1．2 UI设计的种类/014

1．2．1 网页设计/015

1．2．2 软件界面设计/017

1．2．3 App界面设计/018

1．2．4 游戏界面设计/019

1．3 App界面设计师的职责/020

1．3．1 职责之内/020

1．3．2 职责之外/023

1．4 合格UI设计师的必备技能/024

1．4．1 了解互联网产品的诞生过程/024

1．4．2 深度掌握辅助工具/025

1．4．3 拥有良好的学习心态/026

2

设计入门/027

2．1 审美/028

2．1．1 审美观的概念及其重要性/028

2．1．2 艺术与设计的区别/028

2．1．3 如何培养自己的审美观/028

2．2 配色/029

2．2．1 色彩的基础知识/029

2．2．2 色域与屏幕选择/030

2．2．3 常用颜色模式/032

2．2．4 颜色与情感/034

2．2．5 色彩搭配/036

2．2．6 色彩的选择与应用/040

2．3 构图/042

2．3．1 构图的概念/042

2．3．2 常用的构图方式/042

2．3．3 黄金分割/045

2．4 文字与排版/046

2．4．1 字体的样式/046

2．4．2 系统常用字体/048

2．4．3 字体的搭配/050

3

认识Photoshop/051

3．1 初识Photoshop CC/052

3．1．1 界面布局/052

3．1．2 文档的保存/069

3．2 图层面板/071

3．2．1 图层的概念和用法/071

3．2．2 图层样式/073

3．2．3 图层混合模式/079

3．3 路径与布尔运算/081

3．4 神奇的滤镜/083

3．5 快捷键/085

3．5．1 常用快捷键/085

3．5．2 自定义快捷键/086

4

图标设计/087

4．1 图标发展进程/088

4．1．1 图标风格进化/088

4．1．2 移动端操作系统平台介绍/089

4．1．3 iOS与Andorid系统图标的差异/091

4．2 图标的可用性分析/092

4．2．1 图标的种类/092

4．2．2 不同图标的设计要点/092

4．3 扁平化风格的图标实战/093

4．3．1 iOS App图标设计规范/093

4．3．2 规范模板文档的使用/095

4．3．3 从零开始画一个“时钟”图标/098

4．3．4 保存与输出/104

4．4 写实风格的图标实战/105

4．4．1 Android App图标设计规范/105

4．4．2 写实版“时钟”图标/107

4．4．3 写实版“徽章”图标/119

4．4．4 保存与输出/131

4．5 设计习惯规范/133

4．5．1 不破坏原始素材/133

4．5．2 整洁的文档/134

4．5．3 规范的文件命名/134

5

界面设计/135

5．1 界面风格进化史/136

5．1．1 iOS从现实到抽象/136

5．1．2 Android与Material design/138

5．2 扁平化风格界面实战/140

5．2．1 从设计语言说起/140

5．2．2 交互设计稿/产品原型/140

5．2．3 从零开始画界面/141

5．2．4 页面标注/148

5．2．5 资源输出/150

5．2．6 切片工具/156

5．3 写实风格界面实战/160

5．3．1 从布局开始 /160

5．3．2 细化并打磨细节/161

5．3．3 标注与资源输出/166

6

动效设计/167

6．1 动效设计概念/168

6．1．1 什么是动效设计/168

6．1．2 为什么要做动效/169

6．1．3 动效设计常用软件/175

6．2 动效设计实战/176

6．2．1 动画的原理 /176

6．2．2 动画的节奏/176

6．2．3 Photoshop动效面板介绍/177

6．2．4 逐帧动画——小球弹跳/178

6．2．5 时间轴动画——气泡爆炸/181

6．2．6 时间轴动画——旋转/186

6．2．7 输出格式与命名规范/194

7

设计准则/197

7．1 HIG的概念介绍/198

7．1．1 什么是HIG/198

7．1．2 为什么要遵循HIG/198

7．2 iOS系统的HIG /198

7．2．1 设计原则/198

7．2．2 交互方式/200

7．2．3 视觉与控件/207

7．2．4 其他扩展项/214

7．2．5 苹果UI设计资源/217

7．3 Android系统的HIG /217

7．3．1 设计原则/217

7．3．2 与iOS差异点/218

8

破坏规则/229

8．1 为什么要破坏既有的规矩/230

8．2 独一无二的设计/230

8．2．1 活用设计准则/230

8．2．2 设定应用场景/234

8．2．3 情感化设计/235

8．3 无招胜有招/237

9

关于成长/239

9．1 成长的阵痛与迷茫/240

9．2 学会学习的方法/242

9．3 写在最后/244