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

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

incogne$2.5/月t芬兰VPS,AMD Ryzen、1Gbps带宽

IncogNet LLC是个由3个人运作的美国公司,主要特色是隐私保护,号称绝对保护用户的隐私安全。业务涵盖虚拟主机、VPS等,支持多种数字加密货币、PayPal付款。注册账号也很简单,输入一个姓名、一个邮箱、国家随便选,填写一个邮箱就搞定了,基本上不管资料的真假。当前促销的vps位于芬兰机房,全部都是AMD Ryzen系列的CPU,性能不会差的!5折优惠码:CRYPTOMONTH,支持:BTC,...

10gbiz首月半价月付2.36美元,香港/洛杉矶VPS、硅谷独立服务器/站群服务器

收到10gbiz发来的7月份优惠方案,中国香港、美国洛杉矶机房VPS主机4折优惠码,优惠后洛杉矶VPS月付2.36美元起,香港VPS月付2.75美元起。这是一家2020年成立的主机商,提供的产品包括独立服务器租用和VPS主机等,数据中心在美国洛杉矶、圣何塞和中国香港。商家VPS主机基于KVM架构,支持使用PayPal或者支付宝付款。洛杉矶VPS架构CPU内存硬盘带宽系统价格单核512MB10GB1...

昔日数据月付12元起,湖北十堰机房10M带宽月付19元起

昔日数据怎么样?昔日数据是一个来自国内服务器销售商,成立于2020年底,主要销售国内海外云服务器,目前有国内湖北十堰云服务器和香港hkbn云服务器 采用KVM虚拟化技术构架,湖北十堰机房10M带宽月付19元起;香港HKBN,月付12元起; 此次夏日活动全部首月5折促销,有需要的可以关注一下。点击进入:昔日数据官方网站地址昔日数据优惠码:优惠码: XR2021 全场通用(活动持续半个月 2021/7...

qq网页版登陆页面为你推荐
支持ipadmediawikiwiki,wikipedia与mediawiki三者的区别360退出北京时间为什么我电脑上的时间跟北京时间不同步!!!asp.net网页制作如何用ASP.NET做网站?360免费建站免费空间-360免费建站空间是多大?govya资费标准联通所有套餐介绍宜人贷官网我在宜人财富贷款2万元,下款的时候时候系统说银行卡号错误,然 我在宜人财富贷款2万我在宜人财富贷款瞄准的拼音碰的拼音是什么三五互联科技股份有限公司厦门三五互联科技股份有限公司 怎么样?
虚拟主机购买 域名信息查询 外贸主机 mediafire 好看的桌面背景大图 网站实时监控 轻量 vip购优汇 hostker seednet 双线主机 江苏双线服务器 厦门电信 带宽租赁 独立主机 中国linux 免费asp空间申请 域名转入 阿里云邮箱申请 深圳主机托管 更多