导语

  

内容提要

  

    陈毅杭编著的《Photoshop图标设计基础与案例教程》主要介绍如何使用Photoshop CS6进行UI图标设计。全书内容包含UI图标设计的理论基础和思维拓展，并涵盖了各种不同风格的典型设计案例。另外，本书对一些重要案例的设计思路和配色方法进行了全面讲解。
    本书共8章，不但对图标设计的理论知识和软件操作技巧进行了讲解，还配以典型案例全面解析了图标设计学习的整个流程，让读者快速打牢基础并加以运用。全书特别添加了“技巧与提示”，记录实际操作和工作中容易遇到的问题及解决方法。本书的案例顺应了UI图标设计的发展趋势，包含由简到难的线性图标、扁平化风格图标和拟物化风格图标。
    本书附带下载资源，内容包括书中所有案例的源文件、效果文件、素材文件和多媒体教学，读者可以通过在线方式获取这些资源，具体方法请参看本书前言。本书非常适合 作为UI图标设计的初、中级读者的入门与提高参考书，也可作为院校和培训机构UI设计专业课程的教材。

第1章  学习图标前的理论知识
  1.1  图标的基础
    1.1.1  图标是什么
    1.1.2  图标的类型
    1.1.3  图标的功能
    1.1.4  图标和Logo的区别
  1.2  分辨率和像素的基础
    1.2.1  屏幕尺寸
    1.2.2  屏幕分辨率
    1.2.3  像素密度
  1.3  常见图标的尺寸
    1.3.1  iOS图标尺寸
    1.3.2  Android图标尺寸
  1.4  图标的格式
    1.4.1  PNG格式
    1.4.2  SVG格式
    1.4.3  ICO格式
  1.5  制作图标的常用软件
    1.5.1  Phot
    1.5.2  Illust
    1.5.3  S
  1.6  图标设计学习要点
    1.6.1  了解iOS和Android的设计特点
    1.6.2  图标风格的掌握
    1.6.3  图标配色的掌握
    1.6.4  图标形状的掌握
    1.6.5  图标效果的掌握
  *  2章  图标设计的必  备知识
  2.1  控件类图标的设计法则
    2.1.1  可识别性
    2.1.2  美观性
    2.1.3  视觉一致性
    2.1.4  情感表达
  2.2  应用类图标的设计特点
    2.2.1  高辨识度
    2.2.2  独特的形状
    2.2.3  使用网格系统
    2.2.4  简化文字
  2.3  图标的设计流程
    2.3.1  设计前的思考
    2.3.2  寻找隐喻
    2.3.3  抽象图形
    2.3.4  设计分析
    2.3.5  风格确立
  2.4  图标的设计风格
    2.4.1  风格间的区分
    2.4.2  扁平化风格
    2.4.3  拟物化风格
    2.4.4  为什么扁平化更迎合时代
  2.5  色彩搭配速成
    2.5.1  色彩的三要素
    2.5.2  色彩的模式
    2.5.3  取色配色法
    2.5.4  同色系配色法
    2.5.5  对比色配色法
    2.5.6  邻近色配色法
    2.5.7  类似色配色法
第3章  图标设计前的基础操作
  3.1  必知的三大功能
    3.1.1  图层
    3.1.2  蒙版
    3.1.3  文字
  3.2  绘制图形的工具
    3.2.1  矩形工具
    3.2.2  圆角矩形工具
    3.2.3  椭圆工具
    3.2.4  多边形工具
    3.2.5  直线工具
    3.2.6  自定形状工具
    3.2.7  钢笔工具
第4章  让图标质感提升的功能
  4.1  必  备的十大样式
    4.1.1  斜面和浮雕
    4.1.2  描边
    4.1.3  内阴影
    4.1.4  内发光
    4.1.5  光泽
    4.1.6  颜色叠加
    4.1.7  渐变叠加
    4.1.8  图案叠加
    4.1.9  外发光
    4.1.1  0  投影
  4.2  灵活的布尔运算
    4.2.1  什么是布尔工具
    4.2.2  布尔的运算规则
    4.2.3  布尔运算的条件
    4.2.4  如何布尔
  实战：布尔书本图标
  实战：布尔音乐图标
第5章  图标辅助效果的掌握
  5.1  弥散阴影
  实战：弥散阴影
  实战：渐变弥散阴影
  5.2  内缺角阴影
  实战：比萨内缺角阴影
  实战：剪刀内缺角阴影
  5.3  长阴影
  实战：简单长阴影
  实战：质感长阴影
  实战：文字长阴影
  5.4  金属效果
  实战：拉丝金属效果
  实战：金属质感效果
  5.5  木纹和水波纹效果
  实战：木纹效果
  实战：水波纹效果
  5.6  高光和倒影
  实战：高光效果
  实战：倒影效果
  5.7  磨砂和画中画效果
  实战：磨砂效果
  实战：画中画效果
第6章  多种风格的线性图标
  6.1  简单线性图标
  实战：制作more图标
  实战：制作less图标
  实战：制作close图标
  实战：制作play图标
  实战：制作pause图标
  实战：制作right图标
  6.2  不规则多色线性图标
  实战：制作文件图标
  实战：制作用户图标
  实战：制作盾牌图标
  实战：制作耳机图标
  实战：制作话筒图标
  实战：制作水杯图标
  6.3  描边风格图标
  实战：描边蜜蜂图标
  实战：描边恐龙图标
第7章  扁平化的图标
  7.1  天气图标
  7.2  相机图标
  7.3  日历图标
  7.4  加速图标
  7.5  导航图标
第8章  拟物化的图标
  8.1  时钟图标
  8.2  调节图标
  8.3  拟物图标
  8.4  播放图标
  8.5  聊天图标