當前位置:編程學習大全網 - 源碼下載 - TV?UI之焦點篇

TV?UI之焦點篇

? APP標簽欄圖標的標記狀態作用是讓用戶知道身處何處,那麽TV中焦點作用也是如此,由於目前TV技術限制使得用戶更加被動,還是倚靠遙控完成所有交互指令,這就要求TV UI和交互必須簡潔醒目:更簡單的導航系統、更少的頁面跳轉、更大的字號以及更醒目的焦點狀態。

TV UI分為控件與非控件,前者能獲取焦點,後者不能,簡單來說就是內容應用卡片和提示文字圖標的區別。而可獲取焦點的控件有四種狀態:正常狀態、焦點狀態、標記狀態、半選中狀態。焦點狀態指移動按鈕的狀態時,側邊的內容也會隨之更換,適用於導航欄按鈕;半選中狀態指按鈕懸停在該選項中,點擊遙控器確定按鈕才會發生結果,適用於視頻選集、清晰度的切換;標記狀態指當前已選的選項記錄,適用於導航欄上的選項標記(焦點不在選項而在卡片內容時)。

? 更深入點,就焦點狀態來講,要醒目,尤其白天模式。黑色相對於白色更體現顏色對比,這就要求TV的白天模式的焦點要更加明顯,當然要適量而不至花哨,壹般會用到兩個到兩個半的效果,這裏來做個焦點效果程度對比:放大+陰影(多用於launcher這樣有序的應用排列)>發光+邊框(多用於APP商城這樣不規則排列)>不同透明度(多用於文字區分);Launcher主要以內容為主應用為輔,現在商城也有這樣的趨勢,放大+陰影的焦點模式既保證了可見度,又不會讓用戶對內容註意力分散到選中效果上,這也是為何Amazon Fire TV在選中框上做了50%透明度的原因,而ROKU TV為了保持UI與交互完全統壹,在粗邊框和放大效果的選擇中,舍棄壹方選擇前者。?

? 這裏提到ROKU還為引出另外壹個需要註意的點:所有可控組件的焦點樣式必須統壹。大部分應用商城多采用純色或漸變樣式的色塊卡片,如果焦點選中效果也是色塊,就會使用戶混淆,舉個栗子:頂部搜索、設置、用戶這類功能按鈕若采用色塊焦點樣式,就會和下方色塊內容卡片混為壹談,不知道卡片和按鈕哪個是焦點。統壹采用邊框+發亮的焦點效果,更清晰更粗暴。

? 最後吐槽壹點,在非自主研發Launcher以及後臺APK取圖質量不可控因素下,Launcher的海報、應用以及視頻封面就設計來說是慘不忍睹的,很可能出現焦點框與圖片色值過於接近的悲劇,既然沒法改變內容圖片,那也不能隨遇而安吧,將焦點設有色值的邊框,側在焦點框內部加6-8PX的黑色邊框,可以很好避免二者色值過於接近而帶來混淆。 目前先寫這些,有補充再寫。

  • 上一篇:亞洲尺碼歐洲尺碼對照褲子
  • 下一篇:java開源的插件
  • copyright 2024編程學習大全網