成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

為APPLE TV進(jìn)行UI設(shè)計(jì)需要了解哪些基本規(guī)則?

作者:
2016-03-03
1819

仔細(xì)想想,你會(huì)發(fā)現(xiàn)我們正處于大屏UI設(shè)計(jì)的一個(gè)有趣的階段。2015年推出的Apple TV 已經(jīng)是第四代產(chǎn)品了,但是其他的同類型產(chǎn)品尚且處于第一代或者說(shuō)早期階段。發(fā)布會(huì)上吹出的牛逼最終還是要經(jīng)過(guò)市場(chǎng)驗(yàn)證,而實(shí)際狀況比起大家預(yù)期的結(jié)果,更加復(fù)雜。到底要如何給Apple TV設(shè)計(jì)APP呢?今天的文章,我將為大家分享一下我們?yōu)榈溩畲蟮膬?nèi)容供應(yīng)商設(shè)計(jì)APP的經(jīng)驗(yàn)和相關(guān)的資源,也許能幫大家一窺究竟。

基本情況

諸如Netflix、Youtube、HBO、Hulu和Plex 等主要的媒體平臺(tái),在tvOS 的App Store 中都只有1.0的版本。它們絕大多數(shù)都同F(xiàn)ireTV、SmartTV等電視中所提供的解決方案非常類似,這些客戶端看起來(lái)像是老版本的客戶端和新系統(tǒng)規(guī)范的揉合體。在很大程度上,我們正處于初級(jí)階段,現(xiàn)在沒(méi)人確知在tvOS上應(yīng)當(dāng)如何設(shè)計(jì)APP。決策者們正在力圖保持他們各自平臺(tái)的特性的同時(shí),兼顧tvOS上的設(shè)計(jì)規(guī)則。

相比之下,內(nèi)容創(chuàng)作者是更大的群體,他們現(xiàn)在并不知道是否要參與到平臺(tái)的設(shè)計(jì)中來(lái),但是如何決定參與的話,他們需要知道怎么去做。他們對(duì)于已經(jīng)固化的平臺(tái)并沒(méi)有決策權(quán),同時(shí)他們會(huì)將新平臺(tái)視作為嘗試新手法和新思路的重要渠道,一個(gè)新的試驗(yàn)田。如果你打算在Apple TV的基礎(chǔ)上搭建新的東西,尋求新的方案,那么你有必要讀下去。

輕松入門

1-jHRMdU6Fx1FB0NQJmZl2_g

相比于在其他的設(shè)備開(kāi)發(fā)其他平臺(tái)的系統(tǒng)而言,在Apple TV上進(jìn)行設(shè)計(jì)和開(kāi)發(fā)是一件簡(jiǎn)單的事情。因?yàn)橹挥幸粋€(gè)分辨率,單一設(shè)備。你所需要設(shè)計(jì)的界面分辨率統(tǒng)一為1920×1080,并且只需要為唯一的終端調(diào)試程序。對(duì)于今天的設(shè)計(jì)師和開(kāi)發(fā)者而言,這無(wú)疑是一件奢侈的事情。如果你是設(shè)計(jì)師,打開(kāi)Photoshop新建一個(gè)標(biāo)準(zhǔn)1080P的畫(huà)布就是你需要做的全部,沒(méi)有視網(wǎng)膜,不需要考慮其他的比例。一個(gè)23英寸的外接顯示器可以顯示你所設(shè)計(jì)的全部?jī)?nèi)容。

焦點(diǎn)引擎

如果你想在Apple TV 上創(chuàng)造優(yōu)秀的用戶體驗(yàn)的話,你手下你需要適應(yīng)焦點(diǎn)引擎這個(gè)新概念,并且明白為什么會(huì)“始終保持聚焦”。不同于在iOS和桌面端上常見(jiàn)的點(diǎn)擊、觸摸的操作方式,Apple TV上你需要通過(guò)滑動(dòng)不同的內(nèi)容區(qū)塊,并且始終有區(qū)塊是被選中的。所以你并不能直接控制整個(gè)界面或者直接選取你想要的,而是需要通過(guò)先選定某個(gè)特定的預(yù)設(shè)置區(qū)塊,然后進(jìn)行更細(xì)致的操作。下面的許多設(shè)計(jì)和概念都是基于這一基本設(shè)定來(lái)進(jìn)行推斷和發(fā)展的。

露出屏外內(nèi)容

1-xImKMHHH7Da6zEXyfXsqiA

你需要顯示屏外內(nèi)容的10%~20%的部分,讓用戶明白還有更多的內(nèi)容可供瀏覽。

水平導(dǎo)航更輕松

1-CU7fjDl6oe60mMKx1jiRRg

在Apple TV上,水平滾動(dòng)給人的感覺(jué)比垂直導(dǎo)航更加輕松順暢,從硬件和實(shí)際手勢(shì)操作上,水平操作都有著先天的便捷性和和諧性,在遙控器上進(jìn)行水平掃動(dòng)比上下滑動(dòng)要方便得多。而屏幕上界面的變動(dòng)無(wú)疑需要同遙控器上的手勢(shì)對(duì)應(yīng)起來(lái),所以使用水平導(dǎo)航是更直覺(jué)有效的設(shè)計(jì)。

將按鈕和內(nèi)容清晰地區(qū)分開(kāi)

1-_NUZZ2Rv-ekXJ-RW3Wd0Iw

將內(nèi)容和可導(dǎo)航可交互的操作控件區(qū)分開(kāi)來(lái)是用戶同界面溝通的重要基礎(chǔ),想必你也不喜歡用戶“驚喜地發(fā)現(xiàn)”某個(gè)元素居然是可交互的控件。

謹(jǐn)慎安放控件

1-f7Ygu9EFfX1Xj4_IPTV3sg

只有當(dāng)內(nèi)容可控件都被正確安置,用戶才會(huì)感到舒適。比如很長(zhǎng)的一個(gè)文字段落,而文字段落用戶又不能直接選取,可交互的按鈕又在段落底部,這樣的設(shè)計(jì)就是相當(dāng)失敗的。從某種程度上而言,tvOS中,用戶就像樹(shù)林中的人猿泰山,需要從一棵樹(shù)上跳到另外一棵樹(shù)上前進(jìn),但是跳到下一棵樹(shù)的前提是他必須看到下一棵樹(shù)。所以,用戶可操作的按鈕,不要隱藏在用戶開(kāi)始就不可見(jiàn)的段落底部,這樣太容易讓人感到迷惑了。

保持明顯

1-_NUZZ2Rv-ekXJ-RW3Wd0Iw

確保那些被聚焦的區(qū)塊看起來(lái)真的像是被放到聚光燈下一樣。那些微妙的設(shè)計(jì)在此處并不適用,你應(yīng)當(dāng)讓被聚焦的地方看起來(lái)閃亮、變大、夸張,這個(gè)時(shí)候不應(yīng)該讓這些內(nèi)容“保持沉默”。

為遠(yuǎn)距離瀏覽而設(shè)計(jì)

1-3X02vi06nNztO8Y3S1v6yg

和我們?nèi)粘J煜さ氖謾C(jī)、電腦的使用場(chǎng)景不一樣,電視的屏幕并不在我們觸手可及的地方,通常它都是遠(yuǎn)在幾米之外。物理層面上的遠(yuǎn)離只是一方面,它同時(shí)意味著我們無(wú)法觸摸,不再具備掌控感。所以,請(qǐng)確保電視中的內(nèi)容和控件是可以在整個(gè)空間內(nèi),都可以被清晰閱讀和操作的。這基本上就意味著,字體要更大,更容易操控,這樣意味著布局要更加規(guī)整,動(dòng)效更加明顯清晰,并且更具有引導(dǎo)性。

減少文字輸入

在電視上進(jìn)行文字輸入無(wú)疑是低效的,用戶操作也極其費(fèi)勁。最好是考慮到使用其他的硬件設(shè)備來(lái)進(jìn)行登錄、輸入等復(fù)雜的輸入操作。

讓?xiě)?yīng)用更生動(dòng)

下面的圖片中所展示的是標(biāo)準(zhǔn)的Apple TV中的UI元素,并且此刻整套UI界面還在不斷被完善。不過(guò),我更想在這個(gè)基礎(chǔ)上加入更多的個(gè)人風(fēng)格。并不需要復(fù)雜的設(shè)計(jì),想要讓?xiě)?yīng)用更加生動(dòng),小動(dòng)效,交互反饋,視差等設(shè)計(jì)都能達(dá)成目的。下面是我的一些成功經(jīng)驗(yàn)。

讓數(shù)據(jù)呼吸

1-Nq0SkgfLjJlKjwWIOtKGwA

剛剛打開(kāi)某個(gè)界面的時(shí)候,讓進(jìn)度條逐步填滿直到接近某個(gè)特定的值,這樣的設(shè)計(jì)只需要在原有界面基礎(chǔ)上加一層就可以搞定,看起來(lái)很簡(jiǎn)單,但是很有效。

讓圖片動(dòng)起來(lái)

tvOS focus 1

讓之前靜態(tài)的圖片,以緩慢加載的動(dòng)畫(huà)的形式動(dòng)起來(lái),這樣用戶的視覺(jué)會(huì)更好地聚焦到這些聚焦元素之上,起到引導(dǎo)操作的作用。

直接呈現(xiàn)內(nèi)容

tvOS focus

讓聚焦區(qū)域內(nèi)的流媒體內(nèi)容展現(xiàn)在用戶面前,這樣可以增加信息的透明度,從而讓用戶更好的選擇。

資源

為了能能更好的設(shè)計(jì)Apple TV的UI界面,我制作了一個(gè)設(shè)計(jì)模板,并上傳到了appicontemplate.com 供大家下載使用。

1-9gbBAOUV-zOA_VjkG-vsvg

當(dāng)然,你還需要了解蘋果官方對(duì)于tvOS的界面設(shè)計(jì)有著怎樣的要求,戳這里看蘋果官方的HIG

更好的客廳瀏覽體驗(yàn)

未來(lái)的客廳娛樂(lè)體驗(yàn),應(yīng)該就落在電視上了,我們也需要為此而設(shè)計(jì)和開(kāi)發(fā)。想讓電視擁有好的體驗(yàn)并不是一件簡(jiǎn)單的事情,想必大家已經(jīng)從諸多“電視盒子”上體驗(yàn)到了這一點(diǎn)。我們?cè)?jīng)熟悉的電視已經(jīng)發(fā)生改變,而我們適應(yīng)的手機(jī)、平板和電腦和新的電視還有著巨大的差別,我們需要忘掉之前熟悉的模式,從頭開(kāi)始。塑造下一代的電視體驗(yàn),是我們需要做的事情,這很重要。


0
5
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)