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

丰台APP开发教大家:移动端页面尺寸设计考虑的因素有哪些

移动端页面尺寸设计考虑的因素有哪些?现在我们经常看到的电商APP的手机页面大都是直接按照移动端页面尺寸设计的,那么你知道移动端页面尺寸设计考虑的因素有哪些吗?小编就来与大家聊一聊这个问题。APP设计最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。

可以通过这个测试(TestMeasure)页面 来看看你的移动设备(shèbèi)屏幕宽度,这是逻辑(Logic)像素宽度。

以iPhone 5s为例,屏幕的分辨率是640x1136,倍率是2。丰台APP开发公司通俗的来说就是APP通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列工作的总和,也是将APP设计师的图片用HTML(标准通用标记语言下的一个应用)方式展示出来。浏览器会认为屏幕的分辨率是320x568,仍然是基准倍率的尺寸。所以在开发页面时,只需要按照基准倍率来就行了。无论什么样的屏幕,倍率是多少,都按逻辑(Logic)像素尺寸来设计和开发页面。只不过在准备资源图的时候,需要准备2倍大小的图,通过代码把它缩成1倍大小显示,才能保证清晰。

实际应用

大家最关心的还是实际运用,画布该怎么设置。我们就iO

S、Androi

D、Web三个平台来分别梳理一下。不过在这之前,我要为使用PHOTOSHOP进行设计的朋友介绍一个小技巧(Skill)。

之前我说过,我们要以逻辑(Logic)像素尺寸来思考界面。体现到设计过程中,就是要把单位设置成逻辑像素。打开PS的首选项——单位与标尺界面,把尺寸和文字单位都改成点(Point)。这里的点也就是pt,无论设计iO

S、Android还是Web应用,单位都用它。当然,各平台单位名称还是要记住的。这里我们用的只是它的原理,不用在意名称。

要调节倍率,则通过图像大小里的DPI来控制。这个DPI,其实就是PPI,像素密度(单位:g/cm3或kg/m3)。有个常识大家都知道,屏幕上的设计DPI设成72,印刷品设计DPI设成300。

移动端页面尺寸设计考虑(consider)的因素(factor)有哪些?以上文章就是小编为大家带来的关于移动端页面尺寸设计考虑的因素有哪些的全部文字介绍了,希望对你有所帮助。丰台APP开发属于前台工程师的一项任务,前台工程师任务包括:APP设计、APP用户体验、APPJAVA效果、APP开发等工作。

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

电话咨询