31


在上一篇文章中我们了解了图标的起步和发展。从对办公用品的渲染到玻璃模拟再到超全彩色。以及如何从黑白演变到现在的过度多元的色调。在这一部分中我将更深入的了解图标以及各种意义。
什么 是 一个图标?
Ì ¨ CON组 – 名词 (计算机)图片或符号,出现在一台监视器,用于代表一个命令抽屉,作为一个文件来代表提交- dictionary.com
因此,我们知道何谓“图标”中的字的传统意义上的计算,但如何解释这一切说明,我们今天看到的图标?如果是一个茶壶,飞船或鸡斗这样的精美渲染图像应该在用户界面中代表什么?有一些关于这个问题的答案。
应用程序图标: 应用程序图标是一个传统的设计很好的例子联合国。 这些图标通常有一个应用程序本身的趋势表示强烈的令人难忘的形象走向结束。
网站导航: 网站导航是另一个地方,你会发现一些不寻常的“图标”设计。 该图标的解释是依赖于使用的上下文中,它是,它是确定以使用非传统的设计,观众只要知道它的功能是。
格式: 违抗了一些设计功能的解释,这样的形式为“。” 这意味着该图标的设计美学的纯粹。
不管如何严格或不寻常的设计,所有图标应当作出规范的问题 – 将有更多,很快。
下面你会看到一个现代化的图标设计崩溃。 有些人会说,在“说明”的图表图标方不应被视为偶像。 这部分是真实的,他们不是传统的图标,但它们在现代意义上的图标,他们可以代表应用软件,游戏或一个特定的范围内。
在图表的左边的图标,将被认为是传统与现代捻图标图标。 我们立刻联想到这些图标的功能,这是由30多个视觉语言,这是一个强大的设计取得成功经验的因素。
下图表中的图标图标既不是说明性或信息,但两者的结合。 信封是因为它的传统形式,但它可以被视为不同的,因为它渲染,像这样的工程的设计在一定范围内最好的。 蓝Twitter的鸟类已经从互联网用户立即识别,但沦为一个非用户蓝色鸟插图喜欢我和文体GTalk的气泡也相当依赖于品牌联想。

链接的图标以上(排名不分先后)泵起来,由mgilchuk, 我Breafast,由闪烁, SNOW.E 2的Windows XP中,RADE8, CS3的iKons -运,副科尔, 泡沫的iChat,由Delta909, 冰淇淋图标集,由Miniartx 蝙蝠侠面具,由Svengraph, 在热情:我们的爱,由Raindropmemory Twitter的鸟,由freakyframes, 星球大战车辆Archigraphs,由Cyberella74 Systematrix全部由royalflushxx, 新Moshii世界,由anekdamian, 体细胞重生附加功能,通过该Iconfactory和大卫拉纳姆

公约和规格
当以往的惯例设计的图标为一个接口你不能去。 接近你入住前如何设计的一个迹象。 你会发现,大多数的软件和用户界面包有类似的图标,这是因为 用户体验 (UX操作系统)。 如果用户突然面临的设计,他们不期望或舒服,他们很可能会令人感到混淆。
如果你正在设计一个特定的平台,始终检查开发商注意到在开始之前,这些都会给你一个的大小,前瞻性的想法,和颜色调色板你应该用。 你可以找到两个苹果和微软开发人员注意到环节的“资源,进一步阅读”在文章最后一节。

现代规格
图标规格变得更加复杂与每一个新技术或操作系统。 Windows和Mac是一个多种族武器大小的图标,最大512像素图标迄今衡量一个巨大的。 巨大的图标趋势有很大的屏幕分辨率与现代,却也有一定的 流口水的因素 有一个巨人,完美呈现图标。 看看下面的例子,如果你不相信我!

AppZapper比林斯事物科达 的Mac应用程序图标(小尺寸以适合这个职位!)

现在,我已经向您展示了 口水沃西 图标,让我们走上了一些自己的图标我设计。 下面的例子是去建造。ICO文件提出的谁知道我在我以前的生活作为一个图标和界面设计(如 LoungeKat 可能并不知道这一事实)。 主要256px图标已在Adobe的Photoshop的形状和图层样式,那么,它就重新为每个单独的大小缩放(64,48,32,16)和工具导入到Microangelo将合并为一个。条例。 该256px图标没有图标部分文件本身,而是需要包括在该软件是作为一个透明的PNG大小窗口呼吁如果。 这样可以使文件的大小了。
正如你所看到的,我已经用在不同的颜色深度和大小的图标设计一些变化。 图标包括这些尺寸和色彩空间容纳所有的,他们可以通过不同的方式看待操作系统所有。

重要的是要设计各种大小分别,缩放一大图像可以使设计看起来模糊。 当你设计一个16px图标它总是最好把下至像素的看法。 正如你可以看到,一个放置数以及像素可以传达比你更想。 你可以阅读各种规格的其他信息图标,以及软件产业的建议Axialis 图例。

一个缩放的例子

为了更好地了解一个图标,我建议看许多不同的操作系统,程序,界面和尽可能门户。 想想不同的颜色和隐喻的方式为每个应用程序使用。 其中突出的图标易理解(也许该文件夹或垃圾桶罢工的最知名的吗?),这需要进一步解释图标? 相信我,你会惊讶你了解背后的视觉语言,我们每天使用的,往往认为是理所当然的心理了。

PS: 英文翻译水平有限,只能借助谷歌大师的翻译,比较蹩脚,所以,如果你的英文还好,可以看下面的原文链接!
http://psd.tutsplus.com/articles/theory/know-your-icons-part-2-modern-icon-design/

标签:, , ,