图标设计过程中需要注意的10种错误

2016-02-17 03:32 69 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享图标设计过程中需要注意的10种错误教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - 平面设计 】

批评别人的作品比自己制作一个优秀的作品要容易得多。但如果你使用一个有系统的方式去批评,列出项目清单并准备好插图,它就会被认为是个成熟的分析!在我看来,图标设计正经历着一个过渡阶段。一方面,屏幕分辨率在增长,因此要提高图标品质。另一方面,我们仍拥有好的旧款图素。16X16乃至于更小的图标仍在被广泛使用。所以,这里为大家介绍一下在图标设计中很容易被观察到的错误。

1.图标间差异不充分

有时,在一套图标中,我们的一些图标看起来很像,这让人很难分辨出哪个是哪个。如果你不注意说明,你会很容易把这些图标混在一起。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

MacOS X中的图标。我经常把他们搞混以致选错程序。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

问题在显示小图标时变得更严重。

2.图标中元素过多

图标越简单、简洁,就越好。把一个图标中的元素控制到尽可能少的数量是很可取的。

然而,微软的设计师们,受到windows vista新的图标设计特征的启示,决定设计巨大、肿胀的图标来证明他们拥有庞大的预算。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

每个图标用复杂的构图给我们展现出微小的信息,问题在于在使用小图标时你无法搞清它在描述什么。甚至使用在大图标时,有时也不是那么容易搞清图标的含义。

3.不必要的元素。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

图标应该被轻松识读。图标元素越少越好。最好让整个图像具有相关性,而不是只是一部分。因此,你必须注意使用这些图标的环境。

让我们看看数据库中图标的例子:

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

一眼扫过,没什么问题。

但是如果这个应用程序(或者独立工具栏)仅仅与数据库有关,你可以(也理应)去掉不必要的部分。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

含义没有丢失,可是图标更好辨识了。

这是个BeOS5图标中使用不必要元素的鲜活例子。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

这里的对号绝对多余,另外,它们为什么是红色的?

4.一套图标的风格缺乏一致性

图标风格上的一致使得多个图标称为一套。一致性可以是以下的任何一种。色彩设计、透视、大小、绘画技巧或以上多种的结合。如果一套中只有一些图标,那么设计者可以把一些规则记在脑中。可是如果一套中有许多图标,或者有好几个设计者在绘制(比如制作操作系统的图标),那么就要制定一些特别的规则。这些规则需要从细节描述如何绘制图标,从而使其契合这个系列。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

WindowsXP中的shell32.dll文件中有大量风格,这是给希望更换图标的用户提供的默认图标

5.小图标中使用不必要的透视和阴影

事物一直在发展:界面中已经可以呈现出半透明物体了。没有了颜色使用数量的限制,目前有向3D图标发展的趋势。可是,这真的有用吗?不一定!尤其是在16X16乃至更小的图标中。

举例来说,让我们看看GNOME 2.2.0 (RedHat 9)的应用程序管理器。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

在这么小的图标中使用透视画法没有必要,甚至是事与愿违

这是XP的应用程序管理器

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

作为标准,XP中的图标是用了2个像素的阴影,但是在16X16的图标中,这种阴影显得太大了,而且让图标显得很脏。地址簿在这种形式中显得特别差。

6.过于原创的隐喻

在选择图标要表现的内容时,要兼顾易识别性和原创性。在一个隐喻(比喻)使用前,看看它在其他产品中的表现是明智的。也许最好的方式不是选择原创而是接受已有的方法。

OS/2 Warp4中回收站的过度创意就是一个例子。它实际上不是一个回收站,而是一个碎纸机。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

选择碎纸机的另一个问题是,并没有一个类型著名的碎纸机。这个图标看起来很像藏着章鱼的打印机。而且,在这个创意中,满了的回收站难以表现出来。

7.没有考虑国家和社会特征

考虑到你的图标将被运用到的环境是十分必要的。一个重要的方面就是国家特征。文化传统,环境,手势在不同国家的意思可能完全不同。

让我们设想一下,如果我们要画一个关于电子邮件的图标。使用一个真实邮箱的创意是绝好的。例如以下邮箱:

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

这些邮箱图片选自维基辞典。

答案可以在MacOS X图标创作指南中找到。使用可以被轻松识读出的全球通用图像。避免注重在一个元素的次要方面。例如:一个电子邮件图标,使用一个乡村邮筒比使用一枚邮票难认。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

使用一个邮票的创意很好,可是使用一个红尾鵟的图像显然是有问题的。

然而,你不仅仅要考虑国家元素。这让我想到了一些有趣的事。曾经,我们需要一个数据过滤器的图标。它一般被做成一个漏斗。它是这样画的:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

委托人这样表示:我难以理解到它是一个过滤器,你画了一个形状类似马提尼酒杯的图标。

8.在图标中单纯使用界面化图标。

MacOS X的图标创作指南告诉我们:避免在你的图标中使用Mac Aqua界面元素。他们会对真正的界面元素感到困惑。但一切都是徒劳。比如说,看看下面的图标:

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

你本要单击图标,可是结果点击了整个图标。

这是OmniWeb浏览器界面的有趣例子:

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

注意向前和向后的按钮,少见的有说明文字在下面的图标。哦!它们根本不是按钮,他们是图标!

9.图标中的文字

这个错误在应用程序图标中很常见。明显,当使用一个应用程序图标时首先跃入脑海的是应用程序的logo。把文字放到图标里多不好啊!首先,它受限于语言而阻碍了本土化。其次,如果图标很小,读出文字就很难。第三,在有应用程序图标存在的情况下,这个文字在应用程序名字中重复了。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

10.边沿像素

作为一个规则,这个问题在你使用矢量绘图工具绘图时存在。在大的尺寸下,每样都很美丽和清楚。但实际上这些图标很小,并且物体边沿需要完成反锯齿栅格化处理。

图标设计过程中需要注意的10种错误,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1578100.html

延伸阅读
标签: 分娩
众所周知,顺产是对母婴最好的分娩方式,但顺产时的剧痛也是人们无法想象的,因此如何减缓顺产阵痛就成了很多准妈妈急需了解的,下面,小编为您介绍5种顺产过程中的镇痛方式。 自然分娩有多疼? 准妈妈们不要太担心,其实分娩时的疼痛是你能够忍受的。首先是羊水破出,你会觉得肚子发硬,时间不确定,有的人敏感会觉得阵痛无...
标签: 孕期
孕妇如何胎教让宝贝最聪明     人们在胎儿时期,大脑就开始发育了,所以孕妇们在孩子们还是胎儿期的时候,就恰当的进行胎教的话,是可以让孩子们的发育更加的有优势的。下面就一起了解下孕妇必www.Tulaoshi.com知的胎教知识。         1、反应迅速。      反应迅速,...
标签: 孕期
孕期胎教过程中需注意什么     怀孕妈妈们都是了解到对自己的宝宝进行胎教,会更加利于他们以后的成长的,所以都会按照一些胎教方法来做,但是在进行胎教的过程中,是有一些注意事项的哦,否则的话反而对宝宝不利的哦。下面就一起了解下胎教中有哪些的注意事项。        适宜:是指给胎...
标签: 分娩
分娩过程中危及生命的三种情况     艰辛而幸福的十月妊娠,终于到达分娩时刻,此时都希望妈咪能够顺利分娩,宝宝健康诞生,母子平安。可是在这个未知的分娩过程中往往会出现一些无法料及的小插曲,甚至会对分娩造成威胁。那么今天就跟随图老师小编一起来了解下在分娩过程中会危及生命的三种情况吧。 ...
这篇文章介绍通过链接器的选项,在应用的迁移过程中指定链接库的静态版本 在应用程序移植的过程中,有时会遇到第三方的动态库所依赖的符号在操作系统的 glibc 里不再支持的情况,对于这种情况可以用链接器的选项 '-Bstatic' 指定链接时链接库的静态版本。对于下面这个例子:执行make的时候,显示如下 cc   -o FOOPro  foos...

经验教程

924

收藏

23
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部