`
shirlly
  • 浏览: 1648001 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

Android 图标设计标准与原则

 
阅读更多
Android 设备的屏幕密度基线是中等。因此,一种被推荐的为多种屏幕密度创造图标方式是:

1.首 先为基准密度设计 图标(看表一为实际的像素尺寸设计的图标)。
2.把图标放在你的应用的默认可绘制资源中,然后在 Android 可视化设备(AVD)或者3.HVGA设备如 T-Mobile G1中运行应用。
4.根据需要测试和调整你的基准图标。
5.当 你对在基准密度下创建的图标感到满意的时候,为其他密度创造副本。
  把基准图标按比例增加为150%,创造一个高密度版本。
  把 基准图标按比例缩小为75%,创造一个低密度版本。
6.把图标放入你的应用的特定密度资源目录 中。例如:
  中密度版本在 res/drawable-mdpi/ 目录下运行(或在默认 res/drawable/ 目录下运行)
  高密度版本在 res/drawable-hdpi/目录下运行。
  高 密度版本在res/drawable-ldpi/目录下运行。
7.如 果需要,测试和调整高密度和低密度的图标。
Icon Type 对于普遍的屏幕密度 标准版本尺寸(像素表示),
       低 密度屏幕(ldpi) 中 密度屏幕(mdpi) 高密度屏幕(hdpi) 
启 动器  36 x 36 px      48 x 48 px      72 x 72 px
菜单     36 x 36 px      48 x 48 px      72 x 72 px
状态栏   24 x 24 px      32 x 32 px      48 x 48 px
标签     24 x 24 px      32 x 32 px      48 x 48 px
对话     24 x 24 px      32 x 32 px      48 x 48 px
列表视图 24 x 24 px      32 x 32 px      48 x 48 px

用常用的命名习惯为图标版本命名

尝试命名文件,当他们按照字母排序的时候,有关的版本将会在一个目录内聚集在一起。特别是它有助于为每个图标类型的使用共同的前缀。 例如:
版本类型 前缀 例子
图标 ic_ ic_star.png
发射器图标 ic_launcher ic_launcher_calendar.png
菜单图标 ic_menu ic_menu_archive.png
状态栏 ic_stat_sys or ic_stat_notify ic_stat_notify_msg.png
标签图标 ic_tab ic_tab_recent.png
对话图标 ic_dialog ic_dialog_info.png

分享到:
评论

相关推荐

    Android_图标设计标准与原则

    ### Android图标设计标准与原则详解 #### 一、引言 在移动应用开发过程中,图标设计不仅是提升用户体验的重要环节,更是塑造品牌形象的关键因素之一。良好的图标设计能够为用户提供直观的操作指引,同时也能够增强...

    Android图标设计尺寸

    因此,了解并掌握Android图标设计尺寸标准对于开发者来说至关重要。本文将详细介绍Android图标设计的各种尺寸及其应用场景,帮助开发者们更好地理解这些规范,从而设计出更加符合平台特性的图标。 ### 一、Android...

    AndroidUI4.1设计原则

    ### Android UI 4.1 设计原则解析 #### 一、引言 Android UI 4.1设计原则是针对Android 4.1 Jelly Bean版本的操作系统制定的一套全面的设计指导方针。这一版本的设计原则旨在帮助开发者创建既美观又实用的应用程序...

    Android系统图标设计规范.doc

    Android图标设计不仅需要考虑图标本身的美观性,还要兼顾不同设备之间的适配性。遵循Android系统的图标设计规范,可以帮助设计师创建出既美观又实用的应用图标。希望本文提供的指南能为设计师们提供有益的参考。

    Android UI设计工具

    3. Color Picker:帮助选择和编辑颜色,支持HEX、RGB、ARGB等格式,并提供颜色对比度检查,以确保符合无障碍设计标准。 4. Material Design Components:Android Studio集成了Material Design组件库,提供了丰富的...

    Android 2.0环境下的图标设计原则.docx

    7. **测试与调整**:设计完成后,应在Android虚拟设备(AVD)上进行测试,确保图标在不同屏幕尺寸和密度下看起来良好,并进行必要的微调。 8. **使用模板**:Android提供了图标模板包,可以帮助设计师快速创建符合...

    Android交互视觉设计规范

    Android设计提倡使用清晰、简洁的图标来传达功能和信息。图标应遵循一致的风格,如扁平化或半扁平化设计,以保持界面的一致性。此外,矢量图形的使用可以确保在不同分辨率设备上显示清晰。 三、布局与网格系统 ...

    android精美图标

    Android图标设计遵循一定的规范和原则,以确保在不同设备、不同分辨率下的一致性和清晰度。以下是一些关于Android图标设计的知识点: 1. **图标类型**:Android图标主要分为启动图标、动作图标、状态栏图标、导航...

    Android平板电脑应用程序设计交互原则和设计案

    ### Android平板电脑应用程序设计交互原则与设计案例深度解析 在当今科技日新月异的时代,移动设备已成为人们日常生活中不可或缺的一部分。随着平板电脑持有量的不断攀升,我们正步入所谓的“后PC时代”。在此背景...

    Android开发图标

    1. **Android图标类型**: - **Launcher Icon(启动图标)**:这是用户在主屏幕上看到的应用程序图标,代表了应用的主体。 - **Action Bar Icons(操作栏图标)**:位于应用顶部的工具栏中,表示可执行的操作或...

    android robot 应用图标精选

    4. **图标设计原则**:设计优秀的Android图标需要遵循一些基本原则,如清晰易识别、视觉一致性、适当对比度和适当的复杂性。图标应能在小尺寸下依然保持清晰,同时与其他图标保持视觉协调。 5. **图标的使用**:在...

    android系统图标

    首先,Android图标的设计遵循Material Design指南,这是一套由Google制定的UI/UX设计规范。Material Design提倡清晰、直观且具有层次感的视觉语言,图标也不例外。图标应该简洁明了,易于识别,同时保持一致的风格和...

    900多个android开发小图标素材,很多精美小图标收集

    1. **Android图标设计原则**:Android图标设计注重清晰、简洁和易识别。每个图标应具有单一的含义,避免混淆,并且在不同大小下保持清晰可见。颜色选择上,通常会使用Android Material Design的颜色方案,以确保与...

    Android 界面 设计 开发 工具

    在Android平台上进行界面设计与开发是一项复杂而富有挑战性的工作,涉及到多个方面,包括布局管理、图形设计、交互设计以及代码实现。以下是一些关于Android界面设计和开发的关键知识点: 1. **XML布局**:Android...

    Android UI设计官方教程(CHM)

    6. **图标设计(Icons)**: 图标是用户与应用交互的重要元素。理解矢量图标的使用、图标的尺寸规范以及如何创建自定义图标,能提升应用的专业感。 7. **动画和过渡(Animations & Transitions)**: 动画和过渡可以...

    android开发常用到的小图标

    在设计Android图标时,开发者应遵循以下原则: - 一致性:确保所有图标在风格和形状上保持一致,这有助于建立应用的统一视觉语言。 - 清晰度:图标应简洁明了,避免过多细节,确保在各种大小下都能清晰辨认。 - ...

    Android应用程序开发以及背后的设计思想深度剖析

    Android 应用程序开发是一个广泛且深入的主题,涉及许多关键的设计原则和架构决策。这篇文章将逐步揭示Android应用程序背后的设计思想,从基本的 APK 文件结构到更复杂的系统组件和编程模型。 首先,让我们深入了解...

    android UI及界面设计

    作为初学者,理解并掌握Android UI设计的基本原则和控件使用方法是踏入移动应用开发大门的关键步骤。 Android UI设计的核心是布局管理器(Layout Manager),它们决定了控件在屏幕上的排列方式。常见的布局管理器有...

    android可爱的PNG小图标

    2. **Android图标设计**:在Android中,图标不仅要美观,还需要考虑到不同屏幕密度(ldpi、mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi)下的显示效果。因此,开发者通常需要为每个图标提供不同尺寸的版本,以确保在不同...

Global site tag (gtag.js) - Google Analytics