油Tube统一PC端与移动端用户界面风格,采用Material Design设计语言

jopen 10年前

原文  http://36kr.com/p/531709.html


油Tube正在重新设计PC端的网页视频播放器,试图统一其与移动端的用户界面风格。

新版播放器的设计遵循了Google目前的设计语言Material Design。原先独立于视频播放界面的纯黑条块,被重新设计为直接覆盖在视频画面的透明条块,控制条上的功能键也颇似Material Design按钮的设计风格。

油Tube统一PC端与移动端用户界面风格,采用Material Design设计语言

除了界面设计的更改,PC端油Tube还在交互和功能设计上做了修改:第一,当视频开始播放时,控制条将会消失,带给用户全屏的沉浸式观影体验,这和油Tube移动端的应用设计一致;第二,新增“稍后观看”功能键,让用户能够收藏视频至播放列表,稍后再看。

油Tube的这番改变给了其他视频网站设计者两大启发,一是Google Material Design的设计风格,二是统一PC端和移动端的用户界面。Material Design是Google在去年7月I/O大会上提出的设计语言,它很像扁平设计和拟物设计的结合,它在按键和内容的设计上都是扁平的,但却通过重叠、 覆盖等逻辑关系产生3维空间的效果。 关于Material Design我们曾做过详细的解读 ,想要了解Google的示例也可以看看我们之前写的这篇文章。 油Tube统一PC端与移动端用户界面风格,采用Material Design设计语言

统一PC端和移动端的用户界面一般是让PC端向移动端的风格靠拢,能减少用户培养的成本,实现跨平台的同步和信息的无缝交换。随着移动端用户量不断增 大,PC端的用户呈现向移动端迁移的趋势,移动端的风格成为主导。”去年1月,推ter也对PC版网站进行了改版,声称要让后者“反映iOS和安卓 客户端的外观和感觉”。不只是社交媒体和视频网站,微软和苹果也在统一桌面端和移动端的用户界面上下了功夫。 油Tube统一PC端与移动端用户界面风格,采用Material Design设计语言