当前位置：首页 > 知识分享 > 网站建设 > web网页设计尺寸规范

web网页设计尺寸规范

发布时间：2019年8月3日 16:40 作者：誉新源

初学网页设计的设计师都会遇到一个问题，那就是web页面尺寸的宽度该怎样选择？并没有一个标准的到岸，你既可以做成1920，也可以做成1280。最关键的是你的电脑显示分辨率。电脑屏幕尺寸现在市面上电脑的屏幕尺寸多种多样，但大部分都集中在以下几种： 1920*1080：目前主流显示器的分辨率 1440*900和1366*768：小尺寸显示器和笔记本的分辨率 1024*768：CRT显示器的分辨率，目前基本已淘汰所以，网站能够内容显示宽度大部分都在1200px以内，能够确保小的电脑屏幕能显示出全网页的内容。更早之前很多都是960px，不过之后屏幕尺寸越来越大，现在用得较少了。制作网页时，一般选用的分辨率是72像素/英寸，而使用画布的尺寸1920*1080。这并不表示我们可以在整个画布上作图。网页的布局主要有两种，左右型布局和居中型布局。布局的不同，使得可设计的空间也不相同。

1、左右布局，灵活性强， UI的限制小；左边通栏为导航栏，宽度没有具体的限制，可根据实际情况调整；右侧为内容版块范围，是网站内容的展示区域。

2、居中布局，中间的黄色部分为有效的显示局域，用于网站内容的展示；换句话说，两边均为留白，没有实际用途，只是为了适配而存在。