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

石景山APP开发论述:移动端页面尺寸设计应该考虑哪些细节

移动端页面尺寸设计应该考虑哪些细节?我们看到的电商APP如聚美优品等的手机界面大都是直接按照手机尺寸设计的,那么你知道移动端页面尺寸设计应该考虑哪些细节吗?小编就来与大家聊一聊这个问题。

有个常识大家都知道,屏幕上的设计DPI设成72,印刷品设计DPI设成300。石景山APP开发动态APP的数据库用来存会员信息以及动态页面所用到的数据表,这里的APP数据并非APP的html文件、图像信息等,指的是如APP访客提交的留言,个人信息等,传统的静态APP无需数据库支持。为什么是这两个数字

首先说300,这和人眼的分辨能力有关。由于1英寸是固定长度,每1英寸有多少个像素点决定了画质清晰程度。之前说过,这就是像素密度,也就是DPI。DPI达到300以上,其细腻(细致光滑或描写、表演等细致入微)程度就会给人真实感,像真实世界中的物件。相反,DPI只有10的话,在你一个食指指节大小的长度内只有10个像素,这明显就是马赛克(又名:锦砖)了。所以印刷品要设成300,才能保证清晰。

再说72,这有一定的历史原因。最早的图形设计是在mac电脑上进行的,mac本身的显示器分辨率就是72。PHOTOSHOP中把图像DPI也设成72,就能保证屏幕上显示的尺寸和打印尺寸相同,便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准,这套规则就这么沿用下来。

现在回到正题,我们怎么通过DPI来调节倍率既然屏幕本身的分辨率是72,DPI设成72刚好是1倍尺寸,那设成72的两倍就是倍率为2的屏幕了,就这么简单。

下面来看看3个平台各自的画布设置:

iPhone

iPhone的屏幕尺寸各不相同,我说的是逻辑像素尺寸,这确实是让人很头疼的事情。石景山APP开发需要APP虚拟空间、域名以及动态APP的数据库这三个最基本的条件。APP虚拟空间是用来存放APP文件,如:图片信息,html文件,php文件等,相当于一个硬盘空间,域名即指访问APP的地址。石景山APP开发公司是策划师、网络程序员、APP设计等岗位,应用各种网络程序开发技术和APP设计技术,为企事业单位、公司或个人在全球互联网上开发站点,并包含域名注册和主机托管等服务的总称。如果想用一套设计涵盖所有iPhone,就要选择(xuanze)逻辑像素折中的机型。

从市场(shì chǎng)占有率数据(data)来看,目前最多的是iPhone5/5s的屏幕。倍率为2,逻辑(Logic)像素320x568。上升势头(指情势;事物发展的趋势)最猛,未来有望登上第一的是iPhone 6的屏幕。倍率为2,逻辑像素375x667。

按照这两种尺寸来设计,都是比较主流的做法。可以兼顾短一些的iPhone 4s,大一点的6 plus也不会过于空旷。

不过在切图的时候要注意(attention),由于iPhone 6 plus的3倍图是由2倍图放大而来,所以位图要注意保证清晰。

移动端页面尺寸设计应该考虑哪些细节?以上文章内容就是小编总结(zǒng jié)的移动端页面尺寸设计应该考虑哪些细节的全部内容了,这些你都学会了吗?

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

电话咨询