图标制作过程文档格式.docx
《图标制作过程文档格式.docx》由会员分享,可在线阅读,更多相关《图标制作过程文档格式.docx(9页珍藏版)》请在冰点文库上搜索。
草图绘制阶段
这个阶段就是把我们的创意绘制出来,检验下视觉关系,也就是在视觉方面多在草图上推敲,这样效率高些,避免在渲染完后来后悔。
(后悔啥!
那就是重来了!
)首先要确定我们图标透视,这是关系到一套方案中的每个图标的透视方向,这是在图标设计一致性方面的基本要求,透视统一。
然后一步步的添加细节。
如下图所示:
在这个阶段我们还要检查下元素之间的组合方式(有文字,大家点击看吧,打字很累啊!
)。
如下图:
图标视觉分析:
往往一个图标要表达一定的含义就必须组合不同的形态,借助单个形态所传达的内在信息,拼合在一起去传达另外一种信息。
例如在设计“导航”功能图标时候:
我们第一反应是与卫星有关,但就以单个卫星的外形来传达导航的含义恐怕不狗,于是再联想与导航有关的信息图示:
“坐标”“旗帜”“陆地”等。
再经过设计师以视觉平衡原理合理的布置他们之间的主次、空间关系。
要注意的是:
不可随便使用其与要表达功能相关的图形或物体,要经过精心的挑选,最好是大家熟悉、易记的物或形,毕竟我们的目的是要帮助用户更形象的理解计算机程序的内在功能含义,以易记、易懂为前提。
也不能借助过多的图形来表达图标含义,过于复杂反而影响用户的理解。
上图是分析形态组合之间的关系,探索最佳组合方式。
形成视觉与功能的统一。
第三部分:
草图渲染阶段
等我们把前面的过程走完了,心里有底了。
自己觉得草图已经很清楚的表达了自己的想法,并且也能与功能信息密切的吻合,(我一般是把画好的图标作个现场测试,给同学或同事看,同时问他是否能理解我画的图标含义)那就开始伟大的渲染工程吧!
这里要说下工具问题,很多人都问,要用什么工具来画图标,我的回答是,只要能画出来,达到目的,什么都可以,哪怕是手绘后扫描再编辑。
一般我们用PHotoshop、Illustrator、Firework等软件来绘制,这要看你的习惯,以及对软件的熟悉程度。
我用的就是比较偏的软件XaraXtremepro,这是个矢量软件,功能强大,速度快。
但软件体积很小,功能比较专注于绘制,绘制方式自由,只要你有艺术功底,就可以绘制漂亮的图标。
下面我会以过程方式讲述Xara绘制图标的过程。
时间紧,简单的把前面的草图图标设计用XARA制作个最终效果!
先放个简单过程,以后补上完整的!