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

界面图标创意设计教程 在网上看过良多设计师的图标建造过程,根基都是方向技法的介绍. 实图标设计过程中除 了技法之外最主要的就是图标创意了,但这方面的系统介绍网上 却是很少.借此次现实的界面 设计项目,来分享下我自己对界面图标建造创意阶段的体例的理解.并以丰硕的图例来阐释自 己的设法!以次作为图形界面设计师交流 的引子!接待巨匠进来交流! 这个过程比力长, 自己只能分阶段的筹备好,发上来!快结业了工作良多,多多谅解! 今天把部门草图放上来!创意声名后续筹备. 第一部门：图标创意阶段 其实这个阶段之前还有个主要的法式,就是创意筹备. 按照项目需求,确定图标的气概,这在界面设计过程中,有气概评测的体例来确定项目是走什么 气概路线.这也是项今朝期用户研究的内容,有潜力的公司会拟定用户脚色,用来指导界面视 觉气概标的目标、界面内容建构和交互设计等！（这个内容以及超出这个话题.） 当我们接到设计使命后，我们怎么起头设计图标呢？首先我们要看懂界面需求，对每个功能 图标的界说要很是清楚，否则我们设计的功效将导致用户难以理 解，这个也是图标设计所 关心的可用性问题！这在我博课里引用了Jakob Nielsens Website 里面的文章“Icon Usability” ，巨匠可以去看看。差的图标设计最终导致用户界面的操作失踪败的体验。但视觉 审美和可用性有时辰存在矛盾的方面，我们不能走极端，只 顾及可用性但轻忽设计美不美 观的一面，也不能追求设计上的美的需求而忘了这是功能性很强的界面图标，最好是能在两 者之间取得平衡！ 理解功能需求后，我们要收集良多关于“词语——图形”之间能转化的元素，用糊口中的物 或 他视觉产物来取代所要表达的功能信息、或操作提醒。例如音 乐：我们会想到，音符、 光盘、音乐播放机、耳机等等。但到底选择什么来表达呢？原则上是越切近用户的心理模子 最好，用巨匠常见的视觉元素无来表达所要传达 的信息。隐喻是在图标设计中是需要的思 维体例！找出物与所指之间的内在寄义，这就要求设计师对糊口的细微不雅察看，丰硕的联 想能力。当然这也就是设计的坚 苦点，做好一个图标设计不亚于好的产物创意设计，包罗 最终的图标建造也是表现设计师能力之处，出格是此刻高分辩率的显示设备大量应用，好的 界面要获得用户 的认可，高质量的图标设计比不成少！（难啊！此刻对 GUI 设计的理解还 只限于平面美工，打点者的意识往往关系到一个行业是否正常成长。我们的工作要获得认 可，需要巨匠的配合尽力！） 下面是我绘制的图标草图： 第二部门：草图绘制阶段 这个阶段就是把我们的创意绘制出来，检验下视觉关系，也就是在视觉方面多在草图上推敲， 这样效率高些，避免在衬着完后来悔怨。（悔怨啥！那就是重来 了！）首先要确定我们图 标透视，这是关系到一套方案中的每个图标的透视标的目标，这是在图标设计一致性方面的 根基要求，透视统一。然后一步步的添加细节。 如下图所示： 在这个阶段我们还要检查下元素之间的组合体例（有文字，巨匠点击看吧，打字很累啊！）。 如下图： 点击放大 图标视觉分析： 往往一个图标要表达必然的寄义就必需组合分歧的形态，借助单个形态所传达的内在信息， 拼合在一路去传达此外一种信息。例 如在设计“导航”功能图标时辰：我们第一反映是与 卫星有关，但就以单个卫星的外形来传达导航的寄义生怕不狗，于是再联想与导航有关的信 息图示：“坐标” “旗号”“陆地”等。再经过设计师以视觉平衡事理合理的安插他们之 间的主次、空间关系。要注重的是：不成随便利用 与要表达功能相关的图形或物体，要经 过 精心的遴选，最好是巨匠熟悉、易记的物或形，事实结果我们的目标是要辅佐用户更 形象的理解计较机法式的内在功能寄义，以易记、易懂为前提。也不能借助过 多的图形来 表达图标寄义，过于复杂反而影响用户的理解。 上图是分析形态组合之间的关系，试探最佳组合体例。形成视觉与功能的统一。 第三部门：草图衬着阶段 等我们把前面的过程走完了，心里有底了。自己感受草图已经很清楚的表达了自己的设法， 而且也能与功能信息慎密亲密的吻合，（我一般是把画好的图标作 个现场测试，给同窗或 同事看，同时问他是否能理解我画的图标寄义）那就起头伟大的衬着工程吧！这里要说下工 具问题，良多人都问，要用什么工具来绘图标，我 的回覆是，只要能画出来，达到目标， 什么都可以，哪怕是手绘后扫描再编纂。一般我们用 PHotoshop 、Illustrato