界面图标创意设计教程.pdf

《界面图标创意设计教程.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、界面图标创意设计教程在网上看过良多设计师的图标建造过程,根基都是方向技法的介绍.其其实图标设计过程中除了技法之外最主要的就是图标创意了,但这方面的系统介绍网上却是很少.借此次现实的界面设计项目,来分享下我自己对界面图标建造创意阶段的体例的理解.并以丰硕的图例来阐释自己的设法!以次作为图形界面设计师交流的引子!接待巨匠进来交流!这个过程比力长,自己只能分阶段的筹备好,发上来!快结业了工作良多,多多谅解!今天把部门草图放上来!创意声名后续筹备.第一部门：图标创意阶段其实这个阶段之前还有个主要的法式,就是创意筹备.按照项目需求,确定图标的气概,这在界面设计过程中,有气概评测的体例来确定项

2、目是走什么气概路线.这也是项今朝期用户研究的内容,有潜力的公司会拟定"用户脚色",用来指导界面视觉气概标的目标、界面内容建构和交互设计等！（这个内容以及超出这个话题.）当我们接到设计使命后，我们怎么起头设计图标呢？首先我们要看懂界面需求，对每个功能图标的界说要很是清楚，否则我们设计的功效将导致用户难以理解，这个也是图标设计所关心的可用性问题！这在我博课里引用了JakobNielsen'sWebsite里面的文章“IconUsability”，巨匠可以去看看。差的图标设计最终导致用户界面的操作失踪败的体验。但视觉审美和可用性有时辰存在矛盾的方面，我们不能走极端，只顾及可用性但轻忽设计

3、美不美观的一面，也不能追求设计上的美的需求而忘了这是功能性很强的界面图标，最好是能在两者之间取得平衡！理解功能需求后，我们要收集良多关于“词语——图形”之间能转化的元素，用糊口中的物或其他视觉产物来取代所要表达的功能信息、或操作提醒。例如音乐：我们会想到，音符、光盘、音乐播放机、耳机等等。但到底选择什么来表达呢？原则上是越切近用户的心理模子最好，用巨匠常见的视觉元素无来表达所要传达的信息。隐喻是在图标设计中是需要的思维体例！找出物与所指之间的内在寄义，这就要求设计师对糊口的细微不雅察看，丰硕的联想能力。当然这也就是设计的坚苦点，做好一个图标设计不亚于好的产物创意设计，包罗最终的图标

4、建造也是表现设计师能力之处，出格是此刻高分辩率的显示设备大量应用，好的界面要获得用户的认可，高质量的图标设计比不成少！（难啊！此刻对GUI设计的理解还只限于平面美工，打点者的意识往往关系到一个行业是否正常成长。我们的工作要获得认可，需要巨匠的配合尽力！）下面是我绘制的图标草图：第二部门：草图绘制阶段这个阶段就是把我们的创意绘制出来，检验下视觉关系，也就是在视觉方面多在草图上推敲，这样效率高些，避免在衬着完后来悔怨。（悔怨啥！那就是重来了！）首先要确定我们图标透视，这是关系到一套方案中的每个图标的透视标的目标，这是在图标设计一致性方面的根基要求，透视统一。然后一步步的添加细节。如下图

5、所示：在这个阶段我们还要检查下元素之间的组合体例（有文字，巨匠点击看吧，打字很累啊！）。如下图：点击放大图标视觉分析：往往一个图标要表达必然的寄义就必需组合分歧的形态，借助单个形态所传达的内在信息，拼合在一路去传达此外一种信息。例如在设计“导航”功能图标时辰：我们第一反映是与卫星有关，但就以单个卫星的外形来传达导航的寄义生怕不狗，于是再联想与导航有关的信息图示：“坐标”“旗号”“陆地”等。再经过设计师以视觉平衡事理合理的安插他们之间的主次、空间关系。要注重的是：不成随便利用其与要表达功能相关的图形或物体，要经过精心的遴选，最好是巨匠熟悉、易记的物或形，事实结果我们的目标是要辅佐用

6、户更形象的理解计较机法式的内在功能寄义，以易记、易懂为前提。也不能借助过多的图形来表达图标寄义，过于复杂反而影响用户的理解。上图是分析形态组合之间的关系，试探最佳组合体例。形成视觉与功能的统一。第三部门：草图衬着阶段等我们把前面的过程走完了，心里有底了。自己感受草图已经很清楚的表达了自己的设法，而且也能与功能信息慎密亲密的吻合，（我一般是把画好的图标作个现场测试，给同窗或同事看，同时问他是否能理解我画的图标寄义）那就起头伟大的衬着工程吧！这里要说下工具问题，良多人都问，要用什么工具来绘图标，我的回覆是，只要能画出来，达到目标，什么都可以，哪怕是手绘后扫描再编纂。一般我们用PHoto

7、shop、Illustrator、Firework等软件来绘制，这要看你的习惯，以及对软件的熟悉水平。我用的就是比力偏的软件XaraXtremepro,这是个矢量软件，功能壮大，速度快。但软件体积很小，功能比力专注于绘制，绘制体例自由，只要你有艺术功底，就可以绘制标致的图标。下面我会以过程体例讲述Xara绘制图标的过程。时候紧,简单的把前面的草图图标设计用XARA建造个最终结果!先放个简单过程,今后补上完整的!