图标设计心得.docx

图标设计心得

第一篇：图标设计心得东莞生活网：www.hidg.net图标设计在这里分享下我对于图标设计的一些心得体会。说的不好，还请各位看客包涵指正。图标在我们日常生活中被广泛应用，软硬件、网页、社交公共场合无所不在。广义来说，图标就是具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。狭义来说，就是我们所熟悉的在计算机程序方面的应用。包括：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。如今图标被广泛的应用，其价值也是显而易见的。一套好的图标能够为用户直观传达所描述的物体，减轻用户的认知负担，特别是一些抽象的功能和意义。同时增添图标的精美度不仅能提升整个界面的吸引力和观赏性，还能使产品与用户产生共鸣。下面以制作电话本和短消息这两个图标为例。设定风格。通观整个图标设计，设定风格是基础，亦是非常重要的一步。需要对整套图标进行周全的构想，因为这一步为图标设定了一个方向，之后图标设计的造型，上色的深入展开都要以此为基础。在这里我设定的是复古做旧的风格。绘制草图。这一步骤主要是设计图标的造型。造型在图标设计中有着决定性的影响，他直观的给用户展现其所代表的含义。而草图是最直观，最快速展现设计构思的一种方法。此时我们可以通过头脑风暴列举出一些能让用户一目了然，又贴合电话本和短消息含义的元素，同时列举的元素又要符合复古做旧的风格。因此，我选取做旧的通讯录来表示电话本，选取羽毛笔和信纸来表示短消息。在绘制草图时，要注意图标造型的统一，方向的一致性，使图标有充分的辨识度。其次要控制单个图标元素的数量与其他图标相协调，用最少的元素来表达图标的含义。不然过多的元素不仅会使图标臃肿不堪，更会使图标的含义模糊不清，难以琢磨。东莞汽车频道：auto.hidg.net东莞生活网：www.hidg.net上色刻画。在确定造型之后，就需要对图标上色以及深入刻画。东莞汽车频道：auto.hidg.net东莞生活网：www.hidg.net东莞汽车频道：auto.hidg.net东莞生活网：www.hidg.net东莞汽车频道：auto.hidg.net东莞生活网：www.hidg.net总结一，设计一套完整的图标要确保其风格的一致性。在造型，透视，大小，色彩，效果处理等各个方面做到统一，以保证每个图标都与其风格相契合。其次，控制图标元素的数量，对一些不必要的元素要果断去除。图标应该是一种能使用户轻东莞汽车频道：auto.hidg.net东莞生活网：www.hidg.net松识别的图形语言，而不是成为用户阅读的负担。更要充分展现各个图标间的差异程度，提升图标自身的辨识度，从而帮助用户理解阅读。再则还要考虑这套图标所应用的环境。不同国度，不同社会环境，不同文化传统对图形也有不同的认识理解。同时也要考虑到人们的情感因素，避免使用敏感图形。所以在设计开始就应考虑周详，谨慎使用。最后，画图标要有足够的耐心，对于细节要不怕繁琐,细心揣摩。（详细咨询：东莞论坛——汽车频道）东莞汽车频道：auto.hidg.net第二篇：图标设计心得图标设计心得December22,2010adali图标在生活中运用是显而可见的。例如：男女厕所标志和各种交通标志等。在计算机系统或软件方面的应用也是很广泛。例如：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。下面的例子更形象的说明这个问题。(图片来源：九铭)外国人A与中国人B，两人在语言上存在差异对文字的认识是不同的，用图标来表示，会缩短语言描述的距离。所以图标更具有快捷传达信息、便于记忆的特性。那么图标被广泛使用的时候，什么样的图标才是好图标呢？好图标从两个角度去认识：辨识度与精致度。辨识度：图标能够直观的表现要描述的物体。精致度：在精美的页面或者系统界面上，精致的图标能提升整个页面的最佳视觉。那么怎么样才能做出一套好的图标？在图标设计过程中需要注意哪些问题？在《图标设计语言》中作者YegorGilyov(来源站点TurboMilk)曾提到“如果你需要画几个图标，你需要整体考虑这个站点所有图标，然后再开始使用软件绘制。”如果你的icon全都是粗糙模糊的造型或拙劣的渐变色，那么这个icon很失败，不能当作是“风格的问题”来了事。这样的icon不仅仅会毁掉整个页面的美观，更让被描述的文字降低了被查看的欲望，对你的用户来使用或阅读它是一种极大的痛苦。Icon的细节包含对颜色的使用，对造型的创新，对质感的体现。Icon的设计步骤我认为icon设计遵循上面的一个规则，在做icon的前提要先构思好整个icon的风格，有了构思可以开始造型设计接着就是上色，然后对整体的icon进行细节修改。Icon的要点从学会批评别人开始曾经有人说过：“批评别人的作品比自己制作一个优秀的作品要容易得多。但如果使用系统的方式去批