UI设计教程:界面图标创意设计

　　图8 (+点击放大)

　　图标视觉分析：

　　往往一个图标要表达一定的含义就必须组合不同的形态，借助单个形态所传达的内在信息，拼合在一起去传达另外一种信息。例如在设计“导航”功能图标时候：我们第一反应是与卫星有关，但就以单个卫星的外形来传达导航的含义恐怕不狗，于是再联想与导航有关的信息图示：“坐标”“旗帜”“陆地”等。再经过设计师以视觉平衡原理合理的布置他们之间的主次、空间关系。要注意的是：不可随便使用其与要表达功能相关的图形或物体，要经过精心的挑选，最好是大家熟悉、易记的物或形，毕竟我们的目的是要帮助用户更形象的理解计算机程序的内在功能含义，以易记、易懂为前提。也不能借助过多的图形来表达图标含义，过于复杂反而影响用户的理解。

　　上图是分析形态组合之间的关系，探索最佳组合方式。形成视觉与功能的统一。

　　第三部分：草图渲染阶段

　　等我们把前面的过程走完了，心里有底了。自己觉得草图已经很清楚的表达了自己的想法，并且也能与功能信息密切的吻合，（我一般是把画好的图标作个现场测试，给同学或同事看，同时问他是否能理解我画的图标含义）那就开始伟大的渲染工程吧！这里要说下工具问题，很多人都问，要用什么工具来画图标，我的回答是，只要能画出来，达到目的，什么都可以，哪怕是手绘后扫描再编辑。一般我们用PHotoshop、Illustrator、Firework等软件来绘制，这要看你的习惯，以及对软件的熟悉程度。我用的就是比较偏的软件Xara Xtreme pro,这是个矢量软件，功能强大，速度快。但软件体积很小，功能比较专注于绘制，绘制方式自由，只要你有艺术功底，就可以绘制漂亮的图标。下面我会以过程方式讲述Xara绘制图标的过程。