主流网页设计页面的的宽度(尺寸)是多少?

最新的中国网民电脑分辨率统计情况显示95%的用户在1280以上,一些用户数较多的电商网站最大宽度一般也为1190或1200,如淘宝、天猫、京东…网页宽度为1200将会成为主流,当然现在很多网站为响应式网站可以适应多种分辨率了。

网页设计第一步:绘制网站草图

制作网页时,电脑端网页的宽度一般是多大?

先来看下主流网站,他们在设计时网页的宽度是多少。
一些用户数较多较大众的电商网站最大宽度:

京东 1210px

一号店 1200px

淘宝 1190px

天猫 1190px

当当 1200px

易迅 1190px

凡客 1200px

从上可以看出,大部分的宽度都在1200px左右,在视觉体验上有很大的提升,但不是说就抛弃了小屏幕用户,现在不少网站都采取了自适应设计,响应式设计。

我从13年开始接触了很多网站都做得是1200,1200的看起来大气,而1000的主体在1920的屏幕下看起来两边都很空,背景有元素还好(背景图,广告位等)。


网页设计尺寸,近年来有了很大改变,不需要担心设备尺寸不同的问题,以目前主流形式来看,有以下:

1、pc端网页的设计稿尺寸是宽度1920px,高度最小是1080px , 主体内容在1200px内就行,比较规范。

2、移动端网页的设计尺寸可以考虑680px和720px。

当前最流行的分辨率是1920*1080,并不意味着在整个画布上进行设计,一般采用全屏展示和两侧留白的方式。
全屏展示,是整个网站看起来大气一些,但是布局要合理安排。
两侧留白是为了适配不同电脑屏幕的尺寸,能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域,内容限时区域在好控制在1000px-1200px。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/5363.html

(19)
江山如画的头像江山如画管理团队
上一篇 2020年3月11日 上午9:39
下一篇 2020年3月11日 下午3:09

99%的人还看了以下文章

  • Table布局 VS Div+CSS布局,选哪个?

    Table布局 和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章《为什么我们不建议用Table布局》,又想发表下自己的见解,供初学网页制作的新手参考。 《为什么我们不建议用Table布局》节选: Table要比其它html标记占更多的字节。 (延迟下载时间,占用服务器更多的流量资源。) Tablle会阻挡浏览器渲染引擎的渲染顺序。 (会延迟页面…

    2018年12月21日
    3.4K0
  • 网站设计的七个步骤

    一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 初学网页制作从这里开始 …

    2020年6月13日
    3.3K0
  • 提高网页制作水平的7个要点

    1. 学好HTML和CSS编程 这是网页设计中最基础,也是最重要的部分。《web前端开发学习路线》 2. 清晰的导航 导航栏是页面中最重要的部分,因为它是用户使用网站最主要的途径。通过使用简单清晰的导航栏,可以提升网站的易用性,还可以减少用户在寻找自己需要的内容时遇到的麻烦。 3. 高质量的图片 高质量的图片,能大大提升网站的逼格。图片应当辅助你的设计来推销…

    2019年7月9日 网页设计
    3.5K0
  • 浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法(精)

    做HTML5网页,要播放视频,视频格式为mp4,结果浏览器只能听到声音,看不到画面。 反复测试,多个浏览器均出现此问题。刚开始以为视频的格式不对,我是从MOV转的MP4格式,反复确认嵌入的视频确实是mp4格式的,可是试了好多次结果都一样,只有声音不显示图像,搞了一天,直接搞懵了。 在网上到处搜索,最终解决。 问题描述: 在html5页面中嵌入视频,用浏览器打…

    2018年5月9日
    16.9K0
  • 一个优秀的网站设计应具备的6个特征

    1、明确和突出的品牌设计 优秀的网站设计师会将品牌的色彩、设计元素贯穿到整个网站的设计中。 2、抢眼独到的头条 网站要有强大的内容支撑。 首页是网站的脸,头条是这个网站的眼! 头条要抢眼,干脆,直击用户,在网页上要一目了然,是视觉焦点。清晰的排版和易于浏览的头条文章,是必须要有的。 3、有阶梯层级的导航 导航设计要简化,给人以“专业”的感觉。尽量让体验顺滑流…

    2018年9月23日
    2.6K0
  • 做个企业网站多少钱?

    联系中国网页设计站长做网站:QQ  41588872 很多企业要做网站,老板先问的是做个网站多少钱? 这个真没有办法直接回答,因为网站的价格跟网站的定位、功能需求、栏目等是息息相关的,你必须描述清楚你的要求才可以给出大致报价。 因此,首先要明确你做网站的目的是什么? 1、展示型网站 只是把网站作为一张“网络名片”,让别人知道你有网站,印在名片上,感觉企业高大…

    2018年9月30日
    3.6K0

发表回复

登录后才能评论