界面图标创意设计教程

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

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

                    本文档为【界面图标创意设计教程】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

界面图标创意设计教程

你可能还喜欢