zoukankan      html  css  js  c++  java
  • [Android]一些设计细节

    1. 图标

    图标分为:Launcher 图标(程序图标),ActionBar 图标(菜单图标),Contextual 图标(嵌入的小图标)以及Notification 图标(通知栏图标)。每种图标都有各自的设计准则。

    不同设备的分辨率不同,同样大小的图标在不同设备中的像素不同,所以一个图标需要有多个像素数的版本,使用像素数描述图标大小很不方便。所以使用单位 dp 描述图标大小。dp(Density-independent Pixels)是设备无关的,所以不同设备上同样视觉大小的图标,像素数不同,dp相同。在设计中,最好先设计最大的图标,然后按比例缩小。ldpi不需要进行单独设计,系统可以通过缩小mdpi实现。

    dp、设备分辨率和像素数的简易对应关系如下:

    ============ ====== =======================================================
      图标类型   dp数目                        像素数
    ============ ====== ==mdpi(1)===hdpi(1.5)===xhdpi(2)==xxhdpi(3)=xxxhdpi(4)=
      Lanucher     48       48         72          96        144       192
      ActionBar    32       32         48          64         96       128     
     Contextual    16       16         24          32         48        64
    Notification   24       24         36          48         72        96
    ============ ====== =======================================================

    1.1. Lanucher 图标

    Lanucher 图标在程序中的大小必须是 48dp,在应用市场中的大小必须是512x512像素。图标占满所占空间。

    要使用实边的轮廓,不允许半透明,风格是三维的正视图,略俯视以体现第三维度。但是要侧重于表现前部。

    1.2. ActionBar 图标

    ActionBar 图标在程序中的大小为32dp,并且要在4边留空各4dp,所以真正的有图像内容的大小为24dp

    要使用纯色(不一定是实色,可以半透明),要使用实边的轮廓。推荐的颜色是:

    • 浅色背景下 - #33333360% 透明度(正常)或 30% 透明度(不可用)
    • 深色背景下 - #FFFFFF60% 透明度(正常)或 30% 透明度(不可用)

    1.3. Contextual 图标

    Contextual 图标在程序中的大小为16dp,不需要留边。

    要使用扁平化风格,要使用突出的色彩。

    1.4. Notification 图标

    Notification 图标在通知栏中出现,大小为24dp,不需要留边。

    要使用扁平化风格,颜色使用纯白色(系统会进行调整)

  • 相关阅读:
    threading学习
    Python基础-5
    BS4
    requests基础
    Python基础-4
    Python基础-3
    Python基础-2
    Python基础-1
    DevOps
    nginx配置ssl证书实现https
  • 原文地址:https://www.cnblogs.com/SelaSelah/p/3867151.html
Copyright © 2011-2022 走看看