网页频道页面的改版过程
导读 网页频道页面进行了改版 布局仍然是传统三栏目模式 但是这次改版把中栏调整为主题内容栏 比较符合国内网络用户的中栏浏览、阅读习惯。三栏从上至下通栏整齐方便阅读在阅读中栏的同时可以兼顾左右边栏的内容。
频道首页改版背景
先说明一下在此次改版之前的上半年 已经进行过一次对网易首页和频道首页的整体改版这次改版为上次改版的优化设计。主要针对
1.保留了传统三栏目模式但是三栏布局上做了调
整。
2.头部导航区域进行了重新设计。
3.新年后各首页将上线新的广告对频道首页的广告尺寸做了优化统一。
4.对频道页面的图片控件等都做了优化统一。
1.频道首页布局的确定
布局仍然是传统三栏目模式 但是这次改版把中栏调整为主题内容栏比较符合国内网络用户的中栏浏览、阅读习惯。三栏从
上至下通栏整齐方便阅读在阅读中栏的同时可以兼顾左右边栏的内容。而改版前的左栏为主题内容栏用户阅读时最多只能延伸到中栏右栏的阅读点击非常低。
Oil*
旳S'區
Ei"ic4TJrst<i3中戈事評工它信号 申皂代9FSR<®T fXTW
若II®△持' 申衣丰啤t ffit.享冯 35诅号干1■曲如*T丰评7 <«ji5壬味阿尊R-TMJ <l»A®1-QbWA-rr«)
和丁 115KC
2.头部导航区域改版设计
2.1顶部导航条将搜索框取消下移整合至频道导航的上方右
侧不同的频道自动默认搜 索本频道关键词内容 合理用户体验。增加了顶部导航条上的频道入口数量。
2.2调整了头部通栏广告的尺寸和高度广告尺寸具体再下面内容介绍。
2.3频道LOGO取消域名变小尺寸统一为107 X24.旁边增加热点关键词。
2.4频道导航条取消了之前右面的归类内容 统一整合在导航条上导航区域的内容精简明确。有主次 2级导航次级导航可
以根据频道内容需求取消或使用。将新闻日历等功能与搜索功能放在一起。
2.5导航上前面页采用滑动标签设计频道首页默认为首页。 点击进入不同的二级页面后滑动到相应的二级页标签二级页下属的2级3级则默认为最上级二级切换标签。这种设计可以提高
编辑对频道二三级页面的规划归类要求
改版前
IIA ££■廉W汎專料MJrA"L VS■福虑flIV品 LRf3砥HE 骨诉 皿
WIVK avHU工击住乐MIWJKAS.斡豪in童人也国■蚩JAF审需 蓿再泌ij nsjsinuxftf* tWB1 liltlrw P寸i»ntK
*4僅JH «a-»亨出.
顶部导航上通讯证登陆
数育读书■游戏 免費邮箱適行证登录 RS S
登陆后
数育读书游戏 |y3>g_f&n XL±j 6 登
2-2页尾导航
页面底部导航取消了搜索之前保留此搜索时使用率极低。 页脚编辑和公司版权信息等文字颜色均为 #4d4d4d
KA灯皆汞运 阳豆AX UK孙西手就址人 1*»诸科亡坛課娇»«手亂母 毛田坛*不■: mt励序丹愴《«I弼窗•鬧垮■辛嘶辽込障壬就r*<
SB M9V希如«EM 9M[[♦文9HM■? tt£M m时于 M VI«KM««胴亦UM«W
3 t^u Ax■陌包林MC甘吉 扌卸甲kns丰•用Afr呃屈苗片耳宙鷲wtf tvZfW*11flit! ffWriHR弭章KFjJJT wtl» PET砂 ■前甲叵史KirEWit W恢IH秆聞盘抚 *£K M"KEM tlfl XM$ilK : 两说慑W知至fit JEflEB毎最嚼诃轄41■・■査E Wr;审北峯咒
丰鬣厲恵皐底汕越3?事电述o»vssa主•血赴咄肚盘电旦网逑地團两吏旨■
応円i ・■於H■井*2咖-跡-ZFW9 I'“关肚■*FHVM
画當肝嘗椀冋
■wr-stw
3.广告和图片尺寸的统一改版
3.1 新年后各首页将上线新的广告销售和设计中心对频道
首页的广告尺寸做了优化统一。
首先销售提出需要修改的广告尺寸初稿。
然后设计中心根据页面的布局美观合理性方面进行建议
调整这些尺寸。
最后经过无数次的多方面讨论和协商制定出了最新的广告尺寸规范这也是网易所有的页面首页二级三级页都统一使用的广告尺寸。
山西鼻耐*毛却昭宜■二录呼駁谒砂星虞wtfjr HLts rts-Kz餐対山vs主.*促谢*时3冲目童樹时里啊甘辛戡电■厂■尺吋IS th dH 厂音艮彷 LHh1«mHZMHfiV QAfl M»T.IW. . ・*#皿*AmML^bk mB a*VLiA«<F«19^
WAMT ftffT s s an帕 昨】也
術暫集酒竟厂肯平如〕特
20OKK> 沁廉 HOtSO头<0嵐T咅之—血血凸
33 hLH)
头闿医T哥之二VXhtVn WWI1W
=")ngj
3.2头图处理和图片规范
同广告尺寸一样各个频道页面中的图片和控件也都做了统一规范改版防止过多的随意使用不同的图片尺寸造成页面上的杂舌L。
大头图尺寸只保留4种除旅游、探索、读书使用特殊尺寸以外
其他频道首页只有2种头图尺寸横图300X225 竖图300X400
且头图统一放在页面的左栏。如下图所示:
4.关于二级频道
二级频道在整体大规范上的改版与首页基本一致 频道导航上
采用滑动的标签设计 点击进入不同的二级频道滑动到相应的
标签上。频道LOGO后面热点换成二级频道的频道名+面包屑路径。
二级页面的布局是主要在首页标准布局上 可以根据不同的情况需求延伸到几种变化。如图
T35PX 21OP
X
CT^CMRU'OFI
■««* Au wo te u a<-------------左亡性目35 S EROPX §<-右岂性目姬is时
延伸分栏一
735P2 21O?X
C
0PX不包括中:±11 RXT包括中少
左花申n»«fc:n
■«»* L■■■■
■ 左栏栏旦穴虔357FX 牝"触3SE
acu^TBBcnr^xrw 2Ci;9?««<:rr<i»xF« 6Gi2tT«m<mTff j£、占・ 0DG■力- <C.
延伸分栏二
635PI 310W
MT『XT包捲中曲出
S C5>EMW I2 IM
O»««*»
—Et*eBT®S»7FX 中性eaffi«»7FX --------之趙目MKWJPX
两E 左建1谒事■故Gf丈竽再左UI⑴Tfftt V s nu wmt!me♦丈押
«
右栏E为斤炮32
A400互联怎么样?A400互联是一家成立于2020年的商家,A400互联是云服务器网(yuntue.com)首次发布的云主机商家。本次A400互联给大家带来的是,全新上线的香港节点,cmi+cn2线路,全场香港产品7折优惠,优惠码0711,A400互联,只为给你提供更快,更稳,更实惠的套餐,香港节点上线cn2+cmi线路云服务器,37.8元/季/1H/1G/10M/300G,云上日子,你我共享。...
RAKsmart商家一直以来在独立服务器、站群服务器和G口和10G口大端口流量服务器上下功夫比较大,但是在VPS主机业务上仅仅是顺带,尤其是我们看到大部分主流商家都做云服务器,而RAKsmart商家终于开始做云服务器,这次试探性的新增美国硅谷机房一个方案。月付7.59美元起,支持自定义配置,KVM虚拟化,美国硅谷机房,VPC网络/经典网络,大陆优化/精品网线路,支持Linux或者Windows操作...
HostKvm,我们很多人都算是比较熟悉的国人服务商,旗下也有多个品牌,差异化多占位策略营销的,商家是一个创建于2013年的品牌,有提供中国香港、美国、日本、新加坡区域虚拟化服务器业务,所有业务均对中国大陆地区线路优化,已经如果做海外线路的话,竞争力不够。今天有看到HostKvm夏季优惠发布,主要针对香港国际和韩国VPS提供7折优惠,折后最低月付5.95美元,其他机房VPS依然是全场8折。第一、夏...