Photoshop 图标设计基础与案例教程（培训教材版）

时代印象 有丰富的图书策划经验，与众多高校教师和一线设计师长期合作，出版了众多优秀图书。 曾出版的优秀图书有： 《中文版Photoshop CS6实用教程》 《中文版Photoshop CS6平面设计实用教程》 《中文版3ds Max 2012实用教程》 《After Effects影视特效制作208例》 《中文版CorelDRAW X6完全自学教程》

第 1章 学习图标前的理论知识 015

1.1 图标的基础 016

1.1.1 图标是什么 016

1.1.2 图标的类型 017

1.1.3 图标的功能 020

1.1.4 图标和Logo的区别 021

1.2 分辨率和像素的基础 022

1.2.1 屏幕尺寸 023

1.2.2 屏幕分辨率 023

1.2.3 像素密度 025

1.3 常见图标的尺寸 025

1.3.1 iOS图标尺寸 026

1.3.2 Android图标尺寸 027

1.4 图标的格式 027

1.4.1 PNG格式 027

1.4.2 SVG格式 029

1.4.3 ICO格式 030

1.5 制作图标的常用软件 031

1.5.1 Photoshop 031

1.5.2 Illustrator 032

1.5.3 Sketch 033

1.6 图标设计学习要点 033

1.6.1 了解iOS和Android的设计特点 033

1.6.2 图标风格的掌握 035

1.6.3 图标配色的掌握 036

1.6.4 图标形状的掌握 036

1.6.5 图标效果的掌握 038

第 2章 图标设计的知识 039

2.1 控件类图标的设计法则 040

2.1.1 可识别性 040

2.1.2 美观性 041

2.1.3 视觉一致性 042

2.1.4 情感表达 043

2.2 应用类图标的设计特点 043

2.2.1 高辨识度 044

2.2.2 独特的形状 044

2.2.3 使用网格系统 044

2.2.4 简化文字 045

2.3 图标的设计流程 046

2.3.1 设计前的思考 047

2.3.2 寻找隐喻 047

2.3.3 抽象图形 048

2.3.4 设计分析 049

2.3.5 风格确立 049

2.4 图标的设计风格 049

2.4.1 风格间的区分 050

2.4.2 扁平化风格2.0 053

2.4.3 拟物化风格 057

2.4.4 为什么扁平化更迎合时代 058

2.5 色彩搭配速成 059

2.5.1 色彩的三要素 059

2.5.2 色彩的模式 060

2.5.3 取色配色法 060

2.5.4 同色系配色法 061

2.5.5 对比色配色法 061

2.5.6 邻近色配色法 062

2.5.7 类似色配色法 062

第3章 图标设计前的基础操作 063

3.1 必知的三大功能 064

3.1.1 图层 064

3.1.2 蒙版 067

3.1.3 文字 069

3.2 绘制图形的工具 070

3.2.1 矩形工具 070

3.2.2 圆角矩形工具 071

3.2.3 椭圆工具 072

3.2.4 多边形工具 072

3.2.5 直线工具 073

3.2.6 自定形状工具 074

3.2.7 钢笔工具 074

第4章 让图标质感提升的功能 075

4.1 的十大样式 076

4.1.1 斜面和浮雕 076

4.1.2 描边 079

4.1.3 内阴影 079

4.1.4 内发光 080

4.1.5 光泽 081

4.1.6 颜色叠加 081

4.1.7 渐变叠加 082

4.1.8 图案叠加 083

4.1.9 外发光 083

4.1.10 投影 084

4.2 灵活的布尔运算 085

4.2.1 什么是布尔工具 085

4.2.2 布尔的运算规则 086

4.2.3 布尔运算的条件 086

4.2.4 如何进行布尔运算 086

实战：布尔书本图标 087

实战：布尔音乐图标 090

第5章 图标辅助效果的掌握 093

5.1 弥散阴影 094

实战：弥散阴影 094

实战：渐变弥散阴影 095

5.2 内缺角阴影 097

实战：比萨内缺角阴影 098

实战：剪刀内缺角阴影 100

5.3 长阴影 103

实战：简单长阴影 103

实战：质感长阴影 106

实战：文字长阴影 111

5.4 金属效果 116

实战：拉丝金属效果 116

实战：金属质感效果 120

5.5 木纹和水波纹效果 124

实战：木纹效果 124

实战：水波纹效果 128

5.6 高光和倒影 135

实战：高光效果 135

实战：倒影效果 139

5.7 磨砂和画中画效果 141

实战：磨砂效果 141

实战：画中画效果 144

第6章 多种风格的线性图标 147

6.1 简单线性图标 148

实战：制作more图标 148

实战：制作less图标 149

实战：制作close图标 150

实战：制作play图标 151

实战：制作pause图标 152

实战：制作right图标 153

6.2 不规则多色线性图标 155

实战：制作文件图标 156

实战：制作用户图标 158

实战：制作盾牌图标 160

实战：制作耳机图标 164

实战：制作话筒图标 167

实战：制作水杯图标 170

6.3 描边风格图标 172

实战：描边蜜蜂图标 173

实战：描边恐龙图标 178

第7章 扁平化的图标 183

7.1 天气图标 184

7.2 相机图标 189

7.3 日历图标 194

7.4 加速图标 199

7.5 导航图标 208

第8章 拟物化的图标 215

8.1 时钟图标 216

8.2 调节图标 221

8.3 拟物图标 227

8.4 播放图标 235

8.5 聊天图标 241

软件讲解·设计应用 本书介绍图标设计的基础知识，图标设计常用的工具、功能和辅助效果，并讲解了线性图标、扁平化图标和拟物图标设计的典型实例。 循序渐进·学练结合 内容讲解循序渐进，配合操作实战便于读者边学边练，巩固所学知识。 资源丰富·高效提升 随书提供案例的源文件、素材文件和实例文件，以及操作演示视频，让读者轻松、高效学会图标的设计方法。同时，提供方便教师教学参考的PPT课件。