售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 网站托管运营

移动端页面尺寸设计应该考虑哪些细节

网站编辑:小润 | 发表时间:2019-02-09 16:14:09

  


移动端页面尺寸设计应该考虑(consider)哪些细节?我们看到的电商网站如聚美优品等的手机界面大都是直接按照手机尺寸设计的,那么你知道移动端页面尺寸设计应该考虑哪些细节吗?小编就来与大家聊一聊这个问题(Emerson)。上海网站建设公司是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计,网页图形设计,界面设计,创作,其中包括标准化的代码和专有软件,用户体验设计和搜索引擎优化。易雅网许多人常常会分为若干个工作小组,负责网站不同方面的设计。网页设计是设计过程的前端(客户端),通常用来描述的网站,并不是简单的一个页面,一个网站是包括很多工作的,其中包括域名注册查询设计效果图,布局页面,写代码等工作。
 
 
有个常识大家都知道,屏幕上的设计DPI设成72,印刷品设计DPI设成300。为什么是这两个数字
首先说300,这和人眼的分辨能力有关。由于1英寸是固定(fixed)长度,每1英寸有多少个像素点决定了画质清晰程度。之前说过,这就是像素密度(单位:g/cm3或kg/m3),也就是DPI。DPI达到300以上,其细腻(细致光滑或描写、表演等细致入微)程度就会给人真实感,像真实世界中的物件。相反,DPI只有10的话,在你一个食指指节大小的长度内只有10个像素,这明显就是马赛克(又名:锦砖)了。所以印刷品要设成300,才能保证清晰。
再说72,这有一定的历史原因。最早的图形设计是在mac电脑上进行的,mac本身的显示器分辨率就是72。PHOTOSHOP中把图像DPI也设成72,就能保证屏幕上显示的尺寸和打印尺寸相同,便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准,这套规则就这么沿用下来。
现在回到正题,我们怎么通过(tōng guò)DPI来调节倍率既然屏幕本身的分辨率是72,DPI设成72刚好是1倍尺寸,那设成72的两倍就是倍率为2的屏幕了,就这么简单。上海做网站空间域名都准备好了,现在开始做网站内容了。可能很多朋友都在这里晕了。但是不要担心,现在有很多的程序都是现成的,直接下载下来就可以自己安装。常见的程序有Discuz,ecshop,wordpress。这些程序都是免费的。安装起来也非常简单。
下面来看看3个平台各自的画布设置:
iPhone
iPhone的屏幕尺寸各不相同,我说的是逻辑(Logic)像素尺寸,这确实是让人很头疼的事情。如果想用一套设计涵盖所有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倍图放大而来,所以位图要注意保证清晰。上海做网站购买空间。空间,顾名思义,就是存放网页内容的地方了。一个网站的程序,数据,全部都放在这个里面。新手的话建议先用空间学习一下,后续比较高级一点的还有VPS,服务器。选择空间商商要注意售后服务,稳定性,访问速度,最好是像上海这样骨干节点城市的机房。
移动端页面尺寸设计应该考虑(consider)哪些细节?以上文章网站内容就是小编总结(zǒng jié)的移动端页面尺寸设计应该考虑(consider)哪些细节的全部内容了,这些你都学会了吗?
 


关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130