智能電視如今進(jìn)行設(shè)計(jì)才可以讓人們獲得更好的體驗(yàn)?zāi)?？接下來就讓我們來為大家分享智能電?a href='http://www.yantaibalizhan.com/ui/'>UI設(shè)計(jì)教程，如果你對(duì)此也非常的感興趣的話，自然就需要好好的研究下下面的內(nèi)容，一定會(huì)讓大家受益匪淺的。

　　一、UI設(shè)計(jì)方向

　　UI是用戶界面，是英文User和 interface的縮寫。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系，所以這樣可分為3個(gè)方向，他們分別是:用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)。

　　（圖片來自網(wǎng)絡(luò)）

　　二、智能電視UI設(shè)計(jì)教程

　　1、使用場(chǎng)景

　　在開始接到需求之前，我們首先需要了解使用場(chǎng)景和環(huán)境，了解這些這些特性設(shè)計(jì)更符合場(chǎng)景的界面，符合良好的用戶體驗(yàn)。

　　因此在TV的界面設(shè)計(jì)上最好讓用戶通過方向鍵和OK能夠進(jìn)行操作，并提供返回鍵，避免用戶低頭看遙控器尋找按鍵而打斷操作的任務(wù)流。TV標(biāo)配音響系(音量是默認(rèn)開啟的)。所以在app設(shè)計(jì)中，可以使用聲音作為幫助提示和操作反饋提示。

　　2、智能電視的特性

　　智能電視液晶屏區(qū)別于電腦顯示設(shè)備和手機(jī)顯示設(shè)備，當(dāng)你設(shè)計(jì)你的APP ui界面時(shí)，你要知道根本上智能電視與電腦或移動(dòng)設(shè)備(手機(jī))是不同的。除開它的尺寸大小因素，電視顯示出的信息總量比電腦或移動(dòng)設(shè)備的

　　要少，你應(yīng)該提供更少的UI，盡可能的自動(dòng)化處理某些任務(wù)，而不是要求用戶去互動(dòng)。

　　市面上大多電視的尺寸都具有一定欺騙性。盡管現(xiàn)代電視的屏幕對(duì)角線通常大于40英寸，成比例地，觀眾坐在電視前比坐在電腦顯示屏前要遠(yuǎn)。作為用戶的感受到的是，電視屏幕尺寸“似乎”比電腦顯示器要小。當(dāng)你在設(shè)

　　計(jì)UI時(shí)，你可以用自己的手機(jī)連接ps來模擬這種體驗(yàn).

　　（圖片來自網(wǎng)絡(luò)）

　　3、顯示器和移動(dòng)設(shè)備的顯示分辨率

　　電腦顯示器最大分辨率，通常小于或等于顯卡分辨率。顯卡決定最大分辨率，顯示器決定像素密度。移動(dòng)設(shè)備的分

　　辨率和像素密度往往是固定的，電腦操作系統(tǒng)能自動(dòng)處理分辨率和像素密度的問題。

　　Android系統(tǒng)根據(jù)設(shè)備屏幕大小和像素密度來按比例縮放UI。此外，你可以提供可替換的UI資源，為不同設(shè)備準(zhǔn)備最好的UI體驗(yàn)。

　　電視顯示分辨率

　　電視(即使是最現(xiàn)代化的那些電腦)有基于掃描線的顯示分辨率。Google TV 支持3種掃描線值的高清電視：720p，1080i和1080p，這代表720逐行掃描線，1080隔行掃描線和1080逐行掃描線(Android將后兩者視作等同)。720值意味著電視可以在屏幕的垂直方向上“尋址”720條不同的線;1080值則意味著電視以在垂直方向上“尋址”1080條線。

　　這些線有多高，每條線之間的“寬”是多少?也就是說電視的實(shí)際像素密度是多少?Android將這些數(shù)值抽象顯示為與密度無關(guān)的像素單位(縮寫 dp)。

　　Android 應(yīng)用程序得益于Android的縮放技術(shù)。總之，你應(yīng)該為1080p的規(guī)格來設(shè)計(jì)UI，允許Android系統(tǒng)將你的UI縮小到720p的規(guī)格，因?yàn)榭s小圖形的效果通常要優(yōu)于放大的效果。為了得到最好的圖片縮放效果，可以給開發(fā)提供.9.png切圖。

　　智能電視的設(shè)計(jì)尺寸

　　所以建議以1080P作為視覺設(shè)計(jì)稿尺寸，切圖可以使用android 9-patch切圖進(jìn)行低分辨率適配，在測(cè)試的時(shí)候選擇用低分辨率測(cè)試可以更好的發(fā)現(xiàn)問題;確保在TV所有顯示模式下經(jīng)過測(cè)試，都不會(huì)產(chǎn)生問題。

　　拿上面的圖為例，設(shè)計(jì)尺寸為1920X1080，因?yàn)樯厦嬷v到的電視屏幕顯示特性，不同廠家甚至還不一樣，那么為了避免這些問題的出現(xiàn)，在設(shè)計(jì)界面的時(shí)候，如上圖給邊緣留10%或以上的外邊距，所有內(nèi)容放在這個(gè)容器內(nèi)去設(shè)。

　　上下邊距留90個(gè)像素，左右邊距留120個(gè)像素，具體數(shù)值可以自己根據(jù)實(shí)際情況去協(xié)調(diào)。

　　智能電視UI設(shè)計(jì)教程如上文所述，想必我們已經(jīng)在上文為大家進(jìn)行了全面的總結(jié)，希望大家可以通過上文提升自己的能力。