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

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

欧路云:美国200G高防云-10元/月,香港云-15元/月,加拿大480G高防云-23元/月

欧路云 主要运行弹性云服务器,可自由定制配置,可选加拿大的480G超高防系列,也可以选择美国(200G高防)系列,也有速度直逼内地的香港CN2系列。所有配置都可以在下单的时候自行根据项目 需求来定制自由升级降级 (降级按天数配置费用 退款回预存款)。由专业人员提供一系列的技术支持!官方网站:https://www.oulucloud.com/云服务器(主机测评专属优惠)全场8折 优惠码:zhuji...

[黑五]ProfitServer新加坡/德国/荷兰/西班牙VPS五折,不限流量KVM月付2.88美元起

ProfitServer已开启了黑色星期五的促销活动,一直到本月底,商家新加坡、荷兰、德国和西班牙机房VPS直接5折,无码直购最低每月2.88美元起,不限制流量,提供IPv4+IPv6。这是一家始于2003年的俄罗斯主机商,提供虚拟主机、VPS、独立服务器、SSL证书、域名等产品,可选数据中心包括俄罗斯、法国、荷兰、美国、新加坡、拉脱维亚、捷克、保加利亚等多个国家和地区。我们随便以一个数据中心为例...

星梦云:四川100G高防4H4G10M月付仅60元

星梦云怎么样?星梦云资质齐全,IDC/ISP均有,从星梦云这边租的服务器均可以备案,属于一手资源,高防机柜、大带宽、高防IP业务,一手整C IP段,四川电信,星梦云专注四川高防服务器,成都服务器,雅安服务器。星梦云目前夏日云服务器促销,四川100G高防4H4G10M月付仅60元;西南高防月付特价活动,续费同价,买到就是赚到!点击进入:星梦云官方网站地址1、成都电信年中活动机(成都电信优化线路,封锁...

qq网页版登陆页面为你推荐
internalservererrorError 500--Internal Server Error如何解决?phpcms模板phpcms在后台怎样改模板空间文章空间的文章被人推荐有什么好处centos6.5centos 6.5服务器基本配置有哪些googleprGOOGLE PR是什么意思conn.aspconn.asp 在哪打开?应该怎样打开?asp.net空间谁知道免费的ASP空间netshwinsockreset开始-运行-输入CMD-确定-输入netsh winsock reset,按Enter确定。然后重启。 是什么意思汉字cuteftp文档下载手机下载的文件在哪里能找到
大连虚拟主机 金万维动态域名 新世界机房 hostmonster 美国主机推荐 日本空间 圣诞节促销 最好的空间 警告本网站美国保护 hktv 百度云加速 主机管理系统 实惠 工信部icp备案查询 徐州电信 买空间网 万网服务器 密钥索引 锐速 镇江高防服务器 更多