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

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

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

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

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

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

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

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

專為設(shè)計適用于多個平臺和設(shè)備的視覺、運動與互動效果而制定的全球先進設(shè)計規(guī)范。

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

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

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

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

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

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

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

2、采用最先進的移動APP設(shè)計趨勢：卡片式設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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