王通：网页排版布局的误区和建议
经常看到许多设计师在设计网站首页的时候，总是喜欢把网页排版搞的很复杂，因为他们觉得这样的设计有以下几个好处：
1、热闹：让用户感觉到自己网站很有人气的样子；
2、大气：因为此类排版是模仿门户网站风格的，所以显得大气和专业。
其实，这是一种自欺欺人的设计，效果只能使得其反。因为：
1、关于热闹：
虽然把排版搞的很复杂，另外加许多花花绿绿的图片看起来很热闹，但是也仅仅是看起来很热闹罢了，对于普通用户而言，他根本不关心这种感觉，用户需要的是快速找到自己需要的信息。打开这样的网页，会让用户找不到重点，会让用户发晕，更会让用户觉得你这个网站没特点，然后很快就关闭你的网站了。
2、关于大气
因为网站之所以那样设计，是有历史原因的，因为早期主要靠卖广告位，而客户就需要买首页，首页搞的很复杂，广告位才能多。你的网站也这样设计的话，你这样模仿门户网站，只能模仿来用户网站首页的形，但是你也搞不来门户网站的流量。
曾经有一个朋友，个人做了一个网站，直接抄袭了三大门户，然后把三大门户某频道整合到了一起，看起来非常大气，每当给朋友介绍自己网站的时候，一打开网站，就会让对方大吃一惊，觉得他的网站至少是由上百人做出来的，这位朋友此事会得意一番。但是呢？他这个网站做了三四年，也没赚什么钱，为什么呢？因为他根本不吸引用户，做了两年，每天都还不到200IP。
所以，在设计网页排版的时候，千万不要玩这种自欺欺人的排版设计，特别是一会儿两列，一会儿三列，然后又一列，最后再四列的那种排版.......
其实，就算一个网页内容比较多，但是排版布局不乱，用户一样会觉得比较方便和舒服。如何做呢？
遵循一个核心原则：别让用户总摇头，多让用户多点头。
什么意思呢？
简单一点，要两列，就两列到底，要三列，就算列到底，这样用户从上往下看，一目了然。从上弯下，头必然会点头，就会让用户潜意识不断确认和肯定。
如果一会三列，一会儿四列很乱，结构很乱的话，用火必须让头左右不断转动才能浏览，左右转动就是摇头，摇头就会让用户潜意识不断的拒绝和否定。
我公司的网站，让美工改过N此版，我都不满意，因为设计虽然看上去漂亮，但是和别的公司网站没啥区别，后来不懂图片处理的我，亲自用表格画了一个简单的排版布局，直接做成了网页。你可以打开看一下：www.tongwang.cn 一点也不华丽，非常朴素。但是，如果你一登录，必然会立刻会让你觉得与众不同，同时吸引住你的眼球，直白的告诉你我们能免费给你什么，同时有哪些收费服务，让你快速了解我们，转化率很高。
所以，在搞网页设计的时候，建议设计师朋友不要盲目的按照同行或者习惯的形式主义来设计。而是要以用户很中心来设计。针对首页，保持以下几个原则：
1、吸引眼球：让人立刻知道你是干什么的
2、超级导航：让用户能够迅速找到自己需要的信息，导航一定要做好。
3、精华内容：适当把最吸引用户的精华内容展现出来，方便用户和搜索。
本文版权归通王科技所有，欢迎转摘，转摘请注明作者和出处。谢谢！
- 相关文章
-
黄金分割——设计师的设计利器 (2011-2-28 11:27:8)
2011-5-31 9:12:38 回复该留言
不错，写的好。不过就是更新文章不快啊。
做个外链。
www.seo7753.com.
www.wmne.com
www.winwz.com
www.bg-e.cn
2011-5-31 17:55:08 回复该留言
真的很不错啊。。。http://www.2xuanze.com
2011-5-31 19:18:09 回复该留言
做广告的不少，我就找个凳子坐一坐，喝杯茶，学习新知识
2011-5-31 21:27:46 回复该留言
王通老师，通过feedburner订阅的《王通博客》，点开链接都是无法打开的，每次我都是看到FEED有更新了，重新进入ufoer.com来阅读新文章的。
2011-5-31 22:23:22 回复该留言
坦白的说，关于王老师展示的那个站，我还是觉得以前的那个比较有吸引力，不知道是不是以前看习惯了的原因。
2011-6-1 10:16:55 回复该留言
今天六一，开什么国际玩笑，收录全掉了······
2011-6-1 10:59:36 回复该留言
王老师，http://www.qiaobj.com.我的站，给指点下，布局是否合理呢 ？
2011-6-1 18:06:34 回复该留言
学习了啊，呵呵！网页的排版和布局对网站的SEO优化什么的相当重要。。
2011-6-1 18:07:19 回复该留言
不能现在网站地址吗？？风的博客www.feng521.com欢迎指导！
2011-6-1 18:32:34 回复该留言
看到受益良多，我也把http://www.bbs763.com/它弄好先
2011-6-1 22:37:54 回复该留言
网页排版这个，我不懂啊，哈哈，学习一下！
2011-6-1 22:38:20 回复该留言
信报箱 http://www.ycxbx.com 我这个可能也有点问题
2011-6-2 0:10:12 回复该留言
网页排版说的很在理，各种花哨，www.oophper.com
2011-6-2 3:58:41 回复该留言
喜欢这样的分享 学习了
对于导航以及有销售力的转换页设计上会运用到我的小站上
http://www.damipj.com/
2011-6-2 11:39:34 回复该留言
学习 俺也这样做了 一个www.hzjw.org
2011-6-2 23:26:52 回复该留言
做网站的还跟搜索引擎混，别太把自己作品当回事。www.seonbo.com
2011-6-2 23:27:53 回复该留言
学习了 经常过来学习 很不错 http://www.mbzj123.com/
2011-6-3 0:29:03 回复该留言
你好！本家王老师，关注你的博客好久了
想和你提个问题
我是做云南特产食品的
现在我做了一个运费 送试吃品的免费品尝活动
价值 15元商品 出10元钱就包邮啦 其中包括云南独特的玫瑰鲜花饼价值3元
但是我不知道怎么把这个 活动消息传播出去
做这个活动目的是有两个
一、提高店铺信用
二、免费品尝 培养客户群
我尝试过了 购买小网站广告 微博推广
但是效果还是 甚微
请王老师 指条名路
2011-6-3 15:47:29 回复该留言
简单就好，实用
2011-6-5 9:39:39 回复该留言
受益良多...
2011-6-6 23:58:50 回复该留言
端午节了，相信这一天令很多人感觉到快乐、幸福了~想起去年的我还在学习在家上网怎么赚钱的知识，为自己的前途而努力打拼着~万分感慨，现在祝大家端午节快乐吧~
2011-6-7 8:46:54 回复该留言
www.tongwang.cn 压根就打不开
2011-6-7 16:01:33 回复该留言
确实如此 网页弄复杂了很影响体验
2011-6-7 17:36:22 回复该留言
做个连接,,王通老师不错..
http://www.lianda168.com
http://www.dgbincheng.com
2011-6-8 0:39:33 回复该留言
简单就好，实用
拜读了 www.59in.cn www.chxlm.com www.ningkang.net
2011-6-8 12:27:31 回复该留言
好久没来了
2011-6-8 14:07:31 回复该留言
说的不错，很多人就喜欢跟风。http://www.webdesignba.com/
2011-6-9 17:43:05 回复该留言
不错的文章，学习了
2011-6-9 22:04:03 回复该留言
又学习了一些了
2011-6-11 16:40:29 回复该留言
学习了 very good http://www.xn--zfvscv2ce4q.com
2011-6-12 9:57:39 回复该留言
全来seo，我也来！欢迎光临 不着调软件http://www.bzdiao.com
2011-6-13 0:18:15 回复该留言
写的是啊，学习了哈。 3q www.wddyw.com
2011-6-13 15:56:05 回复该留言
对于设计 各有各的看法 其实王老师公司的网站看了 是挺简洁 但是给人的感觉不像个网站，如果不知道是王通老师的人打开看了 对他们来说没有说服力的
网站没有什么分量 自我看法
www.dyixiu.com
2011-6-14 1:59:51 回复该留言
确实很难兼顾。。来跟王老师学习！！
我的新站 www.shuisos.com
专门做 网站收录的！
2011-6-14 11:58:40 回复该留言
我这个网站就很简单 www.seoyisheng.com
2011-6-14 13:29:18 回复该留言
我刚学会了建站，动手建了一个www.banjia598.com。所以过来取经了
2011-6-14 16:53:18 回复该留言
写的不错，学习了www.zzglktwx.com
2011-6-14 23:49:45 回复该留言
我的网站还是cms的默认模板！http://www.quba5.com
2011-6-15 22:45:14 回复该留言
似乎是从心理学角度来解释网页设计的……
2011-6-16 20:27:35 回复该留言
我的网站还是cms的默认模板！http://jiaoyuan.gookn.com
2011-6-24 11:16:19 回复该留言
外链根本都点击不了，你们省省吧
2011-6-25 15:58:55 回复该留言
王通老师能不能给我一个建议,www.chinapfb120.com 做的是医疗站,怎么样才能最好的来通过网络营销.求帮助.!!!
2011-6-27 1:52:25 回复该留言
王通老师讲的很对，很值得学习和借鉴！
2011-6-30 14:00:08 回复该留言
学习了。。
2011-7-1 18:02:06 回复该留言
学习了
2011-7-9 10:24:59 回复该留言
东莞废品回收东莞废品回收http://www.0769feixi.com/
2011-8-1 15:26:15 回复该留言
www.ttseo.com 武汉网站优化 这个站，发个链接，呵呵。
2011-8-24 21:18:44 回复该留言
我明了了。长见识了。格格店 www.gegedian.com
2011-8-27 17:45:11 回复该留言
谢谢分享 学习了
2011-8-28 20:20:20 回复该留言
王老师 你简直就是神人那 思路开阔 想法独特
2011-8-28 22:12:52 回复该留言
你那个布局是很简单。可是会不会太简单掉？ 我看了的确是一目了然，可是一目了然至于能找到我想要的我很开心。可是如果我不是针对你这个内容来的会不会吸引不了我而浪费了这个流量那
2011-9-6 11:17:56 回复该留言
那网站排版好有个性。
2011-9-9 18:05:02 回复该留言
恩，对于普通用户而言，他根本不关心这种感觉
2011-9-21 21:28:20 回复该留言
这个网站的排版布局如何啊 www.jiaxiu.org
2011-11-2 16:30:46 回复该留言
写得很好，很有启发
2011-11-9 15:11:44 回复该留言
王老师分享的东西都很实用，谢谢了！
www.959d.cn
2011-11-20 16:42:21 回复该留言
楼上有个朋友说外链点击不了，都省省吧。外链不是必须点击进去才行
这样也可以有转化的。 比如：www.cnxlt.org
2011-11-29 20:55:44 回复该留言
很不错的 学到很多的东西 http://www.51cwk.info
2011-12-17 7:39:47 回复该留言
11月的最后一天，也是妈咪正式住进医院的第一天。病房的床位是16号，靠着门，几乎晒不到阳光。
一间房间住着5个人，庆幸妈咪的床位这边是2个，空间还算卷扬机宽裕。 第一次知道骨科的病房，是男女共住的。
旧旧的大楼，配备着陈旧的设施，条件可谓是有那么些艰苦。
早晨，5点，伴随着闹钟的铃声，我睡眼惺忪的爬起来，拉开窗帘。外面一片漆黑，街道的路灯，昏昏沉沉的一字排开。
我用尽所有的耐力，爬出温暖的被窝。边上的贝贝，似睡非睡的趴在笼子里。
洗脸、刷牙，很迅速的解决了这一切。换好衣服，我拉着狗，出去了。
5点半的小区真安静建筑卷扬机，偶尔看见......71
2011-12-27 6:41:54 回复该留言
时钟指在12点半..
因为看到很多人的感慨和留言..突然点开了日志.在键盘上打下这些字..
最近遇见了很多人..蛮多的事情..
却有好多人告诉我.发现我真的长大了..
弄的我不知道应该说原先的自己是太幼稚或许是太天真..也弄不懂我该庆幸还是该无奈..
不过依旧感谢那些关注我成长的人们..没有卷扬机关心..我又如何依旧天真浪漫的生活着呢..
..最近无形间感觉到很多生活的压力..
原来一直卷扬机活在大学的象牙塔里,过着青春浪漫..挥霍光阴的日子..
.如今大3.面对一切该面对的.没来由的后怕跟恐惧..
未来就像一本敞开的书.我拿着笔..一直悬空.却下不了手......23
2011-12-27 6:42:04 回复该留言
现在是7点，卷扬机好吧，可能是8点了。
从长征医院刚回来，很依依不舍。
到家第一件事情就是遛狗。
然后给自己卷扬机煮了泡面。
憧憬下下个礼拜。还真的有点恐惧。
老爷在日本，老妈卷扬机在医院。
或许这就是命吧。
我该试着摆脱悲观的思想，去保持乐观的心态面对这一切。
明天5点就要起卷扬机床去医院了。
然后上班-下班-医院-家，4点一线。
好累的时候，总是想有个人，可以陪着自己。
但也只是想想而已。
注定一个人，面对的事情，就锝一个人面对。
躲不过，再害怕，也建筑卷扬......53
2012-1-1 8:28:40 回复该留言
结节性硬化症是一种少见的常染色体显性遗传性疾病。可以累及皮肤、心、脑、肾、肺等多个器官表现多种多样轻易发生误诊、漏诊。皮肤表现主要有:叶状白斑、面部血管纤维瘤、蛟鱼皮样斑、甲周纤维瘤、前额纤维斑 ... 结节性硬化症是一种少见的常染色体显性遗传性疾病。可以累及皮肤、心、脑、肾、肺等多个器官表现多种多样轻易发生误诊、漏诊。皮肤表现主要有:叶状白斑、面部血管纤维瘤、蛟鱼皮样斑、甲周纤维瘤、前额纤维斑块、牙跟增生、软纤维瘤、咖啡斑、白发等。结节性硬化症的首发症状中87%为皮肤症状其中色素减退斑(叶状白斑)又占了67%。叶状白斑常在出生时或婴儿期发生发生于躯干部特殊是臀部从一个到几十个散在分布在午......95
2012-1-1 8:28:49 回复该留言
白癜风这种常见皮肤病发病因素是多方面的，但是有相当一部分病人查不出任何诱发因素。我们研究发现，白癜风患者不论发病在什么部位，都与微循环障碍有关系。根据临床观察，本病病因主要有以下几方面： 一、工业污染：工业排污对环境造成的污染是近年来发病率增高的原因之一。工业生产排放的未经处理的废气、废水 ，以及迅速增长的机动车辆排放的尾气均含有许多有害于人体的物质。近年来，发现大量排放的氟类制冷剂破坏了大气层中的臭氧层，导致过量的紫外线照射到地表面，即会对人体造成伤害。 二、农业污染：农作物过量的使用化学药品，如杀虫剂、杀菌剂及催熟剂等，肉食家禽过量的喂食生长激素宰杀后在体内的残留，对人体健康均会造成不......86
2012-1-4 15:49:59 回复该留言
写的好，这个网站怎么样http://url.cn/2jCrDK
2012-1-12 14:47:21 回复该留言
原来在网上看到许多人对王通的评价是贫褒贬不一，今年认真的看了所写的文章，才知道什么叫真正的大师。
2012-2-14 16:34:31 回复该留言
http://www.swyz168.com 成都SEO,成都网站建设,不错学习了
2012-2-18 22:11:07 回复该留言
网页的布局是很重要的，影响到客户的体验啊 www.gegedian.com