自适应网页在PS中制作效果图时,尺寸应如何设定,还有屏幕尺寸宽度的不一,是不是同一个模板要做几个尺寸

如题所述

自适应的网页以主要显示尺寸为主。如:你的网页需要适应一下屏幕:
1920*1080 【21.5宽屏】
1024*768 【标准屏幕】
600*1024【平板屏幕】
320*480【手机屏幕】
则,你需要设计两个尺寸即可,1440*900【小宽屏,内容限制1000*600】,600*1024【平板竖版,根据设备UI限制区域】,这样,一个横版,一个竖版即可(共用内容可以制作成模板模块,效果图的处理会快一些)。

通常来说,做电脑端的页面,我较为喜欢使用1400*N000的尺寸,内容限制为960或1200,这样的效果图在各个界面上看起来都不错(1920宽度的话,两侧的白边很大,1024的时候又太窄),浏览器打开效果图,刚好模拟最终效果。

手持设备的话,因为是竖屏,因此设计一个版面即可,手持界面中,通常宽度不做限制,以充分利用屏幕的宽度,高度为自适应,根据宽度,内容的高度自动调整,而且,在制作静态页的时候,也是使用百分比来定义页面的尺寸。
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-07-27
自适应(Adaptive )指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。这个是现在网站一个最基础的条件了吧。
虽然很难,要求也挺高的。但是不是没有办法,凡科网站模板都是自适应的,所以这个就不用愁了,而且不用下载,直接网站上修改,它的操作及管理方式和传统的大不一样,只需在线登录建站平台即可,不但不用下载、不用解析各种模板和软件,连后台也更加全面、专业本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网