由于秦皇岛纯粹网的发展需要,,开始考虑制作一个门户型首页。所以来兴致了,研究下目前的各大门户的排版布局。基本就是按个人的喜好排序的。
腾讯:
三栏布局,总体宽度是960px.从左至右三栏的宽度依次是355px,415px,190px。顶部通栏一共有三行,分别是第一行顶部导航高25px顶部导航并没有像163那样罗列的满满的,比较清爽,第二行LOGO及站内连接导航55px,第三行搜索栏78px,搜索是腾讯门户页上的一大亮点。整个顶部通栏是25+55+78=158px. 感觉腾讯三栏左起第一栏的腾讯产品导航也是不错的。
雅虎:
三栏布局,总体宽度是972px.从左至右三栏的宽度依次是199px,410px,353px。顶部通栏一共有两行,分别是第一行广告高45px,第二行LOGO及搜索栏115px。整个顶部通栏是45+115=160px.站内导航放在了三栏左侧第一栏,貌似是门户中第一家这么做的,之后淘宝和163开始效仿。最大亮点是三栏的中间栏-图配文。最烦人的是顶部广告,刚打开页面是放大的。
上面说的是雅虎中文页,其实英文页是这个几个门户中感觉最好的一个。整理布局比例和雅虎中文页一样。三栏左起第一栏站内导航做的比中文页好,中间的图配文基本和中文页一样,但是英文页会幻灯播放,中文页是鼠标划过变幻的。更喜欢中文页的形式。顶部通栏一共有两行,分别是第一行LOGO及搜索栏93px,第二行注册登录导航27px。整个顶部通栏是93+27=120px,几大门户数值最小的。另外雅虎英文页整体的高度不足中文页的五分之一。。哈哈,,喜欢这种简单感,只是和国内的整体首页风格不一样了,不知道网民能不能接受。
网易:
网易的首页是2011年的新版,比之10年的清爽了很多,不过和雅虎和腾讯比就差了点。。总体改进还是很多的。。也漂亮了很多。。
三栏布局,总体宽度是960px.从左至右三栏的宽度依次是200px,400px,360px。顶部通栏一共有四行,分别是第一行顶部导航高29px,第二行LOGO及站内连接导航80px,第三行151px,基本都是广告,中间GIF图片四周围绕文字,第四行有道搜索栏65px。整个顶部通栏是29+80+151+65=325px. 三栏左起第一栏也是站内导航和产品导航,不如腾讯的帅。
淘宝:
也来说说做内最大的B2C平台淘宝。淘宝的页面设计一向也是走在国内的最前列的。2011新版页面大胆的采用的1000px的宽度。可以看出现在大屏幕的普及已经很广泛了。
三栏布局,总体宽度是1000px.从左至右三栏的宽度依次是200px,500px,300px。顶部通栏一共有四行,分别是第一行顶部导航高26px,第二行通栏广告40px,第三行LOGO及搜索栏102px,第四行站内导航57px。整个顶部通栏是26+40+102+57=225px.
整体的评价,雅虎英文页的结构是我的最爱,不过在国内使用有点风险。腾讯的整体是国内门户页面感觉最好的,顶部三栏高度适当,下面三栏主次分明,不过更倾向于中大小的三栏排列方式。网易的三栏宽度比例中和大比较平均没有突出感,其他的几家都还比较明显。
分析完毕 ,下一步是规划自己的门户页了,下次分解。








