安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范

编辑:亦非 浏览: 1

导读:为帮助您更深入了解安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范,小编撰写了安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范,安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范,安卓手机界面设计规范,手机界面设计尺寸规范,安卓手机UI界面尺寸规范,安卓界面设计规范等6个相关主题的内容,以期从不同的视角,不同的观点深入阐释安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范,希望能对您提供帮助。

安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范,老铁们想知道有关这个问题的分析和解答吗,相信你通过以下的文章内容就会有更深入的了解,那么接下来就跟着我们的小编一起看看吧。

安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范

在当前移动互联网时代,手机成为人们生活中不可或缺的一部分。而手机界面设计的尺寸规范,对于用户体验和界面美观度起着重要的作用。

对于安卓手机UI界面设计尺寸规范,我们需要考虑不同分辨率的屏幕适配问题。在设计过程中,应该根据目标机型的屏幕分辨率,确保设计元素在不同屏幕上的显示效果。安卓手机常见的分辨率有1080*1920、720*1280等,设计师需要根据具体机型的分辨率来设置界面的尺寸,以保证界面元素在不同设备上的合适显示。

对于手机界面设计尺寸规范,我们需要关注用户操作的便利性。屏幕上的按钮、输入框等交互元素应该具备一定的大小,以便用户轻松点击或输入。按钮的最小推荐尺寸为48*48像素,输入框的高度应该在36像素以上。要注意在设计过程中,将交互元素合理分布,保证操作的顺畅性和用户体验。

界面的排版也是手机界面设计尺寸规范的重要部分。在设计过程中,应该合理调整文字的字号和行距,保证文字内容在屏幕上的可读性。常见的字号大小在14像素至18像素之间,行距建议设置为文字大小的1.2至1.5倍。要注意合理使用空白区域,避免界面过于拥挤,影响用户的阅读和操作体验。

安卓手机UI界面设计尺寸规范和手机界面设计尺寸规范是手机界面设计中不可忽视的一部分。在设计过程中,我们需要根据不同设备的屏幕分辨率,合理设置界面元素的尺寸;同时要关注用户操作的便利性,确保交互元素具备合适的大小;还要合理调整文字的字号和行距,保证界面的可读性。只有遵循这些规范,才能设计出美观、实用的手机界面。

安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范

androidapp界面设计是按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进制色值。

参考资料来源:百度百科-Android

参考资料来源:百度百科-界面设计

参考资料来源:百度百科-状态栏

参考资料来源:百度百科-导航栏

参考资料来源:百度百科-开源系统

参考资料来源:百度百科-切图

参考资料来源:百度百科-UI设计

安卓手机界面设计规范

1080*1920状态栏:24dpAPPBAR(导航栏)最小高度: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 = pxldpi(240*320):120mdpi(320*480):160 倍率为1hdpi(480*800):240xhdpi(720*1080):320xxhdpi(1080*1920):480xxxhdpi:640(1440*2560):4字体规范注释最小字体12sp文本字体14sp文章标题/图标名称18sp导航标题22spppi为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的整数倍。以下是一些常见的尺寸与距离:顶部状态栏高度:24dpAppbar(导航栏)最小高度: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 2017adobe xd 交互设计神器。adobe stock?svg格式字体.9图片最小点击区域不足48dp*48dp

手机界面设计尺寸规范

从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。

如果以iPhone为设计设备,尺寸一般是使用750x1334,1125 x 2436,1242 x 2208这三种尺寸设计都可以,750x1334是2倍图设计,1125x2346和1242x2208都是3倍图来进行设计。

如果是用PS做设计稿就用750*1334,如果是用SKetch或者XD来设计,常见是用1倍尺寸来说,也就是375*667或者375*812(iPhone X)。

如果以Android为设备进行设计,尺寸一般使用720x1280,1080x1920进行设计第一种是2倍图,第二种是3倍图。

近年来iPhone和Android的设备增多,各尺寸也逐渐变多,下面有一份安卓屏幕尺寸表:以及一份iOS屏幕分辨率和尺寸表:扩展资料:

1、UI界面设计的基本要素:

机界面层级: idle(待机界面) Mainmenu(主菜单) Submenu(二级菜单)Third level menu(三级菜单) 界面除了包括图标和文字外,比较重要的还有function animation(呼叫,发送信息等) 以及 function interface(计算器,日历界面等)

明确意义的图标,风格鲜明的版面设计是手机界面设计的重要工作,较为流行的是以Motorola,Nokia等为代表的欧洲简单风格,以及韩国的时尚绚丽的风格。

2、设计注意事项:

尺寸问题: 480X800,540X960,720X1280,1080X1920象素尺寸是较常见的手机屏幕尺寸,在设计时可以根据实际产品要求进行设计,更大的屏幕可以有更多的交互表现和视觉元素的支持,较为自由。

色彩问题: 由于手机lcd本身的限制,在色彩的还原程度上没有pc如此完善,因此在选用色彩时要根据使用的屏幕进行调节。

可实现性问题: 受到硬件运算速度和内存的影响,以及不可预计的后台程序开发难度,过于复杂的效果将很难进行实现,与程序工程师和ui工程师,硬件工程师的沟通显得尤为重要。

参考资料来源:百度百科-手机UI设计

安卓手机UI界面尺寸规范

要根据不同手机不同的屏幕分辨率来规定尺寸。

一般做效果图主流都是做480*800来测试,iphone4(或s)就用640*960,但这个都只是效果图,真正开发还需要切图用点9来做屏幕适配。

常见手机显示屏分辨率:96x65,96x96,128x96,128x128,160x128,160x160,176x144,220x176,240x176,320x240,640x480,800x480

苹果4:960×640 像素,3.5英寸

三星:480×800 分辨率

小米:480×854 4英寸TFT屏幕

android手机屏幕尺寸

1280×800 854×480 640×480 480×800 432×240 400×240 320×480 320×512 320×240

扩展资料:

手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”,好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

随着手机移动设备不断普及,对手机设备的软件需求越来越多,手机移动操作系统厂商正在不约而同地建立手机设备应用程序市场,如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace,给手机的终端用户带来巨量的应用软件。这些软件良莠不齐,界面各异,手机的终端用户在众多的应用使用中,最终会选择界面视觉效果良好,且具有良好体验的应用留在自己的手机上长期使用。

安卓界面设计规范

PPI(Pixels per inch):每英寸所拥有的像素数,即像素密度。DPI(dots per inch):即每英寸上,所能印刷的网点数,一般称为像素密度。ppi计算公式:ppi = 屏幕对角线像素数/屏幕对角线英寸数,通过勾股定理计算屏幕对角线像素数。Screen Size(屏幕尺寸):手机屏幕尺寸大小,如3英寸、4英寸、4.3英寸、5.7英寸,指的是对角线的长度。DIP(device independent pixel):即dip/dp,设备独立像素。 1px = 1dp density(由dpi决定)Resolution(分辨率):指手机屏幕垂直和水平方向上的像素个数。eg分辨率480 800,指该设备垂直方向有800个像素点,水平方向有480个像素点。px(Pixel像素):相同像素的ui,在不同分辨率的设备上效果不同。在小分辨率设备上会放大导致失真,大分辨率上被缩小。 Android Design里把主流设备的 dpi 归成了四个档次: 120 dpi、160 dpi、240 dpi、320 dpi ,具体见如下表格。实际开发当中,我们经常需要对这几个尺寸进行相互转换(比如先在某个分辨率下完成设计,然后缩放到其他尺寸微调后输出),一般按照 dpi 之间的比例即 2:1.5:1:0.75 来给界面中的元素来进行尺寸定义。也就是说如果以 160 dpi 作为基准的话,只要尺寸的 DP 是 4 的公倍数,XHDPI 下乘以 2,HDPI 下乘以 1.5,LDPI 下乘以 0.75 即可满足所有尺寸下都是整数 pixel 。但假设以 240 dpi 作为标准,那需要 DP 是 3 的公倍数,XHDPI 下乘以 1.333,MDPI 下乘以 0.666 ,LDPI 下除以 2。而以 LDPI 和 XHDPI 为基准就更复杂了。同时第一款Android设备(HTC的T-Mobile G1)是属于160dpi的。鉴于以上各种原因, 标准dpi=160 谷歌官方对dp的解释如下:A virtual pixel unit that you should use when defining UI layout, to express layout dimensions or position in a density-independent way.The density-independent pixel is equivalent to one physical pixel on a 160 dpi screen, which is the baseline density assumed by the system for a "medium" density screen. At runtime, the system transparently handles any scaling of the dp units, as necessary, based on the actual density of the screen in use. The conversion of dp units to screen pixels is simple: px = dp * (dpi / 160). For example, on a 240 dpi screen, 1 dp equals 1.5 physical pixels. You should always use dp units when defining your application's UI, to ensure proper display of your UI on screens with different densities. 简单来说,以160dpi的设备为准,该设备上1dp = 1px;如果屏幕密度大,1dip代表的px就多,比如在320dpi的屏幕上,1dip=2px(即1dp代表2个像素)。在app开发时,最好用dp来做界面的布局,以保证适配不同屏幕密度的手机。 dp和px的换算公式: 我的理解,该公式表示px的数值等于dp的数值*(设备dpi/160)注意,px、dp是单位,但density没单位。 applyDimension的源码如下,可参考: android的尺寸众多,建议使用分辨率为 720x1280 的尺寸设计。这个尺寸 720x1280中显示完美,在 1080x1920 中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。 app启动图标为48*48dp,对应各dpi设备,图像资源像素如下: | mdpi | hdpi | xhdpi | xxhdpi || ---:| ---: | ---:| ---:| ---:||48 48px|72 72px|94 96px|144px 144px| 操作栏图标为32*32dp,对应各dpi设备,图像资源像素如下:其中图形区域尺寸是24*24dp,可参考平时ui切图会有部分留白。 | mdpi | hdpi | xhdpi | xxhdpi || ---:| ---: | ---:| ---:| ---:||32 32px|48 48px|64 64px|96px 96px| 通知栏图标为24*24dp,对应各dpi设备,图标像素如下: | mdpi | hdpi | xhdpi | xxhdpi || ---:| ---: | ---:| ---:| ---:||24 24px|36 36px|48 48px|72px 72px| 某些场景需要用到小图标,大小应当是16*16dp,其中图形区域尺寸12*12dp。 | mdpi | hdpi | xhdpi | xxhdpi || ---:| ---: | ---:| ---:| ---:||16 16px|24 24px|32 32px|48px 48px|

关于安卓手机UI界面设计尺寸规范 手机界面设计尺寸规范的问题分享到这里就结束啦,希望可以解决您的问题哈!