网易频道页面设计改版过程分享
频道首页改版背景
先说明一下,在此次改版之前的上半年,已经进行过一次对网易首页和频道首页的整体改版,这次改版为上次改版的优化设计。主要针对:
- 保留了传统三栏目模式,但是三栏布局上做了调整。
- 头部导航区域进行了重新设计。
- 新年后各首页将上线新的广告,对频道首页的广告尺寸做了优化统一。
- 对频道页面的图片控件等都做了优化统一。
1.频道首页布局的确定
布局仍然是传统三栏目模式,但是这次改版把中栏调整为主题内容栏,比较符合国内网络用户的中栏浏览、阅读习惯。三栏从上至下通栏整齐,方便阅读,在阅读中栏的同时可以兼顾左右边栏的内容。而改版前的左栏为主题内容栏,用户阅读时最多只能延伸到中栏,右栏的阅读点击非常低。

2.头部导航区域改版设计
2.1 顶部导航条将搜索框取消,下移整合至频道导航的上方右侧,不同的频道自动默认搜 索本频道关键词内容,合理用户体验。增加了顶部导航条上的频道入口数量。
2.2 调整了头部通栏广告的尺寸和高度,广告尺寸具体再下面内容介绍。
2.3 频道LOGO取消域名变小尺寸统一为107×24. 旁边增加热点关键词。
2.4 频道导航条取消了之前右面的归类内容,统一整合在导航条上,导航区域的内容精简明确。有主次2级导航,次级导航可以根据频道内容需求取消或使用。将新闻日历等功能与搜索功能放在一起。
2.5 导航上前面页采用滑动标签设计,频道首页默认为首页。点击进入不同的二级页面后滑动到相应的二级页标签,二级页下属的2级3级则默认为最上级二级切换标签。这种设计可以提高编辑对频道二三级页面的规划归类要求。

顶部导航上通讯证登陆

本文地址:http://tuquu.com/tutorial/di1081.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








