问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

深入解析Android UI界面设计规范,史上最全

创作时间:
作者:
@小白创作中心

深入解析Android UI界面设计规范,史上最全

引用
1
来源
1.
https://js.design/special/article/android-design-specifications.html

在Android应用开发中,遵循UI设计规范是确保界面一致性和优化用户体验的关键。本文将深入解析Android UI界面设计规范,包括屏幕尺寸规范、图标尺寸规范、字体规范、色彩规范、切图规范以及其他规范,帮助设计师打造既现代又吸引人的应用程序界面。

1. 屏幕尺寸规范

为了更好地介绍屏幕尺寸规范,首先需要了解4个主要的相关概念:DPI、PPI、DP和SP的具体含义。如果设计师已经熟悉这些概念,可以跳过这一部分。但对于初次接触Android UI界面设计的设计师来说,掌握这些概念并在后续设计中灵活运用是非常关键的。

  • DPI(Dots Per Inch):每英寸点数,指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。
  • PPI(Pixels Per Inch):每英寸图像内有多少个像素点,指图像分辨率。分辨率的单位为PPI,通常叫做像素每英寸。图像分辨率一般被用于PS中,用来改变图像的清晰度。
  • DP:Android专用长度单位。以160DPI屏幕为基准,则1DP=1PX。计算公式是:dp x dpi/160=px
  • SP:Android专用字体单位。以160DPI屏幕为基准,则1SP=1PX。计算公式是:sp x dpi/160=px

有了这些基础后,我们来详细看看Android UI界面设计规范中屏幕尺寸有哪些规范。Android设备的形状和尺寸有很多种,因此应用的布局应该灵活应对不同的屏幕尺寸和方向。屏幕密度相关的转化在下表中总结如下:

根据目前Android市场的主流设备尺寸,设计师最常用720*1280px和1080 x 1920px来做Android UI界面设计稿的尺寸,这样可以保证从中间尺寸向上和向下适配的时候界面调整幅度最小,最方便适配不同的手机屏幕。如果在现在的大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。用主流尺寸来做设计稿尺寸,还能极大提高视觉还原。

2. 图标尺寸规范

Android的图标相对iOS系统来说较少,主要有以下几个不同尺寸。需要注意的是,直角图标与圆角图标设计师最好都准备一套,以适应不同设计风格和用户界面需求。在面对多样化的设计要求时,也可以灵活选择,确保界面的一致性和美观性,同时提高工作效率,有备无患。

3. 字体规范

Android UI界面设计规范规定Android系统中文采用的是思源黑体(Noto Sans Han),英文字体为Roboto字体。思源黑体是Adobe和Google领导开发的开源字体,支持繁简日韩,有7种字体粗细。Android的字号单位是SP。只使用偶数单位24pt、28pt、32pt、36pt等字体大小,最小字号20px。具体要求如下方两表所示:

4. 色彩规范

Android官方推荐的色彩风格倾向于中性、平面化,以及简洁性,这种风格有助于创造出清晰、专注的用户界面。在这里建议设计师选择具有明确目的性的颜色,比如使用颜色来区分不同的操作按钮或强调重要信息,从而引导用户更直观地理解如何与应用交互。这样的用色策略不仅增强了界面的美观度,也提高了用户的操作效率和体验。

5. 切图规范

Android界面的尺寸有很多种,为了符合Android UI界面设计规范,切图时我们要以一种尺寸为基础,这个基准尺寸是720*1280px,它有助于确保设计在不同设备上的兼容性和一致性。设计图完成之后就开始切图了,切图规范最主要的目的是为不同控件和元素提供多种尺寸的切图以适应不同布局需求,以及优化切图文件大小以提高应用性能和加载速度。主要有以下4点:

  • 底部工具栏的ICON和背景:一般有2种切法,ICON单独切与ICON和文字一起切。
  • 顶部导航栏的ICON和背景:尽量选择单色加分割线,注意个人信息的图标和提示需要单独切出来。
  • 二级菜单栏背景:尽量选择单色加分割线,注意激活标签下滑线和添加栏目的图标、投影需要单独切出来。
  • 列表背景图标:图片背景需单独切出来,后期技术可以根据视觉图的高度和宽度进行拉伸。

6. 其他规范

细节在设计中的重要性不言而喻,除去以上5个大方面的Android UI界面设计规范之外,还有一些小细节也需要设计师留意,它们能够显著影响用户的感知和体验:

  • 一般把48dp作为可触摸UI元件的标准,48dp=72px=9mm,这是一个用户手指能够准确舒适触摸的最小尺寸。
  • Android界面最小的可点击区域尺寸是48dp=72px=18sp,Android界面默认list的高度是48dp=72px。
  • Android界面每个元素之间最小间距是8dp=12px。
  • Android界面默认btn的高度是40dp=60px。

通过这些小细节的精心打磨,设计师可以增强界面的美观性、易用性和可访问性,从而提升整体的产品质量和用户满意度。对细节的关注体现了设计师的专业精神和对用户体验的深刻理解。

7. 总结

以上就是Android UI界面设计规范的全部内容。遵循屏幕尺寸规范、图标尺寸规范、字体规范、色彩规范、切图规范以及其他规范,设计师可以提升界面美观度和用户体验,让用户更加舒适地使用应用。对UI设计师而言,熟悉掌握这些设计规范非常重要。

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号