很多人常常询问某个页面该如何布局这样的问题,其实网页布局也没有想象中那么难,只要做到两点我认为起码可以做到临阵不慌,一是对常见的布局方式心中有数,二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。活不多说,下面就是我总结的企业站首页常用到的网站布局方法,共有六种。
一、大框套小框的网站布局
这种布局方式即是我在上面提到的常见的网站布局,不是说这种网站布局方式一无是处,但我们总不能只会这一种布局方式,次次套用吧?按照这种布局当然也可以做出来漂亮的设计,但毕竟方框限制的视线的扩展,如果客户要求做出大气的感觉,一般不会按照这种方式来布局,通常来讲,大气意味着开阔视野。
二、通栏布局
这种布局方式让视线不再受到方框的限制,比起上面的布局方式,自然多了些大气、开阔的味道来。另外,主视觉部分还可以灵活处理,既可以向上拓展到logo和导航的顶部位置,也可以向下拓展到内容区域,这种布局方式也是非常常见的布局方式。
三、导航在主视觉下方的布局
这种虽然不多,但也时不时能看到,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响,不仅考虑到信息内容所占据的空间,还包括你手头现有的素材。
4、左右框架型
左右框架型是一种左右为分别两页的框架结构布局,这种类型业非常清晰且一幕了然。一般左侧是导航链接,在最上方有个小标题或标志;右侧则是正文。
5、上下框架型
上下框架型是一种上下为分别两页的框架结构布局。一般上方是导航链接,下方则是正文。
6、封面型
封面型基本上是一些网站首页的设计布局,大部分出现在企业网站和个人主页上。多数是一些精美平面设计结合一些小的动画设计,再配上几个简单的链接或是设计一个”进入“链接,也可以直接再网站首页图片上做链接。
9、对称对比型
对称对比型采取左右或上下对称的布局,一半深色,一半浅色,一般用于设计型网站。而其优点是视觉冲击力强,缺点是将两部分进行有机结合较难。