首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

昌平APP开发教大家:移动端界面尺寸应该怎样设计

移动端界面尺寸应该怎样设计?众所周知移动端界面设计的尺寸与电脑端的尺寸设计是不一样的,有的公司因为费用会选择(xuanze)设计兼容性好点的电脑页面,但是这样的APP肯定没有直接设计的手机端界面更好。昌平APP开发需要APP虚拟空间、域名以及动态APP的数据库这三个最基本的条件。APP虚拟空间是用来存放APP文件,如:图片信息,html文件,php文件等,相当于一个硬盘空间,域名即指访问APP的地址。

苹果以普通屏为基准,给Retina屏定义了一个2倍的倍率(iPhone 6plus除外,它达到了3倍)。实际像素除以倍率,就得到逻辑像素尺寸。只要两个屏幕逻辑像素相同,它们的显示效果就是相同的。

Android的解决方法类似,但更复杂一些。因为Android屏幕尺寸实在太多,分辨率高低跨度非常大,不像苹果只有那么几款固定(fixed)设备、固定尺寸。所以Android把各种设备的像素密度划成了好几个范围区间,给不同范围的设备定义了不同的倍率,来保证显示效果相近。像素密度概念虽然重要,但用不着我们自己算,iOS与Android都帮我们算好了。

如图所示,像素密度在120左右的屏幕归为ldpi,160左右的归为mdpi,以此类推。这样,所有的Android屏幕都找到了自己的位置,并赋予了相应的倍率:

ldpi [0.75倍]

mdpi [1倍]

hdpi [1.5倍]

xhdpi [2倍]

xxhdpi [3倍]

xxxhdpi [4倍]

各型号iPhone的倍率比较简单,我们后面会讲到。那么Android手机那么多,具体怎么分哪些手机是几倍的倍率呢我们先看一张表,这是友盟2014年10月到2015年03月的数据(data):

就目前市场(shì chǎng)状况而言,各种手机的分辨率可以这样粗略判断。APP设计最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。虽然不全面,但至少在1年内都还有一定的参考意义:

ldpi 如今已绝迹,不用考虑(consider)

mdpi [320x480](市场份额不足5%,新手机不会有这种倍率,屏幕通常都特别小)

hdpi [480x800、480x854、540x960](早年的低端机,屏幕在3.5英寸档位;如今的低端机,屏幕在4.75.0英寸档位)

xhdpi [720x1280](早年的中端机,屏幕在4.75.0英寸档位;如今的中低端机,屏幕在5.05.5英寸档位)

xxhdpi [1080x1920](早年的高端机,如今的中高端机,屏幕通常都在5.0英寸以上)

xxxhdpi [1440x2560](极少数2K屏手机,比如Google Nexus 6)

自然地,以1倍的mdpi作为基准。像素密度(单位:g/cm3或kg/m3)更高或者更低的设备,只需乘以相应的倍率,就能得到与基准倍率近似的显示效果。

不过需要注意(attention)的是,Android设备的逻辑像素尺寸并不统一。昌平APP开发属于前台工程师的一项任务,前台工程师任务包括:APP设计、APP用户体验、APPJAVA效果、昌平APP开发等工作。比如两种常见的屏幕480x800和1080x1920,它们分别属于hdpi和xxhdpi。除以各自倍率1.5倍和3倍,得到逻辑像素为320x533和360x640。很显然,后者更宽更高,能显示更多内容。所以,即使有倍率的存在,各种Android设备的显示效果仍然没有办法做到完全一致。

移动端界面尺寸应该怎么样设计?以上就是小编为大家带来的关于移动端界面尺寸应该怎样设计的全部内容介绍了。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询