网页频道页面的改版过程
导读 网页频道页面进行了改版 布局仍然是传统三栏目模式 但是这次改版把中栏调整为主题内容栏 比较符合国内网络用户的中栏浏览、阅读习惯。三栏从上至下通栏整齐方便阅读在阅读中栏的同时可以兼顾左右边栏的内容。
频道首页改版背景
先说明一下在此次改版之前的上半年 已经进行过一次对网易首页和频道首页的整体改版这次改版为上次改版的优化设计。主要针对
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
瓜云互联一直主打超高性价比的海外vps产品,主要以美国cn2、香港cn2线路为主,100M以内高宽带,非常适合个人使用、企业等等!安全防护体系 弹性灵活,能为提供简单、 高效、智能、快速、低成本的云防护,帮助个人、企业从实现网络攻击防御,同时也承诺产品24H支持退换,不喜欢可以找客服退现,诚信自由交易!官方网站:点击访问瓜云互联官网活动方案:打折优惠策略:新老用户购买服务器统统9折优惠预存返款活动...
Sharktech又称SK或者鲨鱼机房,是一家主打高防产品的国外商家,成立于2003年,提供的产品包括独立服务器租用、VPS云服务器等,自营机房在美国洛杉矶、丹佛、芝加哥和荷兰阿姆斯特丹等。之前我们经常分享商家提供的独立服务器产品,近期主机商针对云虚拟服务器(CVS)提供优惠码,优惠后XS套餐年付最低仅33.39美元起,支持使用支付宝、PayPal、信用卡等付款方式。下面以XS套餐为例,分享产品配...
阿里云香港配置图提速啦是成立于2012年的十分老牌的一个商家这次给大家评测的是 阿里云香港 16核32G 20M 这款产品,单单说价格上就是十分的离谱原价8631元/月的现价只要 999元 而且还有个8折循环优惠。废话不多说直接进入正题。优惠时间 2021年8月20日-2021年9月20日 优惠码 wn789 8折优惠阿里云香港BGP专线 16核32G 10M带宽 优惠购买 399元购买链接阿里云...