当前位置 : 首页 - web网页设计尺寸规范

web网页设计尺寸规范

发布时间:2019年8月4日 00:40 作者:誉新源

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

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

 

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

其实网页设计的尺寸怎样选择都是正确的,关键在于怎么快速便捷地帮助我们预览、展示设计稿。

相关文章