icon设计7条黄金法则

设计方法

1.注意网格

数字设计中的许多内容都由网格控制。图标没有什么不同。在设计图标时,您需要密切注意像素网格以及图标如何适应像素网格。

确保图标紧贴像素网格的最简单方法是坚持整数。不惜一切代价避免小数点-这些家伙产生模糊的边缘。让我们看一下实际情况。

在下面,我绘制了一个简单的房屋图标,并打开了像素网格。在左侧,您会看到一个图标,该图标由完全适合像素网格的笔触组成。在右侧,笔触略有下降。您可以通过查看组成像素网格的线来分辨它们-它们一直贯穿到笔画。

2.先环顾四周

想要设计一个崭新的,疯狂的新颖图标或布景是很诱人的。毕竟,我们是创意人!但是,我们有希望遵守的标准。我们已经熟悉了表示标准功能的特定图标。

考虑一下我们随处可见的小放大镜,上面写着“搜索”。放大镜并不是唯一可以说“搜索”的项目。但是,我们使用它们的频率很高,以至于它们现在已成为标准的搜索图标。使用不同的图标要求用户学习新知识,从而使它们变慢。这不利于流畅的用户体验!

在设计图标之前,请环顾四周以找出工作时可能需要记住的所有标准。这是否意味着没有创造自由的空间?幸运的是,事实并非如此!如果该图标不代表受标准约束的功能,那么我们可以让我们的创意源源不断。如果是这样,我们仍然可以赋予它创造性的转折。只要仍然能够立即识别图标及其功能,就可以添加自己的设计才能!

3.不要抓狂细节

我们经常在很小的地方拍图标,例如iPhone上的标签栏。随着事情变小,太多的细节开始丢失。

在设计时,要对选择要包括的细节种类采取策略。松开小零件,并确保即使小尺寸图标也能清晰阅读。

4.保持一致

当我们设计一组图标时,它们应该像一个家庭。它们看起来不尽相同,但具有相似的视觉属性,使它们感觉相关。

在设计时,请做出一致的样式选择。例如,如果您使用了圆角并以一个图标结束,则请确保其余所有都使用了圆角。样式,大小和详细程度都应保持一致。这有助于形成连贯的视觉语言,这是品牌塑造的关键部分!

5.留意差距

注意一些细节或元素之间的距离太近。如果尺寸较小,则未仔细隔开的物品可能难以阅读,并开始失去意义。

6.测试你的工作

确保您的图标与用户清晰,快速地通信的最佳方法是对其进行测试。设计完图标后,最好进行快速测试。

向朋友或团队中的其他人显示您的图标。让他们告诉您,当他们看到他们时想到的第一件事。如果它与您要交流的内容保持一致,那么您的状态就很好!

7.建立简单的形状

一切都可以分解为基本形状。还记得我们上面的房屋图标吗?我们设计了两个矩形和一个三角形。

定义完图标后,请尝试将其分解为简单的形状。这是开始构建和简化图标的最佳方法。