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

上海网站制作之移动端页面尺寸设计考虑的因素有哪些?

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

上海网站制作之移动端页面尺寸设计考虑的因素有哪些?移动端页面尺寸设计考虑(consider)的因素(factor)有哪些?现在我们常常看到的电商网站的手机页面大都是直接按照移动端页面尺寸设计的,那么你知道移动端页面尺寸设计考虑的因素有哪些吗?小编就来与大家聊一聊这个问题(Emerson)。



 
可以通过(tōng guò)这个测试(TestMeasure)页面 来看看你的移动设备(shèbèi)屏幕宽度,这是逻辑(Logic)像素宽度。
以iPhone 5s为例,屏幕的分辨率是640x1136,倍率是2。上海做网站空间域名都准备好了,现在开始做网站内容了。可能很多朋友都在这里晕了。但是不要担心,现在有很多的程序都是现成的,直接下载下来就可以自己安装。常见的程序有Discuz,ecshop,wordpress。这些程序都是免费的。安装起来也非常简单。浏览器会认为屏幕的分辨率是320x568,仍然是基准倍率的尺寸。所以在制作页面时,只需要按照基准倍率来就行了。无论什么样的屏幕,倍率是多少,都按逻辑(Logic)像素尺寸来设计和开发页面。只不过在准备(ready)资源图的时候,需要准备2倍大小的图,通过(tōng guò)代码(code)把它缩成1倍大小显示,才能保证清晰。
实际应用
大家最关心的还是实际运用,画布该怎么设置。我们就iO
  S、Androi
  D、Web三个平台来分别梳理一下。不过在这之前,我要为使用PHOTOSHOP进行设计的朋友介绍一个小知识(Skill)。
之前我说过,我们要以逻辑(Logic)像素尺寸来思考界面。上海做网站空间域名都准备好了,现在开始做网站内容了。可能很多朋友都在这里晕了。但是不要担心,现在有很多的程序都是现成的,直接下载下来就可以自己安装。常见的程序有Discuz,ecshop,wordpress。这些程序都是免费的。安装起来也非常简单。体现(tǐ xiàn)到设计过程(guò chéng)中,就是要把单位(unit)设置成逻辑像素。打开PHOTOSHOP的首选项——单位与标尺界面,把尺寸和文字单位都改成点(Point)。这里的点也就是pt,无论设计iO
  S、Android还是Web应用,单位(unit)都用它。当然,各平台单位名称还是要记住的。这里我们用的只是它的原理,不用在意名称。
要调节倍率,则通过(tōng guò)图像大小里的DPI来控制(control)。上海网站建设公司是指使用标识语言(markup language),通过易雅达一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF, JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行,同样地它们亦需要标示语言移植在网站内。这个DPI,其实就是PPI,像素密度(单位:g/cm3或kg/m3)。有个常识大家都知道,屏幕上的设计DPI设成72,印刷品设计DPI设成300。
移动端页面尺寸设计考虑(consider)的因素(factor)有哪些?以上文章就是小编为大家带来的关于移动端页面尺寸设计考虑的因素(factor)有哪些的全部文字介绍了,希望对你有所帮助。
 


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