网易频道首页改版分享

频道首页改版背景

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

1.保留了传统三栏目模式,但是三栏布局上做了调整。

2.头部导航区域进行了重新设计。

3.新年后各首页将上线新的广告,对频道首页的广告尺寸做了优化统一。

4.对频道页面的图片控件等都做了优化统一。

1.频道首页布局的确定

布局仍然是传统三栏目模式

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

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

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

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

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

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

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

顶部导航上通讯证登陆

2-2页尾导航

页面底部导航取消了搜索,之前保留此搜索时,使用率极低。

页脚编辑和公司版权信息等文字颜色均为#4d4d4d

3.广告和图片尺寸的统一改版

3.1 新年后各首页将上线新的广告,销售和设计中心对频道首页的广告尺寸做了优化统一。

首先,销售提出需要修改的广告尺寸初稿。

然后,设计中心根据页面的布局,美观,合理性方面进行建议调整这些尺寸。

最后,经过无数次的多方面讨论和协商制定出了最新的广告尺寸规范,这也是网易所有的页面:首页,二级三级页都统一使用的广告尺寸。

3.2头图处理和图片规范

同广告尺寸一样,各个频道页面中的图片和控件也都做了统一规范改版,防止过多的随意使用不同的图片尺寸,造成页面上的杂乱。
大头图尺寸只保留4种,除旅游、探索、读书使用特殊尺寸以外,其他频道首页只有2种头图尺寸(横图300X225,竖图300X400)——且头图统一放在页面的左栏。如下图所示:

4.关于二级频道

二级频道在整体大规范上的改版与首页基本一致,频道导航上采用滑动的标签设计,点击进入不同的二级频道,滑动到相应的标签上。频道LOGO后面热点换成二级频道的频道名+面包屑路径。

二级页面的布局是主要在首页标准布局上,可以根据不同的情况需求延伸到几种变化。如图:

这些延伸的布局样式基本涵盖了所有网易二级页面的需求,二级页面可以比比首页灵活一点,如排行页、列表页等都可以根本不同的情况需求,在使用这些延伸的布局。这些也可以严格控制编辑胡乱编排布局。

最后要说的:

这次改版主要是优化之前的版本,更加清晰、条理、整洁,更多的注重统一性和规范性。成功与否,关键还是在于用户使用后的数据反馈。而且在这次改版中也发现了问题,这次的统一性规范性基本做到了位,但是一些频道的频道个性味道并不突出。这也许应该就是下次改版我们需要思考和注意的地方,在保持统一性规范性的同时,怎么来加强频道之间的个性化。

来源:http://uedc.163.com/555.html

时间: 2024-10-16 21:59:59

网易频道首页改版分享的相关文章

网页设计心得:网易频道的改版实例

网页频道页面进行了改版,布局仍然是传统三栏目模式,但是这次改版把中栏调整为主题内容栏,比较符合国内网络用户的中栏浏览.阅读习惯.三栏从上至下通栏整齐,方便阅读,在阅读中栏的同时可以兼顾左右边栏的内容. 频道首页改版背景 先说明一下,在此次改版之前的上半年,已经进行过一次对网易首页和频道首页的整体改版,这次改版为上次改版的优化设计.主要针对: 1.保留了传统三栏目模式,但是三栏布局上做了调整.     2.头部导航区域进行了重新设计. 3.新年后各首页将上线新的广告,对频道首页的广告尺寸做了优化统

网易抛弃海量的模式 首页改版疑问重重

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 10月12日,网易宣布对其首页进行全新的改版,将传统的三栏填充式结构变成了大两栏版式,此举在国内互联网行业.媒体行业和广大互联网用户中引起了不小的反响.网站宣布改版,从来不是很大的事情.可是此次网易首页的改版,却引起了业界如此多的关注,为什么呢? 相对而言,网络媒体没有出版印刷方面的工序,页面变动比较方便,因此网络媒体的改版要比报纸.杂志频繁

网页改版实力分享:支付宝首页改版

新 旧 前一阵子支付宝首页改版了,据支付宝的人说改版以后效果十分之不错.那么我们来看看这次支付宝改版有那些值得借鉴的地方. 一.头图介绍 首先顶部仍然和上一版一样,采用了很大的头图,不过不同的是采用了轮换的方式,这个细节的改动确实很不错.通常来一张顶部头图,是用来介绍和宣传产品功能的最好手段.但是往往的问题的,要表达的东西过多,虽然头图面积很大,但是还是很难充分利用好要表达的内容.有些时候甚至根本起不到表达和介绍的内容,仅仅是好看而已.但是支付宝这次采用了轮换的方式,轮换通常用来用作图片新闻,用

门户首页改版 只是借用户说事的骗人玩意儿

中介交易 SEO诊断 淘宝客 云主机 技术大厅 雅虎首页要改版了,MSN首页也要改版了,每次国外门户首页要改版,就会引起网民对国内门户首页改版的期盼. 提起门户网站首页,我们就会有这样的想象:整个页面都是密密麻麻的新闻,飞舞着各种小广告和各种色块来提醒用户阅读,总体感觉就是鱼龙混杂,杂乱无章.门户网站是历史最久的大众互联网产品之一,在Web1.0时代,是网民上网的第一入口. 然而随着Web2.0的高速发展,门户网站首页似乎变得不合时代,还是像传统的媒体一样,缺乏个性,只能被动地接受其提供的新闻,

十四年来,百度首页改版的背景与逻辑

中介交易 SEO诊断 淘宝客 云主机 技术大厅 因为百度首页风格一直都很简约,所以乍一看没有完全的改头换面,但对一个几亿人访问的页面来说,这已经是百度七年来对首页动的一次大手术,背后经过了长期的酝酿与设计,是百度的一个重大决策. 外界对百度这次首页改版知之甚少,不过好在还有微博,一些设计人员在微博上留下了一些信息可供参考,比如,百度搜索用户体验中心总监关岱松今天凌晨在微博上就说,"这是百度7年来首次改版,也是最大一次用户体验升级,无数同学为此挥洒了6个月的汗水.当目睹产品在页面上出现的那一刻,心

Youtube最新首页改版 海外电商该如何面对

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 这对我们有很大的借鉴意义. 通过此次的改版youtube产生了一个重大的进步,就是从用户体验这个方面来讲,原来的主页和个人主页明显分开,而且感觉他们之间的联系还不是很大.而新网站的格局焕然一新,将各人频道移至非常醒目的左端,从视觉上令人感觉我的youtube就是在youtube主页里面的,这是完全的一种为用户考虑的一项重大突破,由此还加深了y

腾讯网首页改版 率先实现个性化资讯服务

中介交易 SEO诊断 淘宝客 云主机 技术大厅 [摘要]腾讯网的改版,标志着门户网站正式进入个性化新闻定制时代. 腾讯科技讯 3721.html">2014年5月15日消息,腾讯网新版首页正式上线.改版后的腾讯网首页凸显了"个性化"理念,即要闻区.频道定制等板块的内容和排序,都将依据不同用户的浏览习惯和兴趣而定.本次改版,标志着门户网站正式进入个性化新闻定制时代. 变"要闻"为"我的要闻" 在碎片化的网络媒体时代,所有用户在门户首

网站改版案例分析:印像派首页改版视觉效果分析

文章描述:浅谈印像派首页改版之视觉篇 . . . . 前段时间在做印像派的全站改版,其中包括首页.列表页.详情页.主题页等页面,整个项目历时较久.前段时间新版印像派上线了,首页初稿由葱头同学设计定稿的,后期由我跟进优化,现在正好以印像派首页为切入点做个设计回顾. . 网易印像派(yxp.163.com)是网易公司推出的个性产品服务平台,在网易印像派可以网上冲印各类数码产品.随着印像派业务不断扩展,几年前设计的首页无论是在交互还是视觉上都已经无法满足现有的业务需求,所以首页的改版是一件迟早要提上议

简单分析网易网首页的设计思想

原文:http://www.ued163.com/?p=369 很多人可能认为门户网站首页设计只是把一些导航.资讯内容和广告堆积起来摆放得好看就可以了,虽然这个观点也并不是完全错误的,确实门户网站首页是由这三方面内容组织而成,但随着互联网的快速发展,用户对访问网站的要求也越来越高,在互联网行业,因为很多东西是免费和相似的,用户转移成本会比较低,在这个网站有的东西去其他网站基本都能找到,只是输入个网址就可以了.网站营运商如果想留住用户和吸引更多的用户浏览自己的网站,那这个时候就是需要提高网站的用户