网易频道页面设计改版过程分享(2)
2-2页尾导航
页面底部导航取消了搜索,之前保留此搜索时,使用率极低。
页脚编辑和公司版权信息等文字颜色均为#4d4d4d

3.广告和图片尺寸的统一改版
3.1 新年后各首页将上线新的广告,销售和设计中心对频道首页的广告尺寸做了优化统一。
首先,销售提出需要修改的广告尺寸初稿。
然后,设计中心根据页面的布局,美观,合理性方面进行建议调整这些尺寸。
最后,经过无数次的多方面讨论和协商制定出了最新的广告尺寸规范,这也是网易所有的页面:首页,二级三级页都统一使用的广告尺寸。

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

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

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

这些延伸的布局样式基本涵盖了所有网易二级页面的需求,二级页面可以比比首页灵活一点,如排行页、列表页等都可以根本不同的情况需求,在使用这些延伸的布局。这些也可以严格控制编辑胡乱编排布局。
最后要说的:
这次改版主要是优化之前的版本,更加清晰、条理、整洁,更多的注重统一性和规范性。成功与否,关键还是在于用户使用后的数据反馈。而且在这次改版中也发现了问题,这次的统一性规范性基本做到了位,但是一些频道的频道个性味道并不突出。这也许应该就是下次改版我们需要思考和注意的地方,在保持统一性规范性的同时,怎么来加强频道之间的个性化。
本文地址:http://tuquu.com/tutorial/di1081.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








