Android TV 將是 Google谷歌進(jìn)軍客廳的先鋒利器，特別是最新版本的界面進(jìn)行了全新設(shè)計(jì)，采用了谷歌最新開發(fā)的界面設(shè)計(jì)語言—Material Design。

同時(shí)也結(jié)合了移動(dòng)平臺(tái)發(fā)展出來的“卡片”設(shè)計(jì)趨勢。Google 也的確要以全新思維打造機(jī)頂盒TV市場。

另外，Google也對產(chǎn)品功能進(jìn)行了重新定位，鼓勵(lì)開發(fā)者“為極為簡潔的機(jī)頂盒界面開發(fā)極為簡潔的TV應(yīng)用”。

而作為中國國內(nèi)Android TV設(shè)計(jì)的先驅(qū)者——沙發(fā)管家，近期發(fā)布一款符合Android TV設(shè)計(jì)風(fēng)格的V5版本。也是國內(nèi)首家符合Android TV設(shè)計(jì)理念的電視應(yīng)用。

25學(xué)堂小編體驗(yàn)了沙發(fā)管家的V4和V5版本，從UI界面設(shè)計(jì)角度來看，沙發(fā)管家將對Android TV設(shè)計(jì)規(guī)則的理解，和對自己產(chǎn)品的了解結(jié)合在一起，產(chǎn)生的是一款既引領(lǐng)潮流，又實(shí)用好用的產(chǎn)品。

沙發(fā)管家Android TV ??v4.8.3

?沙發(fā)管家最新Android TV設(shè)計(jì)版本 ?v5

Android TV的設(shè)計(jì)語言就是目前安卓圈內(nèi)最流行的設(shè)計(jì)風(fēng)格—Material Design。

專為設(shè)計(jì)適用于多個(gè)平臺(tái)和設(shè)備的視覺、運(yùn)動(dòng)與互動(dòng)效果而制定的全球先進(jìn)設(shè)計(jì)規(guī)范。

下面就來跟隨25學(xué)堂的小編來一起從下面三個(gè)方面來體驗(yàn)下Android TV設(shè)計(jì)語言的魅力！

1、Android TV 主屏幕的布局設(shè)計(jì)更加人性化

Android ?TV 的用戶體驗(yàn)從主屏幕開始，包括搜索、內(nèi)容推薦、App 列表以及設(shè)置入口。主屏幕提供一種多層次的、影院風(fēng)格的和視頻內(nèi)容概覽。

Material Design通過模擬物理世界紙張的伸縮、變形、拼貼等多種可能性來作為主要交互手段，這一方式結(jié)合電視大屏特性，就要求我們更多采用卡片式的大圖來作為信息載體，減少層級跳轉(zhuǎn)，將突出內(nèi)容呈現(xiàn)作為頁面布局最重要的目的，使得整體交互過程更加簡潔、輕快。

沙發(fā)管家不僅僅提供了應(yīng)用下載、更新、電視優(yōu)化等管理功能，還突出了電視的大屏優(yōu)勢，在視覺上和電視的寬屏契合，力求達(dá)到“更輕、更快”的使用體驗(yàn)。

采用了左側(cè)菜單右側(cè)內(nèi)容的布局，推薦位和列表頁都使用橫排布局，圖標(biāo)統(tǒng)一采用卡片式設(shè)計(jì)，引入“軸陰影”焦點(diǎn)設(shè)計(jì)方案，并且從主屏到欣賞內(nèi)容之間的鍵操作不會(huì)超過三次。

主屏幕頂部的推薦欄是的核心元素。這一欄是為用戶速覽個(gè)性化的內(nèi)容、繼續(xù)播放該設(shè)備或其他設(shè)備上的內(nèi)容而準(zhǔn)備的，同時(shí)也幫助用戶發(fā)現(xiàn)自己可能喜歡的新內(nèi)容。

2、采用最先進(jìn)的移動(dòng)APP設(shè)計(jì)趨勢：卡片式設(shè)計(jì)

卡片式布局的優(yōu)點(diǎn)：簡潔布局、層級清晰、加載快速。不僅能給人很好的視覺一致性，而且更易于設(shè)計(jì)上的迭代。更重要的是可以將不同大小、不同媒介形式的內(nèi)容單元以統(tǒng)一的方式進(jìn)行混合呈現(xiàn)。既要做到視覺上盡量一致，又要平衡文字和圖片的強(qiáng)弱，這時(shí)卡片設(shè)計(jì)經(jīng)常有奇效。

其次，卡片是立體的、有深度可以被翻轉(zhuǎn), 擴(kuò)展性很強(qiáng)。如下圖所示：

下面是沙發(fā)管家的V5版本UI界面圖：

沙發(fā)管家右邊正是采用層次清晰，易于自適應(yīng)的的卡片式布局設(shè)計(jì)，同時(shí)還增加了投影效果!?更突顯每一個(gè)卡片的立體感！

左邊是可伸縮的導(dǎo)航菜單，非常簡單！右邊是用戶感興趣的內(nèi)容區(qū)域！上下滾動(dòng)即可。建立從左到右、從上到下的導(dǎo)航模式！ 移動(dòng)體驗(yàn)非常的完善！

使用水平布局，并且提供頁面間的視覺過渡。如果要使用垂直滾動(dòng)，將其范圍限制在頁面中的細(xì)節(jié)區(qū)域。保持左側(cè)導(dǎo)航欄固定。除此之外，保持上下文易于理解，這將會(huì)更好得易于用戶理解。

3、交互界面做到直觀易懂

如今的交互不單純只是人機(jī)界面交互，還有語音、手勢、人臉識(shí)別等交互技術(shù)，這些交互方式和技術(shù)也在產(chǎn)品中逐步應(yīng)用。

比如Material Design引入全新“Z軸”概念后，通過強(qiáng)調(diào)“Z軸”來凸顯頁面之間的空間層級關(guān)系。每一次移動(dòng)、點(diǎn)擊，頁面都從移動(dòng)中心點(diǎn)擴(kuò)散出來，整個(gè)界面操作交互非常的流程易懂。

其次，關(guān)鍵字是“Overlay”和去主頁化。去掉主頁的設(shè)計(jì)減輕了用戶進(jìn)行選擇方面的負(fù)擔(dān)，讓看電視“更像”看電視節(jié)目。

更重要在AndroidTV上，搜索依然存在，而輸入方式則改為了語音，這確實(shí)優(yōu)化了產(chǎn)品的體驗(yàn)，部分解決了在電視上的輸入問題。目前，中國市面上有些盒子是搭配語音遙控器操作的。有興趣的小伙伴可以去嘗試體驗(yàn)一下！

沙發(fā)管家的交互設(shè)計(jì)在AndroidTV的“高標(biāo)準(zhǔn)”和中國用戶實(shí)際的用戶體驗(yàn)之間做了平衡，值得推薦的細(xì)節(jié)有：

第一：流暢的屏幕轉(zhuǎn)場切換效果。還有上下緩存滾動(dòng)的的特效。如果網(wǎng)速較慢的話，屏幕中央會(huì)出現(xiàn)旋轉(zhuǎn)加載的動(dòng)畫。告知用戶稍微等待。

第二：就是用戶選中某個(gè)卡片的放到特效。非常的醒目，一把就能抓住用戶的眼球。同時(shí)圖標(biāo)會(huì)有一些小小的動(dòng)畫效果。也就是符合Android TV的放大每一個(gè)光標(biāo)可以訪問的UI控件（比如鏈接或按鈕），并在控件周圍留出足夠的空白。形成視覺聚焦。如下圖所示：

第三、為界面中可選擇、可導(dǎo)航的項(xiàng)目添加指示或高亮狀態(tài)。這是一個(gè)很不錯(cuò)的設(shè)計(jì)。這樣啟示用戶更好的操作V5的ui界面設(shè)計(jì)。

第四、方向鍵控制器將運(yùn)動(dòng)限制在上、下、左、右。使用方向鍵中間的Enter或OK鍵觸發(fā)光標(biāo)所在的操作。用戶只需控制好 方向?qū)Ш芥I，就可以快速簡單的與V5界面進(jìn)行交互操作。

總的來說沙發(fā)管家的V5版本，從用戶體驗(yàn)界面設(shè)計(jì)角度來說，幾乎符合下面四點(diǎn)：

1、保持設(shè)計(jì)的一致性。

2、保持元素行為的一致性。

3、保持所有重要的操作和選項(xiàng)可見，包括搜索、設(shè)置、返回等等。在十英尺環(huán)境中，不可見的元素容易被記住，即便它們是在屏幕以外或者在遙控器上。

4、只使用一種視覺導(dǎo)航模式或是一種信息層級。從而引導(dǎo)用戶適應(yīng)所有UI的心理模型。

最后， ?25學(xué)堂小編覺得一個(gè)可以把產(chǎn)品設(shè)計(jì)理念變成一種潮流，而且設(shè)計(jì)出來的UI界面易用、好看、匹配產(chǎn)品使用場景、大膽創(chuàng)新元素等以上種種舉措，足以讓我們了解沙發(fā)管家是一個(gè)舍得花心思在UI界面設(shè)計(jì)上，重視用戶交互體驗(yàn)的電視應(yīng)用產(chǎn)品。

再說谷歌官方的發(fā)布的Android TV設(shè)計(jì)規(guī)范并不完美，也是在盡最大努力的滿足用戶喜好，甚至引導(dǎo)用戶發(fā)現(xiàn)自己的需求，不斷的去完善Android TV設(shè)計(jì)規(guī)范。

當(dāng)然，我們也愿意跟隨Android TV這樣專注創(chuàng)新設(shè)計(jì)的先驅(qū)者，一起進(jìn)步。