首页 » 爱好 » 手机ui设计尺寸(手机ui设计尺寸规范)

手机ui设计尺寸(手机ui设计尺寸规范)

星慧 2022-08-22 0

扫一扫用手机浏览

文章目录 [+]

本文目录一览:

安卓系统手机UI设计规格是多少

Android界面尺寸:480*800、720*1280、1080*1920。[单位:像素]

Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。

手机网页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,给手机的终端用户带来巨量的应用软件。这些软件良莠不齐,界面各异,手机的终端用户在众多的应用使用中,最终会选择界面视觉效果良好,且具有良好体验的应用留在自己的手机上长期使用。

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

安卓系统UI设计尺寸怎么定?

众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。

1、字体

安卓系统中文采用的是思源黑体,英文字体为robot字体。

只使用偶数单位 24 pt,28 pt,36 pt等字体大小

2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思?

讲图标之前先来分析一下一排英文的意思:

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次数值越大,其分辨率越高。常用的是xxhdpi和xxxhdpi。

dp是安卓系统专用的长度单位,设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用,文字则用sp(放大像素),主要用于字体显示best for textsize。

px是像素的意思, 不同设备显示效果相同。

安卓各屏幕密度关系如下:

3、图标

不同手机品牌的图标的标志是不一样的,对应不同大小屏幕的尺寸如下:

应用图标的尺寸:

快捷图标的尺寸:

系统图标的尺寸:

4、应用栏的尺寸

从左到右依次是:① 应用栏高度:56dp;应用栏左右内边距为16dp;应用栏图标上下左内边距为16dp;应用栏标题左内边距为72dp;应用栏标题下边距:20dp;

②应用栏高度为128dp;

③操作栏高度为56dp;标题栏高度:80dp;标题栏底部内边距:8dp;描述区域高度:72dp;描述区底部内边距:16dp。

5、列表高度

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

垂直边距

①状态栏:24dp;②工具栏:56dp;③子标题:48dp;④列表项:72dp

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

垂直边距

①状态栏:24dp;②工具栏:56dp;③标题和列表项:48dp;④子标题:48dp;⑤内容区域间距离为8dp

6、界面适配

安卓多屏幕支持的基础是它能够管理应用程序的布局和位图可绘制对象的渲染以适当的方式对当前屏幕配置的能力。该系统处理的大部分工作由布局缩放以适合屏幕尺寸/密度和缩放位图可绘制在屏幕密度正确呈现您的应用程序在每个屏幕的配置,来优化用户界面设计,带来更良好的用户体验。

如何做到安卓界面适配呢?大家一定要很清楚的了解分辨率、屏幕大小、密度的关系;明白实际密度和系统密度的关系,dp、sp、px的区别;明白dp与px的转换。这里不做过多阐述,后期写一篇具体的~

安卓的界面规范就讲到这里,要明白设计界面规范的意义是确保设计的统一性与合理性,规范维护的是项目的统一,为了项目利益最大化,高效化。所以作为UI设计师的我们,如果一点设计规范不遵守,全靠自己想当然,那就别发给前端人员啦,他也看不懂。

安卓手机ui设计尺寸规范

众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米、魅族、华为、oppo、三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范。

1、字体

安卓系统中文采用的是思源黑体,英文字体为robot字体。

只使用偶数单位 24 pt,28 pt,36 pt等字体大小

2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思?

讲图标之前先来分析一下一排英文的意思:

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次数值越大,其分辨率越高。常用的是xxhdpi和xxxhdpi。

dp是安卓系统专用的长度单位,设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用,文字则用sp(放大像素),主要用于字体显示best for textsize。

px是像素的意思, 不同设备显示效果相同。

从左到右依次是:① 应用栏高度:56dp;应用栏左右内边距为16dp;应用栏图标上下左内边距为16dp;应用栏标题左内边距为72dp;应用栏标题下边距:20dp;

②应用栏高度为128dp;

③操作栏高度为56dp;标题栏高度:80dp;标题栏底部内边距:8dp;描述区域高度:72dp;描述区底部内边距:16dp。

5、列表高度

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

垂直边距

①状态栏:24dp;②工具栏:56dp;③子标题:48dp;④列表项:72dp

UI界面设计尺寸应该是多少?

01、界面设计尺寸及栏高度

(1)我们用Photoshop做设计新建画布应该设置多大呢?另外,iOS应用中的栏,包括状态栏、导航栏、标签栏、工具栏等,它们的高度又分别是多少呢?(注意:iOS严格规定了各个栏的高度,这个是必须遵守的)通过下面的表格和图示来为你解答上面的问题。

(2)目前主流的iOS设备iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x和@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。

(3)注意:在进行iphone x设计的时候我们依然可以采用熟悉的iphone 7的设计尺寸作为模板,只是高度增加了290px,设计尺寸为750*1624(@2x)。注意状态栏的高度由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。

相关文章

  • 暂无相关推荐