做手机页面的栏尺寸是什么，androidapp界面设计按什么尺寸

很多朋友对于做手机页面的栏尺寸是什么和androidapp界面设计按什么尺寸不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

androidapp界面设计按什么尺寸

android app界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px，因为是开源的系统，这里的数值也只能作为参考。

Android为了区别于IOS，从4.0开始提出了一套HOLO的UI风格设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，很多APP的新版中也采用了这一风格。

扩展资料：

注意事项：

1、通常情况要定位一个Icon只需给出上/下边距，左/右边距，标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份，通用型模块只需单独标明一份，如导航栏。

2、手机可视区域通常为宽度固定，长度超出边界可滑动，所以标注物体宽度时可按比例说明，如果要标注内容上下居中，左右居中，或等比可不标注。

3、当交付的是一张完整图片时，不需做机型适配，只需给高清图(1920*1080)即可，注意进行压缩。

4、若图标在不同页面重复出现，且尺寸相差不大，直接给出最大一份切图，并在圆形图标明尺寸，程序会根据需求缩放。

5、当背景是纯色时只需给出色值，Android使用16进制色值。

手机端详情页最佳尺寸是多少

手机端详情页最佳尺寸是750x960。淘宝手机端尺寸显示宽是750像素，建议大家可以把高度控制在960像素左右，这样更加能符合买家们的屏幕尺寸。最佳为JPG图片格式，700*700px以上，图片上传后宝贝详情页自动提供放大镜功能。

一、手机端详情页最佳尺寸是多少？

手机端详情页最佳尺寸是750x960。

淘宝手机端尺寸显示宽是750像素，建议大家可以把高度控制在960像素左右，这样更加能符合买家们的屏幕尺寸。最佳为JPG图片格式，700*700px以上，图片上传后宝贝详情页自动提供放大镜功能。

二、天猫导航栏是多少尺寸?

1.店招尺寸：宽950（天猫990）*高120px。

2.导航尺寸：宽950（天猫990）*高30px。

3.店招导航总体尺寸：950*150px。

4.店招导航背景尺寸：1920*150px。

5.全屏海报/轮播海报尺寸：宽度1920px，高度一般在400-800px。

6.主图/直通车图尺寸：都是正方形的，宽高均为800*800像素，大小通常在500KB以内。

7.详情页尺寸：天猫：宽度790px，高度不限淘宝：宽度750px，高度不限。

8.钻展等活动报名图片尺寸：宽高各异，可以有N种不同的尺寸。

9.手机端首页装修尺寸。淘宝/天猫宽度一般为750px，高度看相应模块的具体要求。

安卓手机设计规范

1080*1920

状态栏:24dp

APPBAR（导航栏）最小高度:56dp

菜单栏高度（包含底部）:48dp

栅格系统的最小单位是8dp，一距离、尺寸都应该是8dp的整数倍。以下是一些常见的尺寸与距离：

图标和字体大小:

a、启动图标（home页或app列表页）整体大小为48 x 48 dp没有空白的区域的7”完整图标。当然也可以是包含空白区域的图标等于48dp。

b、操作栏图标，代表用户在app中可以使用到的最重要的图标整体大小为32 x 32 dp，图形实际区域为 24 x 24 dp。

c、小图标/场景图标，提供操作或特定项目的状态。

比如gmail app的星型标记、一些内容展开收起用到的向下向上的图标等。整体大小为16 x 16 dp，图形实际区域为 12 x 12 dp。

d、通知图标

如果app有通知，要提供一个有新通知时显示在状态栏的通知图标。整体大小为24 x 24 dp，图形实际区域为 22 x 22 dp。

对图标尺寸进行分类整理，便于界面整体调一致。

第三部分、android的按钮和弹出层的设计规范参考。

在720 x 1280 px的设计稿上，有两个按钮（比如登录、注册）并排一行放置，按钮尺寸最小范围均为240 x 80 px，换算为android开发单位就是 120 x 40 dp。

Android APP设计字体单位： Sp与 Px的换算

sp与px的换算公式：sp*ppi/160= px

ldpi（240*320）:120

mdpi（320*480）:160 倍率为1

hdpi（480*800）:240

xhdpi（720*1080）:320

xxhdpi（1080*1920）:480

xxxhdpi:640（1440*2560）:4

字体规范

注释最小字体12sp

文本字体14sp

文章标题/图标名称18sp

导航标题22sp

ppi为240时字体高度:

注释最小字体:18sp

文本:21sp

文章标题/图标名称:27sp

导航标题:42sp

字体:

Android系统默认的英文字体 Roboto，默认中文字体都是droid sans fallback、思源黑体

material design字体规范:英文字体使用Roboto，中文字体使用Noto。

Roboto有6种字重：Thin、Light、Regular、Medium、Bold和 Black。

Noto有7种字重：Thin, Light、DemiLight、Regular、Medium、Bold和 Black。

字体配色:

颜色不宜过多，选择一种主色、一种辅助色。在此基础上进行明度和饱和度的变化，构成配色方案。

appbar背景使用主色，状态栏背景使用深一级的主色或20％透明度的纯黑。

小面积需要高亮显示的地方使用辅助色

其余颜色通过纯黑#000000与纯白#ffffff的透明度变化来展现（包括图标和分隔线），而且透明度限定了几个值。

黑色：[87%普通文字] [54%减淡文字] [26%禁用状态/提示文字] [12%分隔线]

白色：[100%普通文字] [70%减淡文字] [30%禁用状态/提示文字] [12%分隔线]

行距

用sp与px之间的关系进行换算。

元素之间间距间距:

所有可操作元素最小点击区域尺寸：48dp X 48dp。

栅格系统的最小单位是8dp，一距离、尺寸都应该是8dp的整数倍。以下是一些常见的尺寸与距离：

顶部状态栏高度：24dp

Appbar（导航栏）最小高度：56dp

底部导航栏高度：48dp

悬浮按钮尺寸：56x56dp/40x40dp

用户头像尺寸：64x64dp/40x40dp

小图标点击区域：48x48dp

侧边抽屉到屏幕右边的距离：56dp

卡片间距：8dp

分隔线上下留白：8dp

大多元素的留白距离：16dp

屏幕左右对齐基线：16dp

文字左侧对齐基线：72dp

另外注意56dp这个数字，许多尺寸可变的控件，比如对话框、菜单等，宽度都可以按56的整数倍来设计。

还有非常多规范，不详细列举，遵循8dp栅格很容易找到适合的尺寸与距离。平板与PC上留白更多，距离与尺寸要相应增大。

单行、多行间距要控制下，做出规律。

标题42点（14sp） 副标题36点（12sp）

主标题与副标题间距12sp

注释:多行主标题行间距为8sp

标题48点（16sp） 副标题42点（14sp）

主标题与副标题（单行）间距8sp

标题42点（16sp） 副标题42点（14sp）

主标题与副标题（单行）间距10sp

带分割线的列表上下间距等分，距离为16sp

不带分割线的列表上下间距为32sp。

解释说明类的列表项上下间距为22sp。

悬浮按钮距离底部的距离为:18sp

文字排版

常用字号：

。12sp小字提示14sp（桌面端13sp）

。正文/按钮文字16sp（桌面端15sp）

。小标题20sp Appbar文字24sp

。大标题34sp/45sp/56sp/112sp超大号文字

长篇幅正文，每行建议60字符（英文）左右。短文本，建议每行30字符（英文）左右。

心得与体会:设计时，可参照设计规范进行设计，具体到项目时可根据项目的具体情况制定规范。

尝试8的倍数，如果不合适，在3的倍率中能够被3整除。

设计来源于细节，再小的细节中也要分等级。

ps cc 2017

adobe xd交互设计神器。

adobe stock?

svg格式字体

.9图片最小点击区域不足48dp*48dp