嘉兴网站建设:空心图标与实体图标哪个更适合识别?

2019.07.25 mf_web

61

在UI设计中,应该应用空心图标和实体图标的场景是什么?有些人认为空心图标在视觉上比实心图标更复杂,而实心图标实际上更容易辨认。



设计师对此主题的看法各不相同。一些设计师认为空心图标是由线条制成的,因此,它们更难以识别。然而,它们给用户带来轻松和精致的感觉。其他人认为可识别性与此主题无关,而是取决于图标的形状,颜色和其他因素。

1.图标的功能。

首先,本主题侧重于特定类型的图标:功能图标。我们来看看这类图标的基本功能。

功能性图标在生活中很常见,通常见于机场,车站,酒店,商场和其他大型公共场所,为人们提供指导,如下图所示:

在UI设计中,图标是最常见的元素之一。使用的图标始于Macintosh 1.0,即使在早期的Xerox图形界面中也是如此。它们通常被赋予诸如动作,描述等功能。

自从智能手机系统发布至今,图形界面的风格已经完成了从材料设计到平面设计演变的转变。随着ios7的推出,应用程序中的几乎所有图标都变得越来越扁平和纤薄。其原因在于过于引人注目的图标通常会降低内容的可读性。

通常,图标的最基本功能是快速传达信息。

在今天的设计作品中,图标和文字的匹配已经达到了痴迷的程度。实际上,用文本表达一些抽象概念就足够了。放置一个图标实际上对于让用户在图标及其功能之间建立连接没有任何帮助。


尽管如此,图标仍然相对重要。图标的功能远远超过“第一眼就告诉用户意义”。此外,还有许多重要的功能,如立即定位,内容层区分和界面节奏增加。

以Mockplus上的原型为例,如果您只看到没有文本的图标,那么它们的含义就相当模糊了。但是,图标的功能不止于此。原型中的图标是可靠的。图标和文本一起形成一个整体,其中图标起到对齐的作用。如果删除图标,列表中的信息将无法区分,并且会出现视觉混淆。在专注于线路上的选项时,用户将面临更多困难。

2.固体图标是否更易识别?

鉴于你被大自然召唤召唤并冲进大商场寻找休息室。坚实的图标或空心图标?哪个可以更快识别?


从视觉吸引的角度来看,实体图标确实更容易识别。下图显示了对人眼有吸引力的元素的影响(从左到右排序):




空心的图标通过它们的形状吸引眼球,而实心的图标通过它们的颜色做同样的事情。结果,空心图标更难以识别。

早在推出iOS7系统时,就该主题进行了一些讨论。Curt Arledge是一位经验丰富的设计师,毕业于Viget,专门编写了一个APP,并对实心和空心图标进行了1260次识别测试[1],看一下测试结果:


结果发现,识别这两种图标的速度差异仅为0.1秒。

在第一组中,实心图标获胜。这些图标源于生活,图标保持其原始含义。识别速度取决于颜色和形状吸引眼睛的程度。因此,实体图标更容易识别。


值得注意的是,在第二组中,三个空心图标更容易识别。

这三个图标是从现实生活中的主题中抽象出来的,其中讲话泡泡根本不存在。设计师在图形界面中创建此图标并赋予其含义; 垃圾桶和钥匙的形式在生活中是各种各样的,因此它们的图标是它们的抽象概要。在这种情况下,图标的形状允许用户快速识别图标的含义,而颜色已成为干扰因素。

因此,对于表示原始主题的相同含义的图标,实体图标更容易识别。对于赋予抽象意义的图标,空心图标更好。

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP
电子老虎机奖池_真人游戏平台-推荐官网