您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

网易频道页面设计改版过程分享

 

频道首页改版背景

先说明一下,在此次改版之前的上半年,已经进行过一次对网易首页和频道首页的整体改版,这次改版为上次改版的优化设计。主要针对:

  1. 保留了传统三栏目模式,但是三栏布局上做了调整。    
  2. 头部导航区域进行了重新设计。
  3. 新年后各首页将上线新的广告,对频道首页的广告尺寸做了优化统一。
  4. 对频道页面的图片控件等都做了优化统一。

1.频道首页布局的确定

布局仍然是传统三栏目模式,但是这次改版把中栏调整为主题内容栏,比较符合国内网络用户的中栏浏览、阅读习惯。三栏从上至下通栏整齐,方便阅读,在阅读中栏的同时可以兼顾左右边栏的内容。而改版前的左栏为主题内容栏,用户阅读时最多只能延伸到中栏,右栏的阅读点击非常低。
 

\

2.头部导航区域改版设计

2.1 顶部导航条将搜索框取消,下移整合至频道导航的上方右侧,不同的频道自动默认搜  索本频道关键词内容,合理用户体验。增加了顶部导航条上的频道入口数量。

2.2 调整了头部通栏广告的尺寸和高度,广告尺寸具体再下面内容介绍。

2.3 频道LOGO取消域名变小尺寸统一为107×24. 旁边增加热点关键词。

2.4 频道导航条取消了之前右面的归类内容,统一整合在导航条上,导航区域的内容精简明确。有主次2级导航,次级导航可以根据频道内容需求取消或使用。将新闻日历等功能与搜索功能放在一起。

2.5 导航上前面页采用滑动标签设计,频道首页默认为首页。点击进入不同的二级页面后滑动到相应的二级页标签,二级页下属的2级3级则默认为最上级二级切换标签。这种设计可以提高编辑对频道二三级页面的规划归类要求。

\

顶部导航上通讯证登陆

\

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di1081.html
如何基于心理学设计的目的来制作受用户欢迎的网页
浅谈页面设计中光的特效
图趣网微信
建议反馈
×