网易频道页面的改版过程分享
2010-08-05 15:05:50 作者：不详 来源：网易UED
频道首页改版背景
先说明一下，在此次改版之前的上半年，已经进行过一次对网易首页和频道首页的整体改版，这次改版为上次改版的优化设计。主要针对：
- 保留了传统三栏目模式，但是三栏布局上做了调整。
- 头部导航区域进行了重新设计。
- 新年后各首页将上线新的广告，对频道首页的广告尺寸做了优化统一。
- 对频道页面的图片控件等都做了优化统一。
1.频道首页布局的确定
布局仍然是传统三栏目模式，但是这次改版把中栏调整为主题内容栏，比较符合国内网络用户的中栏浏览、阅读习惯。三栏从上至下通栏整齐，方便阅读，在阅读中栏的同时可以兼顾左右边栏的内容。而改版前的左栏为主题内容栏，用户阅读时最多只能延伸到中栏，右栏的阅读点击非常低。
2.头部导航区域改版设计
2.1 顶部导航条将搜索框取消，下移整合至频道导航的上方右侧，不同的频道自动默认搜 索本频道关键词内容，合理用户体验。增加了顶部导航条上的频道入口数量。
2.2 调整了头部通栏广告的尺寸和高度，广告尺寸具体再下面内容介绍。
2.3 频道LOGO取消域名变小尺寸统一为107×24. 旁边增加热点关键词。
2.4 频道导航条取消了之前右面的归类内容，统一整合在导航条上，导航区域的内容精简明确。有主次2级导航，次级导航可以根据频道内容需求取消或使用。将新闻日历等功能与搜索功能放在一起。
2.5 导航上前面页采用滑动标签设计，频道首页默认为首页。点击进入不同的二级页面后滑动到相应的二级页标签，二级页下属的2级3级则默认为最上级二级切换标签。这种设计可以提高编辑对频道二三级页面的规划归类要求。
顶部导航上通讯证登陆
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
- CSS酷站 网上购物 设计团队 设计博客
- 教程排行榜
- 30个基于jQuery框架的幻灯滑块特效设计的网站实例
- 30个基于jQuery滑动门技术的网站欣赏
- 38款网页设计应用的JS拉洋片幻灯效果欣赏
- 10个优美精致简约风格的导航菜单欣赏及点评
- 最新收集的50多个专业设计公司网站欣赏
- 40+设计独特超漂亮的水平导航网站欣赏
- 全球65个设计出众的设计师个人博客欣赏
- 35套精美绚丽的创意酷站设计欣赏
- 国外颇具特色的电子商务网站设计欣赏(上)
- 20个设计精致漂亮的Photoshop网页设计教程
- 国外颇具特色的电子商务网站设计欣赏(下)
- 21个精美漂亮的网页幻灯片应用案例欣赏
- 网页UI之Banner广告条设计案例赏析
- 2011年网站设计的新趋势
- 手绘风格的15款超级漂亮网站欣赏
- 24个很漂亮用CSS3实现的文本效果演示及教程推荐
- 下载排行榜
- 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 简洁效果多图切换flash幻灯焦点图代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 3D立体效果金字塔环形旋转的flash+xml相册代码
- 基于jQuery实现的瀑布流布局列表特效代码
- 透明质感上下滑动带小图预览5屏JS焦点图幻...
- 超酷的3D摩天轮flash+xml相册幻灯图片代码
- 自带多种幻灯效果支持缩略图导航的jquery画...
- 能沿多个方向滑动切换的jquery幻灯代码
- 可改图片尺寸和张数的flash幻灯轮换代码
- 很好看的带缓冲效果CSS下拉菜单导航代码
- 基于jquery很有趣的360度全景图片预览特效
- 6屏幻灯上下滑动式带缩略图和文字介绍的fla...