网页界面设计 网页设计合适的页面尺寸是多少?
网页设计合适的页面尺寸是多少?
网页设计的合适尺寸有了很大的变化,不需要担心不同设备尺寸的问题。在当前的主流形式中,有以下几种:
1。PC端网页的设计稿尺寸为宽1920px,高1080px,主要内容在1200px以内,比较规范。
2. 手机网页的设计尺寸可以考虑680px和720px
HTML5手机网页设计初稿。一般来说,如果内容区域是750px或960px或1080px,则通常不小于750px像素大小(宽度)
设计草图可以大于750px,但不得小于750px。这主要是因为目前手机(iPhone)6的分辨率相对较高,是375个物理像素,但实际像素是750的两倍,这就是750的来源)
如果设计草图太小,在实现草图时,在高分辨率的情况下,前端的图像大小会变得模糊,所以就这样为什么我们需要“大”分辨率
另外,我们需要注意的是,在设计草稿时要保证页面的参考字体大小在320px以内,最小字体大小不能小于12像素。在与其他像素的设计草图中,它可以按相等的比例进行转换(12/320px*设计草图的像素值)
HTML5移动网页的设计稿尺寸应该是多少?
网页的大小受到两个因素的限制:一是显示屏。现在显示器种类繁多,以17英寸为主流,正向19英寸、宽屏幕方向发展。不过,也有许多15英寸的显示器。另一个是浏览器软件,高度使用方便:高度可以向下延伸,所以一般没有高度限制。对于屏幕,通常没有固定的值,因为每个人的浏览器工具栏都不同。我看到一些浏览器工具栏被插件占据了屏幕的一半,所以没有确切的高度值。宽度:1。在IE6.0中,宽度是显示分辨率减去21,例如,1024宽度-21变为1003。但值得注意的是,无论页面有多高,IE6.0(或更低版本)的右侧都有一个滚动条。2在Firefox中,宽度分辨率降低了19。例如,1024-19的宽度变为10053。在欧佩尔,宽度分辨率降低了23。例如,1024-23的宽度变为1001。注意:当内容小于浏览器高度时,右滚动条将不会在Firefox或opear中显示。所以如果分辨率是1024,你的网页就没有1000安全了。设置900作为两边的空白是比较舒服的。设计一些浮动层也很方便。如果是800,分辨率通常设置为770。但有些设定为760。您需要了解并牢记,否则可能无法满足浏览器的要求。但是,我们通常把它设置得小一点。我们应该在一些浏览器中添加插件或其他东西,宽度会改变。因此,将分辨率800设置为760左右,将分辨率1024设置为990左右
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。