快好知 kuaihz

网易频道首页改版分享

频道首页改版背景

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

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后面热点换成二级频道频道名+面包屑路径。

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:网易频道首页改版分享  网易  网易词条  首页  首页词条  改版  改版词条  分享  分享词条  频道  频道词条  
设计

 用户任务完成度分析

欢迎来到艾泽拉斯大陆……如果你玩过魔兽世界,也许你在里面完成过无数个任务;当用户在访问网站时,其实他们也在试图完成某些特定的任务。也许大家都比较熟悉网站目标(G...(展开)

设计

 用户体验策略挖掘剖析

在当今商业社会,“用户体 验”(简称UX)已经成为一个产品或服务品质的标志,这对于终端用户来说有着密切的联系和意义。体包含当用户与产品交互时的所有视觉和感受,这...(展开)