? ? ? APP標簽欄圖標的標記狀態(tài)作用是讓用戶知道身處何處券犁，那么TV中焦點作用也是如此轮锥，由于目前TV技術(shù)限制使得用戶更加被動击蹲，還是倚靠遙控完成所有交互指令纽绍，這就要求TV UI和交互必須簡潔醒目：更簡單的導(dǎo)航系統(tǒng)蕾久、更少的頁面跳轉(zhuǎn)、更大的字號以及更醒目的焦點狀態(tài)拌夏。
? ? TV UI分為控件與非控件僧著，前者能獲取焦點，后者不能障簿，簡單來說就是內(nèi)容應(yīng)用卡片和提示文字圖標的區(qū)別盹愚。而可獲取焦點的控件有四種狀態(tài)：正常狀態(tài)、焦點狀態(tài)站故、標記狀態(tài)皆怕、半選中狀態(tài)。焦點狀態(tài)指移動按鈕的狀態(tài)時西篓，側(cè)邊的內(nèi)容也會隨之更換愈腾，適用于導(dǎo)航欄按鈕；半選中狀態(tài)指按鈕懸停在該選項中岂津，點擊遙控器確定按鈕才會發(fā)生結(jié)果虱黄，適用于視頻選集、清晰度的切換吮成；標記狀態(tài)指當前已選的選項記錄橱乱，適用于導(dǎo)航欄上的選項標記（焦點不在選項而在卡片內(nèi)容時）辜梳。
? ? ? 更深入點，就焦點狀態(tài)來講泳叠，要醒目作瞄，尤其白天模式。黑色相對于白色更體現(xiàn)顏色對比危纫，這就要求TV的白天模式的焦點要更加明顯粉洼，當然要適量而不至花哨，一般會用到兩個到兩個半的效果叶摄，這里來做個焦點效果程度對比：放大+陰影（多用于launcher這樣有序的應(yīng)用排列）>發(fā)光+邊框（多用于APP商城這樣不規(guī)則排列）>不同透明度（多用于文字區(qū)分）；Launcher主要以內(nèi)容為主應(yīng)用為輔安拟，現(xiàn)在商城也有這樣的趨勢蛤吓，放大+陰影的焦點模式既保證了可見度，又不會讓用戶對內(nèi)容注意力分散到選中效果上糠赦，這也是為何Amazon Fire TV在選中框上做了50%透明度的原因会傲，而ROKU TV為了保持UI與交互完全統(tǒng)一，在粗邊框和放大效果的選擇中拙泽，舍棄一方選擇前者淌山。?
? ? ? 這里提到ROKU還為引出另外一個需要注意的點：所有可控組件的焦點樣式必須統(tǒng)一。大部分應(yīng)用商城多采用純色或漸變樣式的色塊卡片顾瞻，如果焦點選中效果也是色塊泼疑，就會使用戶混淆，舉個栗子：頂部搜索荷荤、設(shè)置退渗、用戶這類功能按鈕若采用色塊焦點樣式，就會和下方色塊內(nèi)容卡片混為一談蕴纳，不知道卡片和按鈕哪個是焦點会油。統(tǒng)一采用邊框+發(fā)亮的焦點效果，更清晰更粗暴古毛。
? ? ? 最后吐槽一點翻翩，在非自主研發(fā)Launcher以及后臺APK取圖質(zhì)量不可控因素下，Launcher的海報稻薇、應(yīng)用以及視頻封面就設(shè)計來說是慘不忍睹的嫂冻，很可能出現(xiàn)焦點框與圖片色值過于接近的悲劇，既然沒法改變內(nèi)容圖片塞椎，那也不能隨遇而安吧絮吵，將焦點設(shè)有色值的邊框，側(cè)在焦點框內(nèi)部加6-8PX的黑色邊框忱屑，可以很好避免二者色值過于接近而帶來混淆蹬敲。
目前先寫這些暇昂，有補充再寫。
