⽹站⾸页设计常见的6种布局⽅式
看到太多的⽹页设计师发布企业站的个⼈作品,设计中总是摆脱不了⼤框套⼩框的设计布局思路,不加思索的跳⼊单⼀的⽹页布局形式中,于是就有了把企业站常⽤的页⾯布局⽅式总结⼀下的想法,让⼤家包括我⾃⼰全⾯的了解⼀下企业站的常见布局⽅式,做到对此种类型的⽹站布局⼼中有数,跳出狭隘、单⼀的设计思路,于是就有了这篇⽂章。很多⼈常常询问某个页⾯该如何布局这样的问题,其实⽹页布局也没有想象中那么难,只要做到两点我认为起码可以做到临阵不慌,⼀是对常见的布局⽅式⼼中有数,⼆是根据信息内容及设计素材的特点进⾏摆积⽊式的多次尝试。活不多说,下⾯就是我总结的企业站⾸页常⽤到的⽹站布局⽅法,共有六种。
⼀、⼤框套⼩框的⽹站布局
⼆、通栏布局
三、导航在主视觉下⽅的布局
四、左中右布局
五、环绕式布局
六、穿插式布局
⼀、⼤框套⼩框的⽹站布局
这种布局⽅式即是我在上⾯提到的常见的⽹站布局,不是说这种⽹站布局⽅式⼀⽆是处,但我们总不能只会这⼀种布局⽅式,次次套⽤吧?按照这种布局当然也可以做出来漂亮的设计,但毕竟⽅框限制的视线的扩展,如果客户要求做出⼤⽓的感觉,⼀般不会按照这种⽅式来布局,通常来讲,⼤⽓意味着开阔视野。
⼆、通栏布局
这种布局⽅式让视线不再受到⽅框的限制,⽐起上⾯的布局⽅式,⾃然多了些⼤⽓、开阔的味道来。另外,主视觉部分还可以灵活处理,既可以向上拓展到logo和导航的顶部位置,也可以向下拓展到内容区域,这种布局⽅式也是⾮常常见的布局⽅式。
三、导航在主视觉下⽅的布局
这种虽然不多,但也时不时能看到,导航放在banner下⾯的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、⾃然。所以说布局的⽅式受到多⽅⾯因素的影响,不仅考虑到信息内容所占据的空间,还包括你⼿头现有的素材。
四、左中右布局
这种布局⽅式不常见到,但却是⾮常富有新鲜感的布局⽅式,如果你已经做腻歪了⽔平分割的设计,尝试⼀下这种布局也未尝不是⼀种好的选择。
五、环绕式布局耐用的小企业网站建设
这种布局⽅式看上去更加灵活,banner区域相对较⼩,就可以在页⾯放置更多的信息内容。
六、穿插式布局
这种布局在企业站中较难看到,⽤的不多,banner区域相对较⼤,可以作为⼀种布局的选择。
⾯的六种布局⽅式只是⼀些常见的企业类⽹站页⾯布局,布局的⽅式还有更多。实际上,布局就像是摆积⽊,只要遵循重要信息靠左、靠上,次要信息靠右、靠下的原则即可,并没有规定⼀定要怎么布局,或者这种布局⽅式要⽐那种更好,只能说某种布局⽅式更为合适某个页⾯⽽已。所以,⼤家多做尝试,从你⼿头正在做的项⽬开始,尝试⼀下不同的布局⽅式,给你的设计增加⼀些创意和新鲜感。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论