移动网站界面设计尺寸的基础常识

移动端界面设计的尺寸与电脑端的尺寸设计是不一样的，有的公司因为费用或者其他要素，会思索只设计适用电脑端的界面，或者兼容性高的网站页面。这里就为大家总结一下移动端界面设计之尺寸根底常识。

 
做网站，空间域名都预备好了，现在开端做网站内容了。现在有许多的程序都是现成的，直接下载下来就能够本人装配。惯用的程序有Discuz，ecshop，wordpress。这些程序都是免费的。装配起来也十分简单。

 

初涉移动端设计和开发的同学们，根本都会在尺寸问题上纠结好一阵子才干摸到眉目。网站建立前期预备包括了前期网站定位、内容差别化、页面沟通等战略性调研，这些确立后，再去注册域名、租用空间、网站作风设计、网站代码制造五个局部，这个过程需求网站筹划人员、美术设计人员、WEB程序员共同完成。

 

网站是企业显现自己形象、发布产品信息、联络网上客户的新平台、新寰宇，进而能够经过电子商务拓荒新的市场，以极少的投入取得极大的收益和利润。我也花了很长时间才弄晓畅，觉得有必要写一篇充足浅显易懂的教程来帮忙大家。从原理说起，理清关于尺寸的统统细节。因为是写给初学者的，所以不要嫌我啰嗦。征象 首先说征象，大家都晓得移动端设备(shèbèi)屏幕尺寸十分多，碎片(suipian)化紧张。

 

分外是Android，你会听到十分多种分辨率：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640x960, 640x1136, 750x1334, 1242x2208。不要被这些尺寸吓倒。实践上大局部的app和移动端网页，在各种尺寸的屏幕上都能正常展现。阐明尺寸的问题(Emerson)肯定有处理办法，而且有规律（rhythmical)可循。像素密度（单位：g/cm3或kg/m3) 要晓得，屏幕是由十分多像素点组成的。

 

做网站购置空间。空间，望文生义，就是寄存网页内容的中间了。一个网站的程序，数据，悉数都放在这个里面。新手的话倡议先用空间学习一下，后续比拟高级一点的还有VPS，效劳器。选择空间商商要留意售后效劳，稳固性，访问速度，最好是像这样骨干节点城市的机房。之前提到那么多种分辨率，都是手机屏幕的实践像素尺寸。比方480x800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。

 

而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320x480，iPhone 4s的屏幕像素是640x960。刚好两倍，但是两款手机都是英寸的。所以，我们要引入最紧张的一个概念(Idea)：像素密度（单位：g/cm3或kg/m3)，也就是PPI(pixels per inch)。这项指标（target aim)是衔接数字世界与物理世界的桥梁(Bridge)。