Android 设计规范整理

Android UI 设计规范整理

一、屏幕尺寸关系

一般选择720*1280来作为设计稿
在这里插入图片描述

二、设计要点

1.UI间隔

大多数间距单位是8dp的整数倍,对齐间距和整体布局。较小的组件(如图标和排版)可以与4dp网格对齐
在这里插入图片描述

2.ui大小

  • 一般把48dp作为可触摸UI元件的标准
  • list默认高度为48dp
  • btn默认高度为40dp
  • 边距默认可为16dp
  • 顶部状态栏高度:24dp
  • Appbar最小高度:56dp
  • 底部导航栏高度:48dp
  • 悬浮按钮尺寸:56x56dp/40x40dp
  • 用户头像尺寸:64x64dp/40x40dp
  • 小图标点击区域:48x48dp
  • 侧边抽屉到屏幕右边的距离:56dp
  • 卡片间距:8dp
  • 分隔线上下留白:8dp
  • 大多元素的留白距离:16dp
  • 屏幕左右对齐基线:16dp
  • 文字左侧对齐基线:72dp
  • 在这里插入图片描述在这里插入图片描述

3.图标

  • 启动图标必须为48*48dp
  • 小图标24dp

4.Actionbar

hight 48dp,icon 24dp, font18sp
在这里插入图片描述

5.Bottom navigation

hight 56dp,icon 24dp, font11sp
在这里插入图片描述

6.List

item:hight 36dp,icon 16dp, font 14sp
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.button

圆角4dp, font 14sp
在这里插入图片描述

8.Tabs

在这里插入图片描述

9.字体大小

  • 单位:sp
  • 一般14sp,小12sp,大16sp,超大22sp

10.颜色

Android 定义颜色color时有6位或8位值的区别,6位(如:#0470C4)就是RGB,值8位(如:#1E000000)头两位是透明度,后6位是RGB值,00是完全透明,FF是完全不透明,比较适中的透明度值是 1E。

不透明度16进制值

格式如#00FFFFFF,前两位代表不透明度的十六进制。00表示完全透明,FF就是全不透明。依次递增。

不透明度	16进制值
100%	FF
95%	F2
90%	E6
85%	D9
80%	CC
75%	BF
70%	B3
65%	A6
60%	99
55%	8C
50%	80
45%	73
40%	66
35%	59
30%	4D
25%	40
20%	33
15%	26
10%	1A
5%	0D
0%	00
发布了3 篇原创文章 · 获赞 0 · 访问量 120

猜你喜欢

转载自blog.csdn.net/weixin_42777389/article/details/104077085