让你的图标脱颖而出的 6 个图标设计技巧

已发表: 2019-08-07

图标市场正在设计可供印刷设计师和 Web 开发人员使用的廉价矢量图标。 但是,如果您希望您的图标设计脱颖而出,您应该设计一个独特的图标来代表您的品牌。

目录隐藏
1.不要把图标当成图片:
2.选择鲜艳的颜色:
3. 将图标设计成矢量格式:
4. 创建符号:
5.避免使用复杂的词:
6.单色:

在设计图标时,您应该考虑实用设计的三个主要属性,即形式、可识别性和美学统一性。 当您有效地使用这三个属性时,您可以设计一个吸引更多人并让他们难忘的图标。 此外,如果您想让您的图标在视觉上吸引人,您可以使用这些设计技巧。

1.不要把图标当成图片:

别针

您可以将图像添加到图标,但不要将图标视为框中的照片。 图标也可以是徽标、文本表示或这些元素的组合。 图标应该是可视的和可识别的。 大多数徽标没有实际照片,而是一个想法的图形表示。 使用图像的主要缺点是手机用户难以阅读小尺寸图像。 此外,图像会降低图标的可识别性。 另一方面,图形表示可以承载更多的视觉重量。 例如,梅西百货公司使用星形图标,便于识别。 星形会根据背景改变颜色(红色背景为白色星形,白色背景为红色星形)以增加对图标的强调。

2.选择鲜艳的颜色:

别针

使您的图标设计脱颖而出的最佳方法是使用大胆的颜色。 明亮的颜色选择将使您的应用在不同的背景下脱颖而出,甚至吸引用户的注意力。 您当然不希望您的图标与您网站上的其他元素混合。 所以尽量避免沉闷的颜色,尤其是海军色调和天蓝色,因为许多其他图标已经使用了这些颜色。 但是,如果您的品牌颜色是蓝色,您可以将其与更亮的颜色结合使用,以增加图标的影响力。 您可以使用新的中性色,如柠檬绿,也可以选择季节性色调,如春季的亮粉色或秋季的亮橙色。 此外,请确保您的网站元素具有相同的配色方案,以使网站看起来具有凝聚力。

3. 将图标设计成矢量格式:

别针

在考虑格式时,您应该考虑图标的大小和比例。 因此,在创建图标时使用基于矢量的设计是必不可少的。 设计矢量图像将允许您修改设计并为各种尺寸、视口和设备保存图标,而无需创建多个单独的图像。 这是因为,实际上,您将需要多个版本的图标来处理各种项目。 您将拥有移动用户和平板电脑用户,因此最好在设计徽标时考虑这一点,而不是稍后更改完全设计的徽标。 因此,矢量格式的主要好处是灵活性。 但是,对于某些平台或应用程序,您必须保留非矢量格式的副本。

4. 创建符号:

别针

您可能有您公司的徽标,但在设计图标时,符号对于突出图标的可识别性至关重要。 符号可以是任何东西,从图像或徽标的片段到简单的图形表示。 但是,它需要令人难忘和敏锐。 大多数品牌都在为其标志和品牌设计标志性符号,以在较大的设计项目和较小的图标之间建立联系。 例如,Snapchat(消息和照片共享应用程序)使用幽灵符号。 该符号使品牌具有可识别性,并且可以作为用户熟悉的图标出现。 即使您看到其他颜色的符号,用户也会立即识别您的品牌。 这正是符号的工作方式。

5.避免使用复杂的词:

别针

图标设计师应该避免的一件事是使用文字。 图标很小,因此没有文字空间。 作为一个经验法则,你应该避免使用任何文本,除非它是你的标志的一部分。 即使文字是您徽标的一部分,您也应该在使用之前仔细考虑设计的复杂性。 应该以不使用文字来建立身份的方式创建图标。 此外,许多图标用于设备的上下文中,因此,将徽标中的文本自定义为不同大小变得具有挑战性。 如果您仍想添加文字,您可以在图标下方添加描述文字来解释您的品牌。 例如,设计小屋使用带有“d”的图标,该图标在颜色和类型处理方面与网站一致。 这样易于阅读的字母创建了没有实际单词的连接。

6.单色:

别针

多年来,所有图标设计师都使用了一个有趣的小技巧来测试初始设计的有效性。 他们使徽标图标成为单色。 根据他们的说法,如果一个标志在没有或有颜色的情况下发出相同的信息,它就会很好地工作。 但是,如果图标需要读取颜色,您应该修改设计。 如果您认为这是一项繁重的工作,您可以从白色和黑色开始您的设计项目,然后再为其添加颜色。 它类似于计算机概念上的草图。 如果您的草图在纸上工作而不添加颜色,则该图标具有强大的框架。 稍后您只需要添加可以增强品牌图标信息的颜色。

它可能看起来很复杂,但这些技巧很容易通过经常练习来学习和掌握。 但是,在设计图标时,请始终记住颜色、视觉识别和简单性等基本因素。 您还应该考虑符合您标准的最新趋势。 此外,请牢记设计的美感,让您的图标在整个系列中保持一致。 这使人们更容易记住和识别您的品牌。 此外,切勿复制其他图标,尝试根据您独特的创意愿景制作图标。