锐客网

网站首页制作是企业网站制作中网页布局最关建的第一步

发表日期:2019-06-28 作者:小锐 浏览次数:

HTML5和CSS3代码越来越流行,就算是国内也有很多网站使用了这些新技术来编写。一个网站制作只有先确定一个整体的框架,形成自己特有的风格,才能让整个页面清晰合理。其实网页布局也没有想象中那么难,只要做到两点我认为起码可以做到临阵不慌,一是对常见的布局方式心中有数,二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。在整体视觉设计中,重点观看对方的排版设计、配色方案,如果有机会,并尝试使用这些排版及本色方案应用到你的设计项目。其次就是一些细节,如字体样式的使用、图像效果设计等等。活不多说,下面就是我总结的企业网站首页常用到的布局方法,共有六种。

一、大框套小框的布局

这种布局方式即是我在上面提到的常见的布局,不是说这种布局方式一无是处,但我们总不能只会这一种布局方式,次次套用吧?按照这种布局当然也可以做出来漂亮的设计,但毕竟方框限制的视线的扩展,如果客户要求做出大气的感觉,一般不会按照这种方式来布局,通常来讲,大气意味着开阔视野。

二、通栏布局

这种布局方式让视线不再受到方框的限制,比起上面的布局方式,自然多了些大气、开阔的味道来。另外,主视觉部分还可以灵活处理,既可以向上拓展到logo和导航的顶部位置,也可以向下拓展到内容区域,这种布局方式也是非常常见的布局方式。

三、导航在主视觉下方的布局
这种虽然不多,但也时不时能看到,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响,不仅考虑到信息内容所占据的空间,还包括你手头现有的素材。

四、左中右布局
这种布局方式不常见到,但却是非常富有新鲜感的布局方式,如果你已经做腻歪了水平分割的设计,尝试一下这种布局也未尝不是一种好的选择。

五、环绕式布局
这种布局方式看上去更加灵活,banner区域相对较小,就可以在页面放置更多的信息内容。

六、穿插式布局
这种布局在企业网站制作中较难看到,用的不多,banner区域相对较大,可以作为一种布局的选择。以上的六种布局方式只是一些常见的企业类网站页面布局,布局的方式还有更多。网站的定位决定了首页风格的布局,品牌型网站讲究简洁大气,国际范。产品型网站制作重点是将产品展示在首页上供客户直观的浏览。

如没特殊注明,文章均为锐客网原创,转载请注明来自  https://www.wangzhan500.com/news/3429.html

标签:
锐客网客服

锐客网咨询热线 咨询热线

13798391694

0755-23772759

在线咨询
锐客网微信扫码咨询

微信扫码咨询

锐客网QQ咨询 QQ咨询 锐客网QQ咨询 邮件咨询
返回顶部 返回顶部