钻亿网络出品
扫描关注钻亿网络微信公众账号

扫一扫微信二维码

教你快速学会设计网站的页面布局

钻亿网络2017-11-20经验之谈 112

        在网页设计中,我们首先确定网站整体风格,色彩搭配,其次,我们就是开始琢磨在整张网页上,怎么去划分各个区域,就好比一张脸,怎样画出高光阴影部分,使整个面部达到立体的美,网站的划分,需要考虑的是在浏览者浏览网站时,他会首先看到那个版块,怎样设计将图形合理的拼凑成一个界面,这需要设计前做的准备工作,下面给大家解释几种在网页设计当中,一般使用的网页布局。
1、“国”字型
 也称为“同”字,是一些大型网站喜爱的类型,网站首页最上方是网站的标题及横幅广告,下方就是网站的主要内容,左右分别是次要的内容,在中间则是主要内容,页面最下方是网站的基本信息,联系方式,版权声明,这种结构是使用最多的一种。 


2、拐角型
这种结构与上边的结构很相似,区别在于页面最上方是标题及横幅广告,下方的左是链接条,右侧显示正文,页面下方也是显示网站基本信息,联系方式,版权声明等。
 

3、标题正文型
这种页面结构最多的使用在文章页面或注册信息页面,几上方是标题下边就是正文。

4、封面性
这种类型的结构,多出现在网站的首页,只是一些精美的平面设计,或使用动画效果的图片,放上几个链接进入,或是直接点击网站首页图就能进入,在展示公司形象,个人主页会给浏览者赏心悦目的感觉。


5、“T”结构布局
网页最上方为标题及横幅广告,下方的左方为菜单右方显示对应菜单的正文,因为人们的注意力一般都会在右下方,所以这种结构给人感觉是主次分明,易于使用。


6、“口”型布局
这种布局多用于游戏,综合性的网站,最上方和最下方都是广告横幅,左边是主菜单,右边是友情链接,中间是主要内容。此类网站最大的优点是信息量大,内容丰富。


7、“三”型布局
在整张网页被两个矩形进行分割,将页面分成四个部分,这种板式国内网站应用的较少,在国外比较流行。
 


8、对称对比布局
网站的各大版块会以左右或者上下出现深浅交替的变换,一般在设计型网站使用较多,给人很大的冲击力,所以在使用色彩搭配上要求比较严格,不好把控。


9、POP布局
页面就像一张海报,以一张精美图片作为网站的背景,给人以时尚,前卫的视觉震撼,整个网站漂亮,吸引人。


以上九种网页布局设计基本涵盖现在主流的网站使用,所以在为如何设计网站页面布局发愁的设计师,你现在get到要点了吗?

文章关键词
页面布局