频道网页频道页面的改版过程

qq网页版登陆页面  时间:2021-03-27  阅读:()

网页频道页面的改版过程

导读 网页频道页面进行了改版 布局仍然是传统三栏目模式 但是这次改版把中栏调整为主题内容栏 比较符合国内网络用户的中栏浏览、阅读习惯。三栏从上至下通栏整齐方便阅读在阅读中栏的同时可以兼顾左右边栏的内容。

频道首页改版背景

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

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

瓜云互联-美国洛杉矶高防CN2高防云服务器,新老用户均可9折促销!低至32.4元/月!

瓜云互联一直主打超高性价比的海外vps产品,主要以美国cn2、香港cn2线路为主,100M以内高宽带,非常适合个人使用、企业等等!安全防护体系 弹性灵活,能为提供简单、 高效、智能、快速、低成本的云防护,帮助个人、企业从实现网络攻击防御,同时也承诺产品24H支持退换,不喜欢可以找客服退现,诚信自由交易!官方网站:点击访问瓜云互联官网活动方案:打折优惠策略:新老用户购买服务器统统9折优惠预存返款活动...

Sharktech云服务器35折年付33美元起,2G内存/40G硬盘/4TB流量/多机房可选

Sharktech又称SK或者鲨鱼机房,是一家主打高防产品的国外商家,成立于2003年,提供的产品包括独立服务器租用、VPS云服务器等,自营机房在美国洛杉矶、丹佛、芝加哥和荷兰阿姆斯特丹等。之前我们经常分享商家提供的独立服务器产品,近期主机商针对云虚拟服务器(CVS)提供优惠码,优惠后XS套餐年付最低仅33.39美元起,支持使用支付宝、PayPal、信用卡等付款方式。下面以XS套餐为例,分享产品配...

阿里云香港 16核32G 20M 999元/月

阿里云香港配置图提速啦是成立于2012年的十分老牌的一个商家这次给大家评测的是 阿里云香港 16核32G 20M 这款产品,单单说价格上就是十分的离谱原价8631元/月的现价只要 999元 而且还有个8折循环优惠。废话不多说直接进入正题。优惠时间 2021年8月20日-2021年9月20日 优惠码 wn789 8折优惠阿里云香港BGP专线 16核32G 10M带宽 优惠购买 399元购买链接阿里云...

qq网页版登陆页面为你推荐
phpwindPHPWIND和DISCUZ有什么区别accessdenied升级后出现Access denied 如何解决进入查看支付宝调整还款日花呗还款日是什么时候呢重庆杨家坪猪肉摊主杀人重庆九龙坡区治安好么的是cuteftp大飞资讯手机出现热点资讯怎么关闭piaonimai跪求朴妮唛的的韩文歌,不知道是哪一部的,第一首放的是Girl's Day《Oh! My God》。求第三首韩文歌曲,一男一女唱的。银花珠树晓来看谜语白色花无人栽一夜北风遍地开。旡根无叶又无枝不知是谁送花来。谜底是什么12306.com如何登录12306免费代理加盟免费加盟代销怎么回事,能具体介绍下么
日本私人vps bluehost 远程登陆工具 发包服务器 三拼域名 蜗牛魔方 193邮箱 国外免费全能空间 工作站服务器 linux服务器维护 国外免费asp空间 跟踪路由命令 河南移动梦网 免费主页空间 石家庄服务器 九零网络 ncp 中美互联网论坛 认证机构 so域名 更多