中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

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

基本情況

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

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

輕松入門

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

焦點引擎

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

露出屏外內(nèi)容

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

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

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

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

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

謹(jǐn)慎安放控件

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

保持明顯

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

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

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

減少文字輸入

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

讓應(yīng)用更生動

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

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

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

讓圖片動起來

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

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

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

資源

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

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

更好的客廳瀏覽體驗

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

譯文來自：優(yōu)設(shè)

譯者：@陳子木

原文地址：medium

原文作者：Michael Flarup