一.图标

图标图库  http://iconfinder.com/

阿里巴巴矢量图库 http://iconfont.cn/  

       设计师一定要有原创图标的能力，不能沦为素材搬运工。因为这样长期以往，会变得没有竞争力。设计师就是要提高自己的竞争力，与别的设计师形成差异化。一定要有这种意识，不然在未来很快就会失业。老师说的就是血的教训啊，虽然说下载图标，接到需求就到站酷、花瓣上去抄，短期来看，可以很快的完成公司的需求。长期来看，抄会上瘾，而且脑子也越来越不灵光。

     图标可以看出一个设计师和另外一个设计师的差异，

二.图标风格

1）拟物风格     

情感化，情感传达非常强

拟物风格 郗鉴老师设计的拟物风格图标 拟物化主题图标 拟物图标

2）扁平图标

使用类型：手机界面  网页设计 专题等

扁平图标

关键词：metro  window8风格

windows最初改版，从拟物物变成扁平 谷歌的一套图标 发展成为长投影图标 最常用的还是苹果这个风格的图标

        现在的趋势依旧是扁平风格，从拟物到扁平是经历了一个发展阶段的。首先是微软来了一个很牛X的人，由于window7觉得拟物化噪音太了，所以改为扁平化就像window8那样。但是出现了一个问题，随便变成扁平了，但是跟人没有任何链接，而且界面也太花了。所以window8一出来，引来了很大的吐槽。

      谷歌说，你搞定不了的事情，我来搞定。于是出现了谷歌风格的图标，但是感觉上海不是特别好。后来苹果公司把这个扁平风格运用到了极致，加了渐变。所以，每次苹果发布新产品，设计师都会去关注，UI界面发生了什么变化。我们又要开始学习新的UI设计，因为设计也是一个不断更新迭代的过程。

3.1）线性风格

适用类型：手机界面 网页设计 专题等

线性图标 线性图标 郗鉴老师作品 线性图标

1.画图标方法：

推荐在AI里画图标，以为路径非常强大

      在AI里画了图标之后，复制到PS会遇到一个问题。粘贴到PS，会有四个选项，推荐选择形状。但是选择形状，会成为一块。所以，在AI复制一个图标，编辑--扩展。这时候，PS与AI对闭合的理解就一样了。

如果图标出现虚时，这时候ctrl+T,然后左右移动，就可以解决虚边的问题。

3.2）双线图标

内部单线外部双线

双线图标 双线图标 双线图标

3.3）填充图标

填充图标 线性填充图标 线性填充图标

线性填充图标，一般用在底部点击状态。

3.4）彩色线性图标

彩色线性图标 彩色线性图标

3.5）断线线性图标（重点）

断线线性图标 断线线性图标——欧阳念念作品 断线位置在衔接处 每个图标断一个口 断线对齐，得用对齐工具才能对齐

在AI里两个点是对不齐的，要用对齐工具对齐

断线处避免在中心线

4.微光插画图标

微光插画图标 微光插画图标 微光插画图标

5.MBE图标

MBE是一个人名 Mbe作者主页 Mbe作品欣赏 Mbe风格欣赏 MBE作品

四.作业

作业

1.完成一套20个线性图标练习（或者带颜色的图标，或者填充图标）

2.完成课上演示的练习

1）临摹拟物黑胶唱片图标

2）临摹扁平黑胶唱片图标

3）临摹微光图标

3.临摹MBE作者图标