欢迎来到下载app老子有钱!

下载app老子有钱

下载app老子有钱一站式解决服务商

应用于多行业,安全省心,有效控制成本

全国服务热线:

18805412666

网页设计的首屏尺寸一般是多少?

发布日期:2020-10-02 14:25

  一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

  对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络):

  最新的数据可参考自己的一篇博客,文章中我并没有说首屏的确切高度,但是首屏高度根据文章中的数据和不同的操作系统的浏览器高度自己控制好大致范围即可,以不变应万变,没有死的一个标准,具体项目具体分析。

  1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

  2、1024*768下,网页宽度保持在1002以内,如果满框显示的线之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)

  3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右

  4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.

  每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

  相关的资料下载:网页版式设计原理ppt版本《访客至上的网页设计秘笈》pdf全本最后还有沙拉一道:常用工具下载、交互,UI相关分享设计师文化周

  你可以用@media screen自适应浏览器。设计的尺寸一般等同于工作用的机器。

  网页要跟需求相结合,首先得看你的网页面向的是哪些群体,对这些群体的样本进行采样,尽量掌握大部分人使用的分辨率,这样做的网页尺寸才比较契合实际。

  如果分辨率差异较大,就需要做多个不同尺寸的网页,比如手机版,平板,台式,显示器的分辨率不一致,就需要专门定制css样式了。

  通常自己练习就根据自己的电脑来看吧,比如1366的,就900到1300或者全屏显示也行,网页宽度太小就会让人觉得这个网页太小气了。

网站地图