星际争霸斯图科夫攻略:脱颖而出的创意图标设计法宝 - 我爱68 - 5268 - 和讯博客

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 17:10:51
脱颖而出的创意图标设计法宝 [转贴 2005-09-07 12:16:17 ] 发表者: 5268   

抛开技术不谈,从我的角度来看,图标设计有三点是非常重要的:创意,细节,整体性。本文我们主要讲整体性。

整体性:一套完整的图标应该来自同一个地方

你必须让你所绘制的一套图标看上去来自同一个地方。我的方法是这样:在创意的时候你就假设你自己就生活在某处,生活在一个你的即将诞生的图标的地方。充满了外来世界的感觉?还是弥漫着中古的原始气息?你必须把自己融入那个环境沿着这个思路走下去。你会遇到谁?会有怎样的经历?把他们画下来,你就能发现你的图标全部带有一种标记,有一个大环境的背景。

比如我创作的《 Fantastic dream 》这套图标。我就假设我就生活在那个神奇的世界(我受到了电影《千与千寻》以及著名图表作者 David lanhan 的《 Somatic 》这套图标的极大启发)最终完成了这一套图标的绘制。

 

当然在控制整体性的技术上也一定要有把握,比如控制形状:图片的边角是否都用圆角 / 直角?色彩上是否都采用渐变?加不加反光?这些都要统一在每一个图标里。让他们发出的声音是一致的,表达着同一种思想。

细节:也许你的图标再加上这一点就能变成一流的创意图标。

有时候我们看到许多图标作品都不错,但总感觉还差一些什么,并不是那么完美,他们差什么呢?细节!这个没有别的方法来弥补。只能靠你的观察力和耐心。现在有许多图标的尺寸已经从原来的32x32( px ) ,上升到 128x128(px )这要求图标创作不能仅局限于形态的描绘。细节,我们要更多的细节。这些看似不起眼的小东西配合上精彩的创意以及准确的外形描绘会让人们瞳孔大张的。

这里举我们自己的图标的例子(图片来自www.rokey.net)。

 

这个图标是我创作的《 The Last Order 》系列中的这一个,这一套图表基本都是靠刻画细节而体现出精致的。 请看我的分析图片,这些细节体现在:

1 处的凹陷的质感

2、3 处的面的渐变

4 处的渐变以及若隐若现的电路

5 处的凹陷的线条

6 处的反光

看上去其实很简单,我的这个图标放大了并不是很精致。但记住我们创建的是最 128x128 ( px )的图标,所以当他们缩小到较小的尺寸时,细节的威力就体现出来了你可以看到我这一条图标一直遵循着这个原则在绘制,我个人还是非常欣赏 iconfactory 的作品。细节描绘十分到位。

创意:一个好的出发点或角度能让你的图标与众不同,脱颖而出。

我们先来看一下iconfactory的pixelpalooza2004图标大赛竞赛获奖作品。以下图片资源来自iconfactory.com

这些全是迸发创意火花的作品。现在的图标创作早以不是循规蹈矩的年代了,我们无须为了迁就什么而牺牲我们的创意(当然首先要明确你的图标创作的目的。如果他们是为了让人们更方便快捷的使用,你就必须要遵循一些 UI 的设计规范来做)。

创意从何而来?很简单,从你的生活和其他各个领域的优秀作品中发掘。下面我们介绍一些原则和方法。

 

只要你是个细心的人,你会发现生活中有太多值得我们探索,赞美的东西他们也许就能成为你的创作对象,漂亮的虫子,屋中的家什,任何东西。不要仅局限于那些 Apple 的 Aquaq 效果或 Windows XP 的风格。

 

在这里技术永远不是重点,你可以用矢量软件创作出插画风格的图标。也可以用 3D 软件作出有着强烈立体感的作品。例如“硬盘”这个图标,它为什么必须是一个硬盘或与其相类似的形象呢?我们完全可以取而代之为一个背包或箱子甚至一个破旧的集装箱,与之相配,你可以用钱包,皮夹来代替“文件夹”诸如此类的联想。他们全来自你的生活。

 

另外多看各个设计领域的优秀作品也能让你灵感大发。尤其是工业设计领域的那些另人叹为观止的创意。我保证你能从中学到许多。首先找到一个你想表现的东西,然后用你的方式来表现它,就是这么简单。

标签: 创意    图标    设计    法宝    技巧