從YouTube 5.0設計 看Android Design更多可能
今天,Android Police 放出了YouTube for Android 5.0 的更新文件。和現在Google Play 上YouTube 4.5.17 版相比,YouTube 5.0 有了非常大的變化,不僅采用了新Logo,也使用了像漢堡包抽屜導航條(Drawer)等新的Android Design 標準控件,同時還加入了很多手勢操作和為平板優化的部分。在利用原有Android Design 的同時,也嘗試了更多的可能。
對于YouTube 5.0 具體的更新,下載安裝包之后,你會看到的新變化:Logo 由YouTube 字符logo 改為紅色視頻按鈕圖標;采用新的Drawer 圖標和抽屜式菜單,導航菜單也進行了重新整理;內容元素用卡片式設計進行有序整理(雖然在內容元素過多的情況下仍然有點亂);播放視頻過程中可以縮小視 頻,觀看的同時繼續瀏覽其他內容(加入手勢操作和平板優化);YouTube TV Queue 采用了新設計。
YouTube 的in-app multitasking(應用內多任務)設計,可以讓你在觀看視頻的過程中繼續瀏覽其他內容。在單個視頻播放界面,點擊左上角的下三角符號,可以將視頻 縮小到屏幕的右下角,在平板上直接將視頻向下劃也可以縮到小屏幕視圖。之后你便可以瀏覽其他任何內容,包括在導航欄中跳轉到不同欄目。當你按住小屏幕向上 劃時,可以返回播放界面,而向左劃則是關閉視頻播放。這整個過程的切換非常順暢,而且動畫效果做的非常好,無論是手機還是平板,都能自如的在各個內容界面 中切換。
而且使用新版設計之后,YouTube 上的內容變得更加有序,瀏覽、查找、搜索等都非常方便。主界面的視頻流采用了卡片式設計,將視頻、上傳人、標題、視頻信息等都有序的整合在了卡片中,整個 界面清晰了許多。而YouTube 的導航菜單也進行了重新設計,點擊左上角“漢堡包”圖標或直接在主界面向右滑即可呼出導航欄。新版導航欄將上傳、瀏覽歷史、喜歡、播放列表、訂閱等放在了 一起,用戶更容易理解和查找想看的內容。而再往下,是YouTube 的各個頻道,放在常用欄目下面,既不會打擾到用戶,又能讓用戶快速找到。
一直以來,由于Android Design 還不成熟,Google 系列應用都在引導著Android Design 的設計方向。而這一次,YouTube 5.0 不僅遵循了最新的Android Design 設計風格,同時也做出了很多突破,給第三方Android 開發者帶來了很多想象的空間。不管是自如流暢的手勢操作,還是更符合多屏設計的Tablet UI,都給了Android 開發者很多參考。
對于YouTube 這個Web 2.0 的網站,本身誕生于桌面互聯網的時代,在移動互聯網興起之后,其網站內容呈現方式、交互邏輯、信息架構等想搬到移動互聯網上都面臨著很大的困難。但 YouTube 一直以來都在尋找一種優秀的App 端呈現方式。YouTube 5.0 在這方面就做的很好,它成功將Web 端笨重的界面和元素搬到了手機和平板上,但仍保持了清晰流暢的移動端體驗。雖然有時候打開YoouTube 仍顯得東西太多,但整體已經比之前和其他產品好多了。