来源:uimaker.com 作者:zocdesign
想法： ZOCdesign 业务图标五枚，（移动设备GUI制作，WEB网站网页设计，网络前端制作，桌面软件ui交互设计与制作等 ）选择其中一枚（前端制作）作为图标制作流程说明。
贴上业务图标若干枚
1，设计思考以及图标草图绘制 ；
图标是一种替代文字的电脑图形，首先我们就要了解所替代文字的含义。前端制作是基于WEB页面设计之后的页面代码制作和优化，尤其是WEB2.0之后，前端重视程度日趋提高。而前段，在客户和大量使用者中，前端的工作被两个字替代：切图。 设计元素的来源，就从切图二字来考虑。贴上草图一张：
主要考虑的两个元素：切割机+代表网页设计的页面草稿，以切开的方式表达这个含义。增加切割机的转动和火花的动感，丰富整个图标；
再贴一张最后成品图样；
第一步：拿统一透视线拖入新建的PSD文件中，如图： 第二步：透视线的透明度降低，保证不影响剩余工作流程，而不影响参考价值；根据透视线，绘制第一步网页板，如图： 增加网页板厚度，增加少许阴影，如图： 第三部：制作切割的切割刀，首先制作正圆，制作简单的光影。制作完成之后，改变透视效果，框进之前的透视线内，见图：
