5杀手图标设计提示

原因上个月在布莱顿设计师乔恩希克斯上台分享设计图标的一些技巧。作为Skype和Spotify的图标设计背后的人,以及作者或图标手册,他有很多分享。

正如他解释的那样,有两种类型:标志性和象征性。标志性图标代表一个对象 - 例如,用于指示电子邮件的信封标志。

符号图标是抽象的,必须学习它们的含义。想象一下“游戏”的箭头,或者最近的汉堡包图标来表示隐藏的菜单。

如果你决定创建一个定制的图标 - 而不是使用免费图标- 那么无论您使用哪种类型的图标,都应该遵循一些图标设计技巧。

01.如果有约定,请使用它

The most important thing is that people understand what your icon means

最重要的是人们了解你的图标意味着什么

我们知道你是一个创造型的人 - 但现在不是开箱即用的时候。

“你必须拥有能够立即识别的东西,”希克斯敦促道。这意味着如果存在现有约定,则需要使用它。

在Google图片搜索中查找您的主题,看看是否有用户已经知道的已建立图标。希克斯还建议做一些研究使用名词项目,一个收集图标的全球社区。

02.通过当地知识运行你的想法

An owl symbolises wisdom in the West, but stupidity in the East

猫头鹰象征着西方的智慧,但却象征着东方的愚蠢

如果您的观众不在您身边,这一点尤为重要。更复杂的是,不同的符号意味着不同的东西,取决于你在哪里。

考虑使用竖起大拇指图标?如果您的产品运往澳大利亚,希腊或中东,您需要再次思考:您实际上是在向客户说“搞砸”,而不是表明工作做得好。

同样地,在西方,自己代表智慧,而在东方,它是愚蠢的象征。可怜的老猫头鹰。希克斯建议在这个阶段充分利用客户的知识,以确保你没有做任何本地失礼。

03.使用网络摄像头

Hicksdesign was asked to overhaul Skype's emoticon set

Hicksdesign被要求彻底检查Skype的表情符号集

“如果你正在研究表情符号,你就无法击败自己的网络摄像头,”希克斯说。拍摄自己表达想要捕捉的情感的快照,然后将其翻译成表情符号形式。

这是一种快速简便的方法,可以查看不同的面部特征如何变化以指示不同的情绪。

04.保持尺寸一致

Pay attention to perceived harmony as well as graphical accuracy

注意感知的和谐以及图形的准确性

希克斯建议从基线网格开始。 “理想情况下,你希望图标略大于文字 - 你不希望它被误认为文字字形,”他解释道。

虽然您希望在所有图标的标准区域工作,但请注意,您还需要注意图标的感知大小。这是因为即使您的图标高度相同,它们也可能看起来不像观众。如果您需要说服力,请查看我们关于最近发现Google徽标的文章引发了关于'正确设计'的激烈讨论

保持一致性的另一个提示是在一个文档中处理所有图标。如果分别处理每个图标,则无法进行统一设置。

05.保持简单......但不要太简单

Icons by Universal Icons (left) and Mello for Noun Project

通用图标(左)和梅洛为名词项目的图标

图标应该很简单 - 每个人都知道,对吧? “其中一个关键的事情就是不要过于花哨。尽量保持简单......但不要太简单,”希克斯建议道。

假设你想为购物袋设计一个图标。最简单的版本可能是一个顶部有一个循环的正方形。但是完全相同的图标也可以是重量或挂锁。但是,添加一些手柄细节,或10公斤标签,或钥匙孔,你已经删除了所有可能的疑问。

希克斯建议在更大尺寸的图标使用时添加更多细节。他还建议调整不同大小的中风重量,以保持图标平衡。

阅读更多:



翻译字数超限