北辰网站建设公司,北辰网站设计公司,北辰做网站的公司

• 设计类型：
  其他
• 设计内容：
  网站建设
• 服务项目：
  网站建设
• 主要用途：
  网站建设
• 设计周期：
  1天
• 制作周期：
  1天

• 公司：
  圣辉友联网络科技有限公司
• 手机：
  13370492260
• 联系人：
  吕彦
• 电话：
  022-87732466
• 地址：
  北京市丰台区天津市南开区如意大厦1号楼13层

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

移动端界面设计之尺寸基础常识,我们都知道移动端界面设计的尺寸与电脑端的尺寸设计是不一样的,有的公司因为费用或者其他因素的考虑,会考虑只设计适用电脑端的界面,或者兼容性高的网站页面,这里圣辉友联就为大家总结一下移动端界面设计之尺寸基础常识。

初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。
现象
首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到非常多种分辨率:480x800, 480x854, 540x960, 720x1280, 1080x1920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了:640x960, 640x1136, 750x1334, 1242x2208。
不要被这些尺寸吓倒。实际上大部分的app和移动端网页,在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法,而且有规律可循。
像素密度(单位:g/cm3或kg/m3)
要知道,屏幕是由非常多像素点组成的。之前提到那么多种分辨率,都是手机屏幕的实际像素尺寸。比如480x800的屏幕,就是由800行、480列的像素点组成的。每个点发出不同颜色的光,构成我们所看到的画面。而手机屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320x480,iPhone 4s的屏幕像素是640x960。刚好两倍,然而两款手机都是3.5英寸的。
所以,我们要引入最重要的一个概念:像素密度(单位:g/cm3或kg/m3),也就是PPI(pixels per inch)。这项指标是连接数字世界与物理世界的桥梁。
以上文章就是圣辉友联为大家带来的关于移动端界面设计之尺寸基础常识的全部网站内容了,这些你都学会了吗