首頁資訊數(shù)字電視UI設(shè)計的幾條建議

數(shù)字電視UI設(shè)計的幾條建議

來源：泰然健康網(wǎng) 時間：2024年12月16日 01:42

數(shù)字電視UI設(shè)計的幾條建議

2010年04月20日，星期二 | 目錄: UI設(shè)計 | 標(biāo)簽： ui設(shè)計, 數(shù)字電視

接觸數(shù)字電視UI設(shè)計也有段時間了,想起Dream剛?cè)胄袝r由于數(shù)字電視也算是新興起行業(yè),所以在UI設(shè)計這方面的資料是少著又少,很多要素都需要自己慢慢去摸索,這期間也走了不少彎路.現(xiàn)整理出幾條數(shù)字電視UI設(shè)計中應(yīng)該注意的問題,不能算是UI設(shè)計規(guī)范,當(dāng)成是對這段時間工作的總結(jié),希望也能給新入行朋友提供一些幫助.

1,字體

中文字體避免使用宋體等帶有飾邊(襯線)的字體,因為這些字體在普通CRT電視上可以顯示很模糊,并且出現(xiàn)字體閃爍現(xiàn)象.默認情況下請使.一般電視盒開發(fā)商會在STB上集成一到兩種字體供使用,使用STB上的集成字體能很好的避免這個問題.

字體顏色:不要使用明度很高的顏色,比如Red,Blue,Yellow,Black,White等顏色,這些高明度的顏色在普通CRT電視機上顯示效果可能會很糟糕,雖然液晶上電視沒有這問題,但還是盡量避免使用這些高明度顏色,除非你能確定你的用戶都是使用液晶電視.一般情況下,黑色可以用#a0a0a0來代替,白色則是#f0f0f0.
數(shù)字電視UI設(shè)計-安全色

2,盡量避免使用大范圍漸變圖層或者高明度色塊.

基于硬件成本及技術(shù)等原因,有些STB的只能支持256色的圖片,大范圍的漸變圖片在電視機上變得面目全非.你可以做個漸變背景圖片,然后把你顯示器的顏色值調(diào)成256色,再看看你的圖片你就知道為什么了,即使你用的是液晶電視,切記切記!
數(shù)字電視UI設(shè)計-漸變背景差異

數(shù)字電視UI設(shè)計-高明度色塊

如果你非要用大范圍漸變背景的話,請把圖片保存成索引模式的PNG格式文件并且添加雜色.
數(shù)字電視UI設(shè)計-保存索引圖片

數(shù)字電視UI設(shè)計-雜色漸變背景差異

3,圖片使用索引模式下256色的GIf或PNG格式,不要使用Jpg格式的圖片.

使用索引模式下的256色的GIF和PNG格式文件能確保你的圖片,無論在普通CRT電視或者硬件配置比較差的電視盒上也能達到比較好的顯示效果.另外Jpg為有損壓縮格式文件,顏色值也超過256色(一般為16位或者32位真彩色),所以在實際環(huán)境的顯示效果可能會很糟糕,而且JPG格式文件的圖片體積也相應(yīng)大了很多.正常情況下一張10KB的JPG圖片可以優(yōu)化成1K左右的GIF或者PNG圖片.這其中涉及到圖片的優(yōu)化技巧,Dream會在之后專門寫篇文章做詳細的說明.

4,對于不同分辨率的顯示終端使用不同的安全邊距

一般國內(nèi)使用的是PAL制式(720*576),單位為PX,相對應(yīng)的安全邊距保持在10 10 10 10 為好(順序為上右下左),其它的如下:
640*526 （10 10 10 10 ）
1280*720 （20 20 20 20 ）
數(shù)字電視UI設(shè)計-安全邊距