• [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,不需要留边。

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

  • 相关阅读:
    va_list va_start va_end va_arg 解决变参问题
    标准输出文件
    Qt QDataTime QString 两个类的使用
    联合开发网站
    iOS LLDB调试器和断点调试
    Wireshark 网络抓包工具Wireshark的使用
    linux 操作系统下c语言编程入门
    iOS 应用崩溃日志分析
    iOS sqlite3数据库解析
    iOS 解析手势识别(Gesture Recognizers)
  • 原文地址:https://www.cnblogs.com/SelaSelah/p/3867151.html
Copyright © 2020-2023  润新知