办公图标练习总结

写这篇文章除了交作业外，还想总结下近期关于图标自己学到的知识和设计过程中的感悟。

一、交作业啦

因自己是个比较喜欢学习成长的人，平常也会用很多效率类的软件，没有什么特长爱好，唯剩3年的工作经验，哈哈，所以就想着做一组办公类的软件。半临摹半原创。

做了3组风格，分别是：线性图标（带渐变）、填充图标（纯色）、MBE卡通风格（有断线和清新的颜色）。

因办公还是偏认真严谨的，所以圆角都给的比较小。

二、图标设计注意事项

1、优秀的线性图标：除了大小一致外，复杂度也应一致，比如线条数量差不多、细节度一致。

2、优秀的断线图标：a.每个图标断1个口、不能太大；b.不能在中心线上断，会显得很板正不俏皮；c.断在衔接处、转折处比较好。（第3组图标混合了MBE风格，所以每个图标会开2-3个口。）

3、AI使用：不会用软件的时候，感觉真的是处处都是墙壁。会PS后AI上手还是快的，目前总结出学习软件方法：a.上优设网看《知识树系列！最容易理解的AI零基础入门教程合集》，是真正的给零基础者的教程。

b.开始画，画的过程中，碰到卡住的地方就问度娘。在问题不断解决的过程中，你就会发现会的越来越多，而且这些也都是你最需要的。

AI真的很适合画图标！所以哪怕不会也要学啊！

4、线条描边大小和形状大小尽量为偶数的整数：a.方便中心对齐；b.导入PS后，虚线的情况会比奇数的少一些。

5、AI复制到PS的方法：

a.画完1个图标后，一定要先复制，保留原稿，以防后面还要调整。选中复制出的图标，【对象】-【拓展】-【外观和描边】都勾上-ctrl c复制。

AI里画的路径是单线的，直接粘的话PS识别不了没封闭的形状，所以需要先拓展，将路径变成在外围封闭的路径。

b.到PS界面，ctrl v粘贴为【形状图层】，这样可以在PS里直接修改。

粘贴为【智能对象】：要双击图层在AI里修改，粘贴时注意 把【添加到我的当前库】的勾去掉，不然电脑配置不够会死机。

粘贴为【像素】：只能进行大小的修改，而没有办法进行形状的调整。

粘贴为【路径】：变成路径，而不能填充颜色。

6、郗鉴老师语录：一个专业的UI设计师，图标的直线是不能虚的。让直线变实的方法：

a.选择工具状态下，ctrl+T后，按键盘上键再按下键，扭一扭。

b.如果还虚，可能是因为宽度长度不是整数，放大看到像素格子，手动把锚点放到端点上。

c.如果b的方法不合适的话，就再画个形状，用布尔运算把虚边裁掉或补实。

7、做完线性图标后变为填充态的简便方法：选择工具状态下，选中图标，在布尔运算下面有【合并形状组件】，把里面的锚点删除，就会反白。

（排版上，为了对齐，用参考线打了格子。但还存在因图标形状不规整，导致视觉上排版不规整的情况，所以还需要再学习下栅格化设计，以后图标设计在形象的基础上也要注意形状的规整。）

三、改稿总结

总共改了8稿，存在的主要问题有：

1、背景色太重，导致视觉重心在背景上，而不是图标。画面透气感很差。

2、头部排版上太短，不够大气。

3、对比问题：标题和背景间的对比度不够。

4、标题大小：把握不是很好。

5、背景、标题设计上：比较单调。

这次作业还是有挺多体会的：

1、郗鉴老师在教学过程中通常会设立高目标，让我们的进步速度也很高速。最开始画自画像，就让我们去找dribbble上的优秀作品来临摹，结果发现自己慢慢做也能临摹下来。

到图标作业上，希望我们能原创。那个时候我临摹的图标数量都不够2位数，原创想都不敢想。但逼自己去做，头2行的原创图标也画下来了。

所以有时候真的要对自己要求高一点。

2、排版CRAP原则和别的同学作业上踩的坑自己都清楚的很，但到自己时，总觉得自己这样设计是有原因的，比如不小心调到1个好看的配色，然后就觉得对比还可以呀，就不想改。

所以在设计时要客观，而不能自我感动。

设计本身是服务行业。

可怕的不是落后，而是止步，继续加油。