当前位置:首页 > 体育 >

ui设计现在以什么尺寸为准(ui设计官网尺寸)

来源:原点资讯(www.yd166.com)时间:2023-11-17 23:06:31作者:YD166手机阅读>>

Android的设计规范及分辨率尺寸

一:设计规范(以720*1280px为准):

注:所有的规范时基于320PPI的,要做其他分辨率的设计图,只需要把720*1280px对应的像素值换成 DP;适应哪个分辨率就,所对应的像素px=dp*比例,例如:240ppi--px=8dp*1.5

画布:720*1280px (5.5英寸)

布局:statusbar:状态栏:50px

navigationbar:导航栏:96px

Tab bar:菜单栏:96px

Content:内容区:1038px

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96px

字体:中文:思源黑体/Noto Sans Han 英文、数字:Roboto

按钮文字,小标题:32px; (16dp)(供参考,具体的根据设计来定)

ui设计现在以什么尺寸为准,ui设计官网尺寸(1)

间距,图标按钮尺寸:左右间距与内容之间的距离:16px; (8dp)

可触摸UI元件的尺寸:96px (最小);(48dp)

默认list高度:96px;(48dp)

每个元素之间的最小间距:16px;(8dp)

界面默认btn的高度:80px; (40dp)

操作栏图标:图像资源大小是:32*32dp=64px

图行区域尺寸是:24*24dp=48px

小图标:图像资源大小是:16*16dp=32px

图行区域尺寸是:12*12dp=24px

ui设计现在以什么尺寸为准,ui设计官网尺寸(2)

按钮状态及样式:按钮状态主要分为普通(normal)、选中(selected)、 按下(highlighted)、不 可点(disabled)四种,大部分按钮都包含了这4种状态。

图标logo:画布:512*512px 圆角:10px

切图大小:36*36px 48*48px 72*72px 96*96px 144*144px192*192px 49*49px

二:Android换算概念:

像素(PX)(pixel): 代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。

不同设备显示效果相同。这里的“相同”是指像素数不会变,比如指定UI长度是 100px,那么不管分辨率是多少UI长度都是100px,也正因为如此才造成了UI在小分 辨率设备上放大而失真,在大分辨率上被缩小。

密度(DP):为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。

像素密度(ppi):PPI = Pixels per inch,每英寸上的像素数.

ppi=√(长度像素数2 宽度像素数2)/屏幕对角线英寸数,以三星 Note2 为例,PPI=√(12802 7202)/5.5=267

为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi)像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,1DP等于1.5PX。

分辨率(Resolution):指手机屏幕垂直和水平方向上的像素个数。如分辨率是480*800,则是指设备垂直方向有800个像素点,水平方向有480个像素点。

三:多种屏幕分辨率规格:

ui设计现在以什么尺寸为准,ui设计官网尺寸(3)

ui设计现在以什么尺寸为准,ui设计官网尺寸(4)

ui设计现在以什么尺寸为准,ui设计官网尺寸(5)

欢迎加入UI设计群587751709 一起加油进步!

栏目热文

ui设计尺寸一览表(ui界面设计标准尺寸)

ui设计尺寸一览表(ui界面设计标准尺寸)

在对界面的一些尺寸规范不是十分清楚的时候,往往凭借自己的感觉去绘制界面。大家都知道移动端设备屏幕尺寸非常多。尤其是And...

2023-11-17 23:17:45查看全文 >>

设备有虚电是怎么产生的(怎么判断是否是虚电)

设备有虚电是怎么产生的(怎么判断是否是虚电)

骑着电动车上路,一遇上坡,电量就掉格,下坡的时候,电量却又呈现“满血”状态,这样的情况相信很多人都遇到过。排除电池故障原...

2023-11-17 23:21:15查看全文 >>

虚电压怎么解决(虚电压怎么判断)

虚电压怎么解决(虚电压怎么判断)

电压低导致很多家用电器及工厂设备无法正常使用,影响工作生产,创稳今天就来帮大家分析下电压低的原因解决办法。电压低是什么原...

2023-11-17 23:17:45查看全文 >>

苹果手机虚电怎么解决(苹果手机虚电解决方法)

苹果手机虚电怎么解决(苹果手机虚电解决方法)

25分钟钱 电冲到51 用了10多分钟一下变 18 一下变8了 虚电 一半电 都用不到半小时,...

2023-11-17 22:54:37查看全文 >>

电路虚电怎么解决(怎么解决电路过电压)

电路虚电怎么解决(怎么解决电路过电压)

  锂电池虚电是指电池的电荷水平降低到较低的程度,接近或达到了电池的最低允许电压。在这种状态下,电池的电量已经非常低,无...

2023-11-17 22:54:33查看全文 >>

ui设计字号标准(ui设计字号怎么排)

ui设计字号标准(ui设计字号怎么排)

在开始着手设计手机app界面时,困扰着新人的除了不知道应该在界面中放什么以外,最突出的就是不知道元素应该使用的长宽数值,...

2023-11-17 23:15:41查看全文 >>

ui尺寸设置图解(ui如何制作2个尺寸)

ui尺寸设置图解(ui如何制作2个尺寸)

在上篇文章《基础科普!超全面的 UI 元素尺寸设置指南(上)》中介绍了设置 UI 元素尺寸的基础规范,及控件尺寸的定义。...

2023-11-17 22:46:01查看全文 >>

ui设计图最新尺寸(最新ui设计规范尺寸)

ui设计图最新尺寸(最新ui设计规范尺寸)

相信很多宝宝做设计的时候都会头疼尺寸的问题,尤其对于UI新手,其实并不复杂,关键是设计本身比较难把握,下面先看一下总结的...

2023-11-17 23:09:44查看全文 >>

ui设计长图一般多大(ui设计现在以什么尺寸为准)

ui设计长图一般多大(ui设计现在以什么尺寸为准)

Hello,大家好!我是柏小陌OK,一名UI设计师,小陌粗品,粗暴好用!今天和大家聊一聊不同工作阶段的UI设计师作品集应...

2023-11-17 23:07:52查看全文 >>

ui设计尺寸和分辨率(ui设计现在以什么尺寸为准)

ui设计尺寸和分辨率(ui设计现在以什么尺寸为准)

初入移动端开发和UI设计的童鞋可能对UI尺寸和单位特头痛,孟春觉得分享一下手机APP/Web UI尺寸和单位的经验是有价...

2023-11-17 22:51:22查看全文 >>

文档排行