020-29815005
预约专线时间:09:00-23:59

优漫动游教育Android图标规范?

新闻来源:本站 日期:2021-07-20
由于我学的是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。

  视觉上的统一图标。


UI设计


  该图标的形状多种多样,如果每个图标都有一个边框设计,那么最终图标将会看起来大小不一。因为人眼存在视觉误差。如果圆圈占的面积大,就会显得图标大。而且长条所占的面积大,反而会显得图标很小。为使多样形状看起来协调统一,可采用双边法将平面的视觉尺寸统一起来。

  从图中可以看出,最外面的边框就是图标的实际大小,大小是72×72,蓝色边框是图标平面大小,比图标略小一些,这个框被称为安全空间。外边框中可能占据球状图标,而长边框可以延伸到外边框。从而确保各种形状最终视觉尺寸统一。这个概念由Android系统官方的设计指南文档提出,iOS系统图标也可以考虑借用这个方法来统一图标的视觉尺寸。

  1.应用程序图标。

  应用程序图标指针,如图所示,在Android系统中也称为Launcher图标,图标大小为48×48。

  与iOS系统不同的是,Android系统没有提供统一的切圆角功能,所以产生的图像必须是带圆角的,如图所示。所以仔细观察各家App图标圆角稍有不同的原因。例如,144×144,可以用24个圆角。

  2.动作栏图标。

  在导航条或工具栏上使用的操作栏图标,是平面按钮,如图所示。在应用程序中,它们代表用户最重要的操作。每一个操作栏图标都应该使用一个简单的比喻,以显示出用户能够一眼就能理解的单一概念。图示的尺寸是32×32。

  3.情况图标。

  情景图标是指用一个小图标来突出一个应用程序的动作,并代表一个特定项目的状态,如图所示。举例来说,在Gmail应用程序中,每条信息都有一个星型图标来标记信息的重要性。

  4.通知图标。

  “通知图标”是指当应用程序产生通知时,要提供一个能够在状态栏显示接收新通知的图标,如图所示。通知图标必须全部为白色。

  在整理后的Android系统中,图中显示了不同规格图标的尺寸参数。