數(shù)字電視UI設計規(guī)范

UI標準本章描述了數(shù)字電視平臺下客戶端〔包括Web和應用程序兩種〕的顯示局部的UI規(guī)范由于數(shù)字電視的目標用戶是家庭用戶，顯示終端是電視機，把握終端是遙控器，所UI標準將滿足家庭用戶的使用習慣，并符合電視機和遙控器的特點。請依據(jù)如下標準來進展設計您的客戶端，以確保在數(shù)字電視上的高質(zhì)量體驗。1.1B/SWebUIUI標準界面風格字體類型：1.請使用黑體，Arial等標準清楚的字體。大標題文字字體：黑體.有投影效果，略有一點浮雕效果投影：混合模式：正片疊底，顏色：RGB：31376不透亮度：75%，角度：120，使用全局光距離：3，擴展：10，大?。?，雜色：0，圖層挖空投影斜面和浮雕：樣式：內(nèi)斜面，方法：平滑，深度：41%0，軟化：0角度：120，高度：30，使用全局光高光模式：濾色，顏色：RGB：228156107，不透亮度：75%暗調(diào)模式：正片疊底，顏色：RGB：000，不透亮度：75%菜單文字1.1.1.1.1.1原始狀態(tài)文字字體：黑體.描邊：RGB：554745，大?。?，位置：外部，混合模式：正常，不透亮度：100%字間距：1pix行間距：62pix位置：i.196，159ii.196，221iii.196，283iv.196，345v.196，407vi.196，4698．有投影效果，透亮度90%投影：混合模式：正片疊底，顏色：RGB：246231246不透亮度：75%，角度：120，使用全局光距離：5，擴展：49，大?。?，雜色：0，圖層挖空投影選中狀態(tài)文字字體：黑體.文字在選中條中的位置8有投影效果，透亮度100%投影：混合模式：正片疊底，顏色：RGB：351710不透亮度：100%，角度：120，使用全局光距離：2，擴展：0，大?。?，雜色：0，圖層挖空投影內(nèi)容文字字體：黑體1.字號：28pix〕6/9457有投影效果，透亮度90%投影：混合模式：正片疊底，顏色：RGB：246231246不透亮度：75%，角度：120，使用全局光距離：5，擴展：49，大?。?，雜色：0，圖層挖空投影輸入文字a)字體：黑體2.字號：32pix.4.字間距：3pix其他有關字體的細節(jié)：為了適應人們橫向閱讀中文的習慣，一列最好不超過25個字。請不要使用下劃線。當文字被選擇時，可以用某種邊框來表示。您可以任憑的在框中用其他的顏色掩蓋文本，或者做一個全部像素的顏色倒轉(zhuǎn)。指示箭頭位置上箭頭：下箭頭：確認按鈕：上翻頁：下翻頁：回退箭頭：一般選中條選中條為蘭底黃邊框；底為顏色56，透亮度為框為顏色：RGB：1461400有投影效果，透亮度100%投影：混合模式：正片疊底，顏色：RGB：000不透亮度：80%，角度：120，使用全局光距離：3，擴展：0，大?。?，雜色：0，圖層挖空投影其次選中條選中條為蘭底蘭邊框：底為顏色RGB：9296107，透亮度為70%框為顏色：RGB：5879111，有投影效果，透亮度100%投影：混合模式：正片疊底，顏色：RGB：000不透亮度：80%，角度：120，使用全局光距離：3，擴展：0，大?。?，雜色：0，圖層挖空投影輸入文字條選中條為蘭底黃邊框；底為顏色：RGB：424761，透亮度為70%框為顏色：RGB：147782，有投影效果，透亮度100%投影：混合模式：正片疊底，顏色：RGB：000不透亮度：80%，角度：120，使用全局光距離：3，擴展：0，大?。?，雜色：0，圖層挖空投影數(shù)字電視自動為SP應用供給的主界面數(shù)字電視WebUI標準分析老式的電視機的區(qū)分率比計算機顯示器的區(qū)分率低很多，而且局部電視機使用的是隔行掃描的工作方式，因此，以下我們將針對電視機這兩個特點實行具體的策略來實現(xiàn)高質(zhì)量的顯示效果區(qū)分率顯示800*600留意：區(qū)分率800*600。實際應用程序中應用程序UIWidth為780PixHeighth為595PixWEB頁面寬度為780Pix,高度不限制，美觀即可)盡管很多屏幕區(qū)分率被調(diào)成4：3，但是有些電視可能寬或窄一些。當為支持這些區(qū)分率調(diào)整時，可以在邊緣參與一些額外的空，使用黑色填充。在電視機中，顯示的一局部可能會隱蔽在一個顯示的Bezel邊緣下。一個“SafeZone”或“SafeTitlingArea”是一個顯示區(qū)，在其中對于玩耍至關重要的內(nèi)容能夠安全的被顯示。為了解決這個問題，客戶端將在上邊緣留5和兩邊各留10個象素，以黑色填充。字體黑體字體大小32Pix以上字體顏色字體本色R46G83B125連接色R33G168B206激活色R203G121B25已訪問連接色R57G93B197顏色：主題顏色是深藍色和紅色和綠色，并且是非飽和色。要使用在6到0之間的B值。避開高比照度和飽和。避開使用微小的色差。純白色和純黑色在TV中的顯示可能是糟糕的。可以用RGB(240,240,240)代替白RGB(16,16,16)來代替黑色。最小顯示元素的大?。?2×32像素。線條防止單像素寬成為線或點，線條的寬度至少為2個象素。單像素寬的垂直線和點在舊式頻率回應糟糕的電視機中可能會顯示為漸漸消失或根本不會顯示。單像素寬水平線會導致在隔行顯示時的畫面閃耀，由于他們只能在兩個隔行區(qū)中的一行中畫出。按鈕盡可能對全部的按鈕類型設計一種統(tǒng)一的根本的外觀按鍵上的文字能夠表達它的功能。例如PlayDVDOK更讓人易懂。避開給用戶在一個界面上太多的按鈕和鏈接。避開創(chuàng)立功能已經(jīng)在遙控器上已有的按鈕，例如Back,Pause或Up一個界面不應當超過六個鏈接或按鈕，除非這些按鈕組織進一個表或網(wǎng)格中以便快速選擇。按鈕應當按規(guī)律關系組合。菜單盡量避開使用下拉式菜單，代替承受一列可見菜單式按鈕，每個按鈕代表一個功能。按鈕焦點是圍繞式，比方說當焦點在最上面一個按鈕時，按UPArrowkey,焦點應當跳動最下面一個按鈕。當有焦點時，該按鈕應當很簡潔和沒有焦點的按鈕區(qū)分開來。網(wǎng)頁HTML應用中承受ActiveX控件，但是最好在HTML里創(chuàng)立你自己的用戶接口，讓控件的操作規(guī)律在后臺完成，而不是在控件里創(chuàng)立用戶接口元素。位置顯示假設在兩個相鄰的頁面〔介面〕間掃瞄，應當供給一個顯式的反響說明目前用戶的所在。動畫效果假設承受動畫效果，確定要測試其是否播放平滑和占用資源狀況。動畫效果是為了增加可用性，而不能分散用戶留意力。測試TV的應用都需要作特別的測試，低端用戶大多承受800X600的區(qū)分率，要在〕13/94TV上觀看不同的區(qū)分率，界面的調(diào)整要正確，千萬不要對單個圖片進展拉伸。細節(jié)問題button的狀態(tài)，風格的統(tǒng)一，Text的對其方式，顯示規(guī)格，Editcontrol的風格統(tǒng)一，邊框間隔、默認行為，汽泡顯示規(guī)格，圖標大小規(guī)格等。根本控件〔BasicControl〕1.1.2.16.1.1Picture默認居中顯示Button〔四種狀態(tài)〕State：Focus：高亮Down：凹Disable：空白每個按鈕不超過四個漢字＋一個圖標〔字大小：36×36〕響應上下鍵、翻頁，自動換行EditControl輸入框高40，按上下鍵時焦點不變，鼠標移上去焦點不變，底色70％透亮白。復選框CheckBoxFocus：邊框加粗，顏色醒目〔焦點〕State：Disable：單項選擇框RadiobuttonFocus：邊框加粗，顏色醒目〔焦點〕State：Disable：Scrollbar上下箭頭，氣泡提示1.1.2.16.1.8Slider正常、Disable、focus、拖動中，滑塊步長5％1.1.2.16.1.9ProgressControlSDO-TV統(tǒng)一進度條。需盛大供給〕1.1.2.16.1.10ComboBox承受列表選項選擇的方式處理1.1.2.16.1.11Messagebox提示、警告、錯誤標題，圖標，文本，按鈕AdvancedControl1.1.2.16.2.1ComplexList焦點不固定。按向下時焦點就始終往下。不循環(huán)顯示。到最終一個再按往下，則翻頁。Menu豎排半透亮的菜單，菜單項不多余6個。ScrollText盡量承受單行文字，滾動速度在2字/秒——4字/秒之間HelpInfo按遙控器“幫助”鍵彈出，或于界面最底部滾動顯示。UI把握標準1.1.1.1分析數(shù)字電視是以家庭用戶為目標用戶的消遣平臺，是以遙控器為主要把握終端。它的特點主要表達在易用性和適用性等方面。遙控器的具體說明請參見2.5節(jié)遙控器操作標準．〕15/94選擇所以依據(jù)觀看電視的習慣，界面內(nèi)容要避開橫向滾動。承受醒目的黃框作為焦點框，可以使用戶可以在3m外觀看到焦點框的去向。布局建議使用單層平面構造，便于用戶使用遙控器用上、下、左、右從直覺上把握。當單層構造無法表達頁面焦點規(guī)律時也可以有分層的構造。統(tǒng)一全部的界面的構造要統(tǒng)一，便于用戶從局部來推斷出全局的操作方式。介面設計應當全都地在類似的動作上有一樣的活動方式。每個的系統(tǒng)對用戶來說都是一次的學習過程，假設界面風格常常變化，不保持統(tǒng)一，無疑更增加了用戶的學習難度，或許會導致用戶的厭煩。編寫幫助給出幫助文件并能讓用戶很簡潔的找到。無論多么精彩的界面設計對用戶來說都是生疏的，那么編寫幫助是個格外有效的方法，把你的設計意圖和使用介紹明明白白地告知用戶，在用戶遇到困難的時候能夠得到最快的幫助，不但可以降低用戶的不滿程度，同時可以幫助用戶更加系統(tǒng)深入地學習和把握。流程簡便務必避開選單太雜，或是使用難懂的設計隱喻或是太多的隱喻。出錯及特別提示對各種出錯或特別狀態(tài)賜予用戶一個友好的提示和幫助，并提示用戶或許是由于什么緣由，那么用戶會快活的多。介面設計應當允許