由于我学的是UI设计,从事的也是UI设计行业,所以会在篇文章,分享一些平时看到的设计知识,以供提升理论方面的丰富性以及拔高思想,增强逻辑。
在介绍了iOS系统图标设计规范之后,我们来看看Android系统的图标设计规范。
安卓图标匹配。
前几章已经介绍了PPI的知识,并且我们知道相同的UI元素(比如大小为100x100的图标)在高PPI屏幕上看起来要比PPI低的屏幕上小。
要使这两个屏幕上的图片看起来差不多,可以使用两种方法:使用程序来放大图片,但是效果不太好。或者是提供两个精确屏幕的手机每一个画面,但却要加倍努力。
不像iOS系统手机那样统一的规格,Android是一个开放的系统,各个手机公司都能定制安卓系统,因此各种大小规格的屏幕层出不穷。因为参数的多样性,如果为每个PPI的屏幕设计一套图标,其工作量很大,而且程序的兼容要求也不高。
为简化设计并与更多的手机屏幕兼容,Android系统平台对屏幕进行了区分。画面的像素密度分为低密度屏(LDPI)、中密度屏(MDPI)、高密度屏(HDPI)、超高密度屏(XHDPI)和超超高密度屏(XXHDPI)。
浓度的关系是3:4:6:8:12。利用这些比值,通过简单的计算,我们就能适配不同版本的位图,以便开发和应用。
75×75对应的LDPI屏幕。
100×100代表的MDPI屏幕。
150×150代表HDPI屏幕。
200×200代表XHDPI显示器。
对应XXHDP显示300×300。
视觉上的统一图标。
该图标的形状多种多样,如果每个图标都有一个边框设计,那么最终图标将会看起来大小不一。因为人眼存在视觉误差。如果圆圈占的面积大,就会显得图标大。而且长条所占的面积大,反而会显得图标很小。为使多样形状看起来协调统一,可采用双边法将平面的视觉尺寸统一起来。
从图中可以看出,最外面的边框就是图标的实际大小,大小是72×72,蓝色边框是图标平面大小,比图标略小一些,这个框被称为安全空间。外边框中可能占据球状图标,而长边框可以延伸到外边框。从而确保各种形状最终视觉尺寸统一。这个概念由Android系统官方的设计指南文档提出,iOS系统图标也可以考虑借用这个方法来统一图标的视觉尺寸。
1.应用程序图标。
应用程序图标指针,如图所示,在Android系统中也称为Launcher图标,图标大小为48×48。
与iOS系统不同的是,Android系统没有提供统一的切圆角功能,所以产生的图像必须是带圆角的,如图所示。所以仔细观察各家App图标圆角稍有不同的原因。例如,144×144,可以用24个圆角。
2.动作栏图标。
在导航条或工具栏上使用的操作栏图标,是平面按钮,如图所示。在应用程序中,它们代表用户最重要的操作。每一个操作栏图标都应该使用一个简单的比喻,以显示出用户能够一眼就能理解的单一概念。图示的尺寸是32×32。
3.情况图标。
情景图标是指用一个小图标来突出一个应用程序的动作,并代表一个特定项目的状态,如图所示。举例来说,在Gmail应用程序中,每条信息都有一个星型图标来标记信息的重要性。
4.通知图标。
“通知图标”是指当应用程序产生通知时,要提供一个能够在状态栏显示接收新通知的图标,如图所示。通知图标必须全部为白色。
在整理后的Android系统中,图中显示了不同规格图标的尺寸参数。