带你秒懂常见的网页设计布局

开门见山，这次说的是网页设计中经常用到的页面布局。创意性很强的页面，一方面需要设计师充分发挥想象，另一方面需要工程师的充分配合才能达到完美的效果。所以，我们平时看到的网站还是以常见的布局为主。

Part1网页设计规范

宽度：用1280px的用户占80%；1024px的用户占16%；1024px以下的用户占4%；

版心1002px（重要内容放版心内）

首屏高度：600px

字号：大标题 20px~24px；副标题14px；正文12px或14px

Part2网页布局类型

1、T型布局

页面顶部为横条，放置LOGO+广告条，下方左侧为主菜单，右侧显示内容。因为顶部颜色较深，整体效果类似字母T，是网页设计中使用最广泛的布局。

优点：结构清晰，主次分明，容易掌握。

缺点：规矩、呆板，如果颜色搭配不合理容易产生乏味

2、三栏布局

比T多一栏，没有思路时可参考。

优：版面利用率高，信息量大

缺：页面拥挤，不灵活

3、汉堡包布局

这种布局多用于国外站点，国内用的不多。

这种布局的特点是页面上横向两条色块，将页面整体分割为三部分，色块中大多放广告条。

4、对称对比布局

顾明思意，采用左右或上下对称的布局，一半深一半浅，一般用于设计类网站

优：视觉冲击力强

缺：将两部分有机地结合起来比较困难

5、POP布局

POP引自广告术语，指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。

优：显而易见，吸引人

缺：精美图片不容易找到；显示速度慢

以上5种网页布局型式属布局规整、内容整齐型；设计时需要注意平分与对齐。

6、倾斜型布局

可以对内容文字进行倾斜；也可以是对背景进行倾斜处理而文字内容保持水平。设计时需要注意角度的变化与节奏。常用于运动、汽车、促销活动等的网页布局。

7、自由型布局

经常是根据某一主题而进行打破常规的设计，给人以独特、舒服、特立独行、眼前一亮的感觉。

常见网页设计布局先写在这里，如果还有其他布局，欢迎留言，你的支持是我坚持写下去的动力。（微笑.jpg）