企业网站首页设计常见的6种布局方式

转载自：http://www.wzsky.net/html/Website/Experience/120178.html

在群里和大家交流时，看到太多的网页设计师发布企业站的个人作品，设计中总是摆脱不了大框套小框的设计布局思路，不加思索的跳入单一的网页布局形式中，于是就有了把企业站常用的页面布局方式总结一下的想法，让大家包括我自己全面的了解一下企业站的常见布局方式，做到对此种类型的网站布局心中有数，跳出狭隘、单一的设计思路，于是就有了这篇文章。很多人常常询问某个页面该如何布局这样的问题，其实网页布局也没有想象中那么难，只要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。活不多说，下面就是我总结的企业站首页常用到的网站布局方法，共有六种。

一、大框套小框的网站布局

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

二、通栏布局

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

三、导航在主视觉下方的布局

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

四、左中右布局

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

五、环绕式布局

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

六、穿插式布局

这种布局在企业站中较难看到，用的不多，banner区域相对较大，可以作为一种布局的选择。

上面的六种布局方式只是一些常见的企业类网站页面布局，布局的方式还有更多。实际上，布局就像是摆积木，只要遵循重要信息靠左、靠上，次要信息靠右、靠下的原则即可，并没有规定一定要怎么布局，或者这种布局方式要比那种更好，只能说某种布局方式更为合适某个页面而已。所以，大家多做尝试，从你手头正在做的项目开始，尝试一下不同的布局方式，给你的设计增加一些创意和新鲜感。

企业网站首页设计常见的6种布局方式相关推荐

[转]企业网站首页设计常见的6种布局方式
在群里和大家交流时,看到太多的网页设计师发布企业站的个人作品,设计中总是摆脱不了大框套小框的设计布局思路,不加思索的跳入单一的网页布局形式中,于是就有了把企业站常用的页面布局方式总结一下的想法,让 ...
CSS常见的几种布局方式
在看前端面试题的时候经常会看到css的布局方式,今天整理一下分享给大家. #单列布局 #两列自适应布局 #三栏布局(圣杯布局和双飞翼布局) 一.单列布局常见的单列布局有两种: header.cont ...
layout布局_安卓最常见的几种布局
Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件帧布局(FrameLayout):组件从屏幕左上方布局组件表格布局(TableL ...
（附源码）Springboot企业网站的设计与实现毕业设计 211750
Springboot企业网站的设计与实现摘要二十世纪进入信息发展高速路,数码化革命给所有领域带来新的改变.随着电脑办公自动化的普及,电子商务应运而生,一切都归功于internet的巨大贡献,互联 ...
网站首页设计、风格一致、色彩搭配、版面布局的技巧
首先我们需要了解一下网站的页面组成,网站一般包括以下几部分: 首页:网站的门面,如同公司的形象,特别注重设计和规划. 框架页:网站的主要结构页面,又称次首页.内页,大型网站往往框架页即首页,如一些门户 ...
网站首页设计怎么排版?
网站首页设计怎么排版? [导语]在这个互联网时代,对于企业来说,网站设计非常重要.尤其是网站首页的设计,优秀的网站设计可以增强企业形象,更好地展示企业品牌和文化,树立企业在受众的印象,那么网站首页设计 ...
网络营销外包——网络营销外包专员浅析网站首页设计需要注意哪些
在网站建设中网站首页对于整个网站来说是非常重要的存在,网站用户点击网站首先映入眼帘的就是网站首页,因此,在网站首页的建设上必须要用心设计.网站首页设计要具有一定的设计感,保证网站具有良好的形象,吸引网 ...
网络推广外包——网络推广外包专员如何做好网站首页设计
一般来说用户在浏览网站过程中大多都会将视线集中在网站的头部和中间页面的位置,这也是网站建设中的重点,很少有用户会详细看网站页面的底部,但是作为一个专业的网站建设人员自然也不能忽视对网站底部的建设.那么 ...
网站首页设计你都规划了哪些重点呢？
当用户首次访问网站时,最先映入眼帘的就是网站的首页,可以说在一个网站整体设计工作当中,网站的首页设计是非常重要的.那么对于网络公司的设计师来说,应该怎样为客户网站规划好网站的首页设计呢?下面就针对该问 ...

企业网站首页设计常见的6种布局方式

企业网站首页设计常见的6种布局方式相关推荐

最新文章

热门文章