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