首页 >> 通信新闻 >> 互联网 >> 正文
 
优酷重大改版:多屏统一 强调个性化
http://www.cww.net.cn   2013年6月27日 09:15    

优酷网昨日作出重大改版,告别了“多年一面”的首页,移动端也同步改版,达到了页面结构、品牌风格的多屏一致。记者观察发现,截至目前,真正实现几个屏幕统一的还只有优酷一家。

栅格化结构 告别6+1

旧版首页头屏

据了解,优酷网自成立上线以来,首页几乎没有做过大的改动,经过改版的是部分频道页面,以及播放页。优酷创立了6+1样式(如上图)后,各大视频网站纷纷模仿。上个版本的首页在用户面前至少已经呈现了5年以上。

新版首页头屏

新版首页做了较大的改动,其设计理念是栅格化。

栅格设计系统(又称网格设计系统、标准尺寸系统等),是一种平面设计的方法与风格。运用固定的格子设计版面布局,对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。

栅格化最明显的特点是,页面结构跟随分辨率的变化进行单元格的增加或减少。此外,因风格整洁统一、结构简洁明了,达到了让用户对内容的可预期性。

首页每个推荐视频都标注了类别、时长、评分等信息,与旧版相比增加了用户获取信息的便捷性。

多屏统一 体验一致

优酷的平台大致分为Pc端、Pad端、Phone端,此前各平台风格、页面布局不一,体验迥异,未达到品牌到体验的一致化。

Pc首页

Pad首页

Phone首页

伴随Pc网站改版的还有优酷pad与phone端,改版后三个平台从导航、页面结构到品牌风格进行了统一,同样进行了栅格化设计。

多屏统一还体现在CMS底层的统一。即,三个平台的前端页面使用了同一套CMS底层数据,一次内容维护可以实现多个屏幕的搭建。

据了解,在优酷CMS后台,编辑填写页面基本信息的同时,还可以选择填写支持多屏的平台,目前支持PC、Pad、Phone。CMS会自动生成Pad、Phone屏的模块及数据源。

[1]  [2]  
关注通信世界网微信“cww-weixin”,赢TD手机!
来源:鞭牛士   编 辑:高娟
分享到:
       收藏   打印  论坛   推荐给朋友
关键字搜索:优酷  
猜你还喜欢的内容
文章评论查看评论()
昵称:  验证码:
 
相关新闻
即时新闻
通信技术
最新方案
企业黄页
会议活动