由于秦皇岛纯粹网的发展需要,,开始考虑制作一个门户型首页。所以来兴致了,研究下目前的各大门户的排版布局。基本就是按个人的喜好排序的。 腾讯: 三栏布局,总体宽度是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. 整体的评价,雅虎英文页的结构是我的最爱,不过在国内使用有点风险。腾讯的整体是国内门户页面感觉最好的,顶部三栏高度适当,下面三栏主次分明,不过更倾向于中大小的三栏排列方式。网易的三栏宽度比例中和大比较平均没有突出感,其他的几家都还比较明显。 分析完毕 ,下一步是规划自己的门户页了,下次分解。
-
近期文章
-
标签
123xt.com 123邢台 2009 2010 baidu cbox 国家网络电视台 chances dreamhost five for fighting freedom Google Lady Gaga Alejandro 志同道合 PageRank phpwind 8 Prarnav Mistry qhdcc.com QQ2010 shell skins veryin.org.秦皇岛 windows7 windows7 安装 一夫一妻 下载 严打 互联网 双系统卸载 姚若龙 字幕 封端口 开机命令 愿望 新站发展 春运 没那么简单 票价 穿透检测工具 纯粹港城 虚拟现实 言论自由 谭某某 谭维维 通俗世界 高铁 黄小琥 -
文章归档