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

最新的中国网民电脑分辨率统计情况显示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)
江山如画的头像江山如画管理团队
赞!5个优秀的学生网页设计作品欣赏
上一篇 2020年3月11日 上午9:39
网页上标准的广告尺寸规格大全
下一篇 2020年3月11日 下午3:09

99%的人还看了以下文章

  • 界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

    界面设计的字体规范:常用字体,字号,字体颜色及间距对齐界面设计的字体规范:常用字体,字号,字体颜色及间距对齐界面设计的字体规范:常用字体,字号,字体颜色及间距对齐界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

    今天125网页设计给大家分享界面设计中常用的字体,字号,字体颜色及间距对齐的一些小经验,通过设计经验可以帮助你做出更好的版式,相信大家会有收获。 一、常见界面设计中字体使用问题 1.字体样式太多,导致页面杂乱 2.使用的字体不易识别 3.字体样式和内容的气氛或规范不匹配 二.界面设计中文字的使用规则 移动端常规字体 IOS:常选择华文黑体或者冬青黑体,尤其是…

    2018年12月29日 网页设计
    10.0K0
  • 制作网页,你需要掌握以下知识

    推荐:如何制作网页,网站制作流程 HTML(超文本标记语言):HTML是用于构建网页结构的标记语言。你需要学习HTML标签、属性和元素的使用,了解如何创建网页的基本结构、标题、段落、链接、图像等。推荐学习:Html入门教程(零基础)、跟永哥学HTML5 CSS(层叠样式表):CSS用于为网页添加样式和布局。你需要学习CSS选择器、属性和值的使用,了解如何设置…

    2023年10月4日
    13.0K0
  • 汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    中国具有五千年文字历史,文字中所包涵的精髓,值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征,并能灵活运用字体进行编排设计,才能使作品的内容更清晰、更有条理地传达给读者。

    2023年1月18日 网页设计
    25.2K0
  • 赞!UI设计师必须学习的3个色彩理论

    赞!UI设计师必须学习的3个色彩理论赞!UI设计师必须学习的3个色彩理论赞!UI设计师必须学习的3个色彩理论赞!UI设计师必须学习的3个色彩理论

    彩搭配在设计中很重要!不同的配色方案呈现出不同的效果,搞定配色!请学习最好的配色教程 色彩模式  1、RGB色彩模式。通过光的三原色相加混合产生的。显示器的所有色彩都是通过红色、绿色、蓝色这三原色混合来显示的。 2、CMYK 色彩模式。是指墨水或颜料的三原色加上黑色这四种颜色,混合后出现的色彩。CMYK是打印机等印刷设备使用的色彩模型。 3、索引色…

    2022年8月10日 网页设计
    4.5K0
  • 网页设计师应该知道的网页版面设计技巧(精)

    今天给大家分享的网页版面设计技巧:减法—分块—加法,非常实用,特别是活动或专题页面设计时可以做参考。

    2018年2月2日
    6.9K0
  • 董文利聊颜色搭配-节日经典配色

    网页设计师联盟优秀设计师董文利,董老师系列教程分享,聊颜色,特别是按节日给出的经典配色,牛** 董文利一名靠谱平面设计师/网页设计师/插画设计师。典型80后,爱绘画,玩音乐,不做设计的时候喜欢独自一个人在家附近的江水旁静静的坐上一小会儿。2011年毕业于湖北工业大学艺术设计学院,所修专业是平面设计。

    2021年2月4日
    34.8K0

发表回复

登录后才能评论