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

标签: 设计理论 原创 布局 | 发表时间:2014-04-02 16:40 | 作者:wantfee
出处:http://startwmlife.com

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

一、大框套小框的布局

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

1.jpg

二、通栏布局

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

2.jpg

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

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

3.jpg

四、左中右布局

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

4.jpg

五、环绕式布局

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

5.jpg

六、穿插式布局

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

6.jpg

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

相关 [企业 网站 首页] 推荐:

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

- - 飞鱼的声纳
在群里和大家交流时,看到太多的网页设计师发布企业站的个人作品,设计中总是摆脱不了大框套小框的设计布局思路,不加思索的跳入单一的网页布局形式中,于是就有了把企业站常用的页面布局方式总结一下的想法,让大家包括我自己全面的了解一下企业站的常见布局方式,做到对此种类型的网站布局心中有数,跳出狭隘、单一的设计思路,于是就有了这篇文章.

网站首页的设计

- - 标点符
网站首页的设计是一件非常让人头痛的事. 虽然她看上去很简单:产品经路随便从网站里拿点东西出来,堆出一个看上去靠谱的页面. 也正因此,它往往非常麻烦:很多人都可以发表自己的见解,以致最终陷入到无尽的争执中. 首页的设计相对于其他页面要难的原因是,其他页面更多的是解决用户“能做”的问题,而首页的更多要解决用户“想做”的问题.

北邮网站首页被黑

- andi - Solidot
wmr 写道 "“北邮人论坛”的一个帖子的截图显示,网站首页被替换成一个“GFW不灭明年我还会来”之后是一些敌对势力网站的名称. 最嚣张的是大字“immmmm.com求GFW. ”稍有常识的人都知道,假如我们的人民公仆轻轻一碰指尖,这个螳臂当车歹徒的网站不就被封了吗. 然而该网站上并没有违法内容,所以也没有封,这只能说明,我们的网络管理,是完全依法的.

网站首页点击分布分析

- - 蓝鲸的网站分析笔记
首页,是网站中最重要的一个页面,通常也是被浏览次数最多的页面. 我相信在大部分网站的Google Analytics内容报告中,首页在 综合浏览量指标中都是排在第一位的. 同时,首页也是网站中最特殊的一个页面,他相当于整个网站的一个目录,为访问者提供了网站中最有价值的内容简介和入口链接,通过首页访问者可以到达网站的大部分区域.

企业网站建设方法论

- Outman - 月光博客
  麦肯锡并不神秘,方法论铸就神奇. 这是出现在麦肯锡系列丛书封面上非常醒目的一句广告语. 博文标题的想法正来源于此,感谢麦肯锡. 今天我们要谈论的主角并非麦肯锡,而是方法论,是建设企业网站的方法论. 正如标题说言:网站建设并不神秘,方法论铸就神奇.   伴随互联网的飞速普及,及相关建站软件的日新月异,现如今建设一个企业网站已相当容易,即使是对技术一窍不通的小白也能依靠智能软件信手拈来,所以说,科技很给力.

国内三大B2C网站首页的信息架构

- yonghai - 所有文章 - UCD大社区
随着电子商务的成熟,国内涌出了很多B2C网站,我经常访问的有:当当网、1号店、京东商城、易迅网、为为网和新蛋网等. 这类网站很好的利用了计算机技术、互联网技术、即时通信技术和物流渠道,实现整个商务过程中的电子化、数字化和网络化,让不少用户得以不出户购天下物. 在访问这些网站的过程中,我发现其首页的信息架构拥有一些共同特点,也有各自的特色,遂以京东商城、新蛋网和易迅网为例,撰粗评一篇,拿来分享.

国内三大B2C网站首页的信息架构 -

- chao - Creative奥涛的博客_Creative奥涛的博客
看到一篇不错的B2C 网站信息架构文章,分享. 随着电子商务的成熟,国内涌出了很多B2C网站,我经常访问的有:当当网、1号店、京东商城、易迅网、为为网和新蛋网等. 这类网站很好的利用了计算机技术、互联网技术、即时通信技术和物流渠道,实现整个商务过程中的电子化、数字化和网络化,让不少用户得以不出户购天下物.

修改Chrome首页“最常访问的网站”

- 勇 - 月光微博客
  Chrome首页“最常访问的网站”是个很有用的快捷书签,可是似乎没有官方的添加修改方法,只能通过以下复杂操作实现:.   用记事本打开这个文件 C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences ,在里面搜索pinned_urls一项,找到后,在里面添加你需要的网站名称和地址即可.

新读图时代:网站首页12大元素

- - 译言-电脑/网络/数码科技
Hubspot绝对是在将内容强行塞入营销策略方面做得最绝的一位,我从没见过一家公司能够推出这么多白皮书、演示以及电子书籍. 现在Hubspot又推出了 关于网站首页12大元素的信息图表. 网站首页需要身兼数职,提供给来自不同地方的观众们使用. 它不像一个专用的登陆页面——来自不同通道的流量会显示各自特定的信息,并执行相对应的指令.