工作总结

大厂设计师总结的图标(UI)设计注意事项

| 点击:

【www.fsgl168.com--工作总结】

 

如今,图标通常是设计系统的一部分。这并不令人惊讶,因为图标可以有效地快速传达你的想法,就像你智能手表上的图标一样。

这里和大家分享几个图标设计需要注意的点。

视觉的复杂性上

Byrne(1993)的研究表明简单的图标更容易被人们找到。参与者被给予3种不同类型的文件图标:空白、简单和复杂。简单图标明显优于空白图标和复杂图标。在图标设计中,简洁是提高视觉清晰度的关键。添加太多的细节并不能帮助人们更好地理解图标;反而使他们的认知慢下来。

 

简洁是清晰的关键

 

收获:少即是多。图标过于复杂的时候,有可能成为视觉噪音,或对用户没有任何帮助。简单性可以提高认知度,这在图标设计中至关重要。但是,不要过度简化图标,因为这样也不会是有效的设计。 

 

抽象概念上

研究表明,抽象图标的精确度低于具象图标(McDougall&Bruijn,2001),实际上会引发更高的认知处理负荷。具象图标对用户很友好,因为它们可以给予一定的参考,基于用户对具体物象的认知和生活经验。

 

如果图标变得太抽象,就很难理解它的概念。

 

现在,设计中的抽象,就像电池的例子,可能看起来不太明显,但是当你把它放在环境中时- 研究显示具象图标的表现要好43%。

思考:尽可能尝试创建一个基于现实世界实际对象的具象图标。但是,根据我的经验,这绝不是绝对的解决方案,因为并非每个行动都有一个具体的概念。例如,当我们需要创建共享图标时-共享本身是抽象的,在这种情况下,我们应该回到行业中最常用的图标。

  

比例不平衡

设计师常常忘记,忽视或低估图标周围负形的重要性。如果合理的运用负形空间,那么当它们并排放在一起时,图标看起来很时髦。

 

 

即使它们处于同一维度,负形空间也会产生视觉错觉。

 

收获:完全尊重正形和负形形式。此外,使用图标网格作为工具来帮助您查看它们。

 

无关的信息

与文本标签(NNgroup,2014)搭配使用时,图标效果最佳,因为它有助于克服图标认知的模糊性。但是,哦,孩子。虽然这是事实,但你仍然应该相当多地选择图标的隐喻。

从真实的项目中提取的。实际上,这是会发生的。

 

收获:标签将有助于澄清图标的含义,但它们应该和谐地共处。如果不这样做会降低图标的价值。

  

对不同文化不敏感

虽然关于这一主题的研究很少,但现在下结论还为时过早。然而,来自印度尼西亚和居住在加拿大的我意识到文化的多样性导致了不同的观点和假设。这个符号也是如此。

 

这里的美元符号适用于大多数有美元概念的国家,但不一定适用于所有国家。但不一定适用于所有国家。纸币的概念更抽象,但仍然可以达到目的。

 

思考:如果来自世界各地的人使用你的产品,考虑推广你的图标设计。在某些情况下,本地化比国际化好。我认为在这方面还需要进一步的研究。

  

总结

总而言之,你必须注意以下几点:

 

图标的复杂性图标的比例图标的具体性图标的相关性文化敏感性

 

重要的是,你要考虑到你所处的环境和所面临的问题。这里提出的重点是系统图标(小图标)的最佳设计方式,其目标是专注于帮助用户导航或执行操作。

本文来源:http://www.fsgl168.com/fanwen/289792/