UI设计师必备|Android设计尺寸规范

news/2024/10/30 21:26:15/

1、字体使用规范

中文字体:思源黑体Source Han Sans / Noto(是一个字体,叫法不同而已)

英文字体:Roboto

注意:安卓的字号单位是SP

720×1280常见的字体大小:

24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的,最小字号20px。

 

2、图标 icons

图标用途

mdpi (160dpi)

hdpi (240dpi)

xhdpi (320dpi)

xxhdpi (480dpi)

xxxhdpi (640dpi)

应用图标

48 x 48 px

72 x 72 px

96 x 96 px

144 x 144 px

192 x 192 px

系统图标

24 x 24 px

36 x 36 px

48 x 48 px

72 x 72 px

196 x 196 px

 

3、应用图标 Product icons

方形 高度:152dp 宽度:152dp

圆形 直径:176dp

垂直长方形 高度:176dp 宽度:128dp

水平长方形 高度:128dp 宽度:176dp

 

4、快捷图标 Shortcut icon

实际面积 高度:44dp 宽度:44dp

总面积 高度:48dp 宽度:48dp

系统图标尺寸 高度:24dp 宽度:24dp

实际面积位置 剩余高度:24dp 剩余宽度:24dp

5、单位和度量 Units and measurements

6、UI组件布局 Element Layout

 

列表 List

 

垂直边框和水平外边距 边框左右外边距各16dp 带有图标或者头像的内容有 72dp 的左边距。

垂直边距 1. 状态栏:24dp 2. 工具栏:56dp 3. 子标题:48dp 4. 列表项:72dp

垂直边框和水平外边距 边框左右外边距各16dp 带有图标或者头像的内容有 72dp 的左边距。

垂直边距 1. 状态栏:24dp 2. 工具栏:56dp 3. 标题和列表项:48dp 4. 子标题:48dp 5. 内容区域间的距离:8dp

7、详情视图 Detail view

8、触控区域尺寸 Touch target size

9、应用栏 App bar


http://www.ppmy.cn/news/424881.html

相关文章

交互设计:界面设计尺寸详解与常用尺寸

基本概念 屏幕尺寸指实际的物理尺寸,为屏幕对角线的测量。单位in(英寸)像素(PX)代表屏幕上一个物理的像素点。屏幕密度density为解决Android 设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素…

【UI设计】移动设备的界面设计尺寸

刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大、文字该用多大才合适、我要做几套界面才可以?什么七七八八的也着实让人有些头疼。 1、尺寸及分辨率 iPhone 界面尺寸:320x480、640x960、640x1136 iPad 界面尺寸…

UI(1)---手机界面设计中12种常用布局

手机界面设计中12种常用布局 手机界面设计中12种常用布局 转载自: 手机界面设计中12种常用布局 - 轩枫阁 总结下手机界面改版要考虑的布局,主要的分为以下2大类 主导航 列表式陈列馆式九宫馆式选项卡式旋转木马行为扩展式多面板图表式 次导航 抽屉式超级…

安卓屏幕分辨率及UI尺寸详解

1、了解几个概念 (1)分辨率。分辨率就是手机屏幕的像素点数,一般描述成屏幕的“宽高”,安卓手机屏幕常见的分辨率有480800、7201280、10801920等。7201280表示此屏幕在宽度方向有720个像素,在高度方向有1280个像素。 &…

最新App、手机网站尺寸规范—移动设备界面UI设计尺寸规范

app项目的一大难点就是,样式要兼容各种屏幕大小

IOS和安卓ui设计常用尺寸及基本知识

http://www.miued.com/917/ iOS app 图标的圆角半径是多少? (注:现在IOS图标是不需要再画圆角了,直接方形就OK) 括弧里面是对应的半径大小 App store(Retina屏) ─────────────1024px(160px&am…

APP设计尺寸规范大全,APP界面设计新手教程【官方版】

1.苹果iOS版本的iphone APP UI设计尺寸规范 iphone 5: 设计尺寸是 640px * 1136px iphone 4/4s: 设计尺寸是 640px * 960px 设计软件的分辨率为:72 像素/英寸 设计要点总结,我们在设计的时候,需要按照该图上的尺寸来放…