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

最新的中国网民电脑分辨率统计情况显示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%的人还看了以下文章

  • 如何制作自己的网页

    要制作网页,建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。 第一阶段:开始时最好是学些网页编辑软件 如:Dreamweaver,hbuiler X,webstorm,Sublime Text 这样可以使您更了解网页制作与运营的原理。最好是结合教程边学习边制…

    2020年2月18日
    5.6K0
  • 网页制作实战项目四:使用DIV+CSS制作网页

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 使用DIV+CSS制作网页——个人站点制作 【上机目的】 1、 掌握CSS盒模型 2、掌握网页元素的定位 3、掌握DIV+CSS布局的方法和技巧 【上机重点】 1 、网页元素的定位 2、DIV+CSS布局的方法和技巧 【上机难点】从表格布局向DIV+CSS布局的转变 【上机教学方法】 1…

    2018年5月3日
    15.5K0
  • 初学网页制作从这里开始

    本系列教程的目的就是:通过简单、全面和正确的介绍,教会你如何创建网站。本教程将从基础讲起,不要求你具备任何编程知识。假如你继续阅读本教程的话,你将能在一小时内制成一个网站。

    2020年2月22日
    13.2K0
  • 网页设计师必备的45个配色神器

    分享优秀网页设计为大家整理的45个配色神器。

    2019年10月16日 网页设计
    12.6K0
  • 网页设计常用色彩搭配表《配色表》

    该配色表将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。 按色相的搭配分类 红色、橙色、 黄色、 黄绿色、 绿色、 青绿色、 蓝色、 蓝紫色、 紫色、 紫红色 按印象的搭配分类 柔和、明亮、温柔柔和、洁净、爽朗可爱、快乐、有趣活泼、快乐、有趣运动型、轻快轻快、华丽…

    2018年2月5日
    13.0K0
  • 提高网页制作水平的7个要点

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

    2019年7月9日 网页设计
    6.1K0

发表回复

登录后才能评论