油Tube統一PC端與移動端用戶界面風格,采用Material Design設計語言

jopen 9年前發布 | 9K 次閱讀 Material Design

原文  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設計語言

</section></div>

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!