UI设计规范 网页尺寸学习

　　因互联网的发展，现今对网页设计的要求也提高了，所以有个自己的设计规范会使设计简洁而。根据本大宝贝的设计细节，相信你很快就能与大神比拟了，哈哈哈哈，开个小玩笑，下面咱们就从尺寸、字体、图片、颜色等方面来开展深入探索喽!其实设计规范就是把主要页面的元素固定成统一元素即可。具体来说一个产品的设计规范应该有：字体规范、主体色规范、图表规范、图片规范等不同分类。今天我们就先来了了解对网页尺寸的规范。

　　网页尺寸

　　1.网页的布局主要有两种：左右布局和居中布局。布局不一样使设计的空间也不相同。

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

　　⑵、居中布局，中间的深色部分为有效的显示局域，用于网站内容的展示;两边留白没实际用图，只是为适配而存在

　　2.当前较流行的分辨率是1920px*1080px的，所以建议创建网页尺寸为1920px*1080px，页面中心区域常设置为1200px(或1000px -1400px区间)，以这个尺寸来设计相对标准。每个屏幕的高度约为900px。为什么是900px呢?因为1080还要减去浏览器头部和底部高度，大约就是900px了。