整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
伐伐伐伐伐木工，建建建建建筑工。”當(dāng)這些聲音再次出現(xiàn)在玩家的腦海里，無不勾起了玩家們的回憶。
《帝國(guó)時(shí)代》系列一直承載著很多玩家的回憶，2019年11月15日《帝國(guó)時(shí)代2：決定版》正式在STEAM平臺(tái)上線，這款游戲打著4K畫面高清重制，背景音樂全方位重置等賣點(diǎn)。截至目前游戲的銷量已經(jīng)達(dá)到100萬套左右。
《帝國(guó)時(shí)代》系列距今已經(jīng)有將近20年的歷史，最早的一部于1998年推出，由微軟開發(fā)研制。在其他游戲中，玩家們喜歡說“十年xx粉，不請(qǐng)自來”，然而在《帝國(guó)時(shí)代》系列里，十年可能并不夠。游戲的大小由最初《帝國(guó)時(shí)代1》只有100多M發(fā)展到了現(xiàn)在《帝國(guó)時(shí)代2：決定版》的將近30G，游戲增加的不僅僅是內(nèi)容以及安裝包的大小，還有玩家們的熱情與情懷，就像玩家們所說的“看到《帝國(guó)時(shí)代2：決定版》就像一個(gè)老朋友突然改頭換面出現(xiàn)在你前面，之前的那些話說不說都一樣，買就完事了。”
情懷的力量是深遠(yuǎn)的，《帝國(guó)時(shí)代2：決定版》的消息早在今年的E3展上便公布了相關(guān)的信息，據(jù)官方透露“我們每個(gè)月都有超過100萬玩家在玩《帝國(guó)時(shí)代》，”《帝國(guó)時(shí)代》系列制作總監(jiān)Adam Isgreen表示：“這個(gè)數(shù)字還在上升中。”在2013年，《帝國(guó)時(shí)代2》便推出過一次高清重制版《帝國(guó)時(shí)代2：HD》截至目前該作的銷量達(dá)到了將近500萬。可以說對(duì)于一個(gè)擁有22年歷史的PC游戲系列，這些數(shù)字無疑是有點(diǎn)驚人的，這也證明這款歷經(jīng)二十個(gè)年頭的老游戲魅力仍在。
近年來，玩家們常說RTS（即時(shí)戰(zhàn)略類游戲）已死。在MOBA類游戲盛行的今天，RTS游戲的風(fēng)頭確實(shí)大不如以前，而對(duì)于《帝國(guó)時(shí)代》系列來說，這個(gè)系列的作品可謂是見證了RTS游戲的興衰。誠(chéng)然，RTS游戲的熱度確實(shí)不如以前，但仍有諸如《星際爭(zhēng)霸》《魔獸爭(zhēng)霸》《紅警》等這樣傳統(tǒng)類型的RTS游戲能夠在玩家心中占領(lǐng)一席之地。而《帝國(guó)時(shí)代》系列便是與之同期的作品，那么這次《帝國(guó)時(shí)代2：決定版》這盤“冷飯”它香嗎？
《帝國(guó)時(shí)代2：決定版》宣傳視頻： https://v.qq.com/x/page/w0882hl7apz.html
音畫體驗(yàn)全面升級(jí)
《帝國(guó)時(shí)代2：決定版》官方公布的最大的賣點(diǎn)之一便是畫質(zhì)，這一次《帝國(guó)時(shí)代2：決定版》的畫質(zhì)有著前所未有的提升。
據(jù)了解，玩家還以在STEAM頁(yè)面中下載16G大小的高清材質(zhì)DLC。可以看出游戲在細(xì)節(jié)畫面，陰影以及人物模型方面有著顯著的提升，無論是人物穿著以及細(xì)節(jié)部分，還是陰影部分的細(xì)節(jié)，甚至波光粼粼的水面細(xì)節(jié)都表現(xiàn)的較為不錯(cuò)。
精細(xì)的人物模型配上4K分辨率的畫質(zhì)，讓這款20余年的游戲重新出現(xiàn)在玩家的面前，帶給玩家的震撼是不小的。有的玩家表示“在決定版游戲中甚至連動(dòng)物的毛發(fā)都能看清楚”。畫質(zhì)的提升能給玩家?guī)砀玫捏w驗(yàn)，就像一瓶醇香的老酒換上了新包裝。但畫質(zhì)的提升同時(shí)也帶來壓力，比如游戲僅支持WIN10的操作系統(tǒng)、游戲所占的空間更大等。有玩家表示“新的視覺提升與高清材質(zhì)包對(duì)老爺車一般的 Genie 引擎施加了更大的壓力，除了高昂的顯存占用之外，游戲中后期的掉幀也非常明顯”當(dāng)然，《帝國(guó)時(shí)代2：決定版》的游戲節(jié)奏主要偏慢，所以游戲幀數(shù)的問題并不會(huì)太大的影響到玩家的游戲體驗(yàn)。
畫質(zhì)提升令《帝國(guó)時(shí)代》的玩家興奮，在筆者的體驗(yàn)之中還發(fā)現(xiàn)，《帝國(guó)時(shí)代2：決定版》中多了許多細(xì)節(jié)內(nèi)容，這些細(xì)節(jié)的內(nèi)容加深著玩家沉浸式的體驗(yàn)。比如在選到不同種族時(shí)會(huì)有相應(yīng)風(fēng)格的配樂，玩家在選到中國(guó)時(shí)會(huì)有“古箏”“琵琶”“鼓”等這類中國(guó)特色樂器組合成的音樂，別有一番風(fēng)味。而在選到“馬里”種族時(shí)，音樂別有一番異域草原色彩。除此以外，游戲在戰(zhàn)斗中的細(xì)節(jié)音效做了一定的補(bǔ)充，比如，添置了兵器相撞的聲音，弓箭拉弓的聲音等。
除了音畫部分的增強(qiáng)，游戲在不少游戲性上基于原作做出了優(yōu)化調(diào)整。比如在《帝國(guó)時(shí)代2：決定版》中，玩家擊破建筑后不再是那一縷看起來“頗為廉價(jià)”的“黑煙”。
游戲中很貼心的做了一個(gè)這樣的崩塌動(dòng)畫，看起來更加真實(shí)。玩家們對(duì)此也津津樂道稱之為“奇觀”，有的玩家甚至將每個(gè)種族建筑崩塌的視頻做成了合輯，取得了不錯(cuò)的播放量。
不難看出，在做了一系列的升級(jí)后“帝國(guó)時(shí)代”還是《帝國(guó)時(shí)代》，游戲既保留了原作中RTS的樂趣，同時(shí)在原有的基礎(chǔ)上優(yōu)化升級(jí)，并沒有給玩家太過突兀的感覺。對(duì)于玩家來說，游戲的這些優(yōu)化設(shè)計(jì)也許不是最出彩的，但是是玩家所期望的，所以游戲在發(fā)售后玩家們紛紛“真香”加入其中。
不只是音畫的升級(jí)
當(dāng)然，在本次《帝國(guó)時(shí)代2：決定版中》中除了保留了經(jīng)典的玩法、畫面上全面升級(jí)，在游戲性上也為玩家?guī)砹藘?yōu)化。
本作中將《帝國(guó)時(shí)代》近20年來的全部戰(zhàn)役與內(nèi)容加入其中，玩家表示“四舍五入買下決定版就買下了《帝國(guó)時(shí)代》系列，它不香嘛。”在決定版中，游戲還添加了3個(gè)新戰(zhàn)役、4個(gè)新種族以及全新的內(nèi)容《最后的可汗》。并且大部分的內(nèi)容都做了中文配音，不光是劇情動(dòng)畫方面的配音，玩家在進(jìn)行戰(zhàn)役時(shí)，相應(yīng)的角色會(huì)有相應(yīng)的臺(tái)詞。
通常來說RTS游戲會(huì)有一定的難度，因?yàn)橛螒虿还庑枰婕以诿鎸?duì)戰(zhàn)局有一定的策略把控，同時(shí)在操作上還需要記大量的快捷鍵位，才能流暢的打出操作。本作與《星際爭(zhēng)霸》不同，在戰(zhàn)斗中并不需要太多的“走位”、“拉扯”等操作，所以相比起來可能會(huì)容易一些。但在游戲中還是會(huì)有一些復(fù)雜的鍵位操作，所以很大一部分RTS玩家在游戲中都會(huì)選擇改建。而在決定版中，游戲很貼心的為玩家設(shè)計(jì)了一些熱點(diǎn)比如“決定版熱鍵”、“HD熱鍵”、“經(jīng)典熱鍵”甚至還有“左撇子熱鍵”。
當(dāng)然，玩家也能在游戲中自設(shè)置玩家自己習(xí)慣的預(yù)設(shè)并進(jìn)行保存。
除了“熱鍵”以外，游戲在操作上也做了些許改動(dòng)，簡(jiǎn)單的來說就是在《帝國(guó)世界2：決定版》中玩家的操作將再一次精簡(jiǎn)化。可以看出，游戲雖然是打著“原汁原味，音畫升級(jí)的旗號(hào)”看似面向的系列IP的粉絲或者RTS玩家，但其實(shí)在游戲性上還是會(huì)有意的迎合沒有接觸過RTS的新玩家。
在其他方面也能看到本作化繁為簡(jiǎn)的蛛絲馬跡，比如，地圖的UI相較于前作變的更直觀，玩家可以直接看到地圖的大體模樣。
在游戲中，不同的建筑在建造初期的外形差距更明顯，玩家可以很清晰的分辨出。
游戲中加入了挑戰(zhàn)任務(wù)系統(tǒng)，在任務(wù)中玩家根據(jù)相應(yīng)的任務(wù)完成目標(biāo)。就筆者體驗(yàn)，挑戰(zhàn)任務(wù)中有很多類似新手教程的內(nèi)容比如教你如何出兵，如何升科技等。任務(wù)系統(tǒng)的加入，無疑降低了玩家的門檻。
《帝國(guó)時(shí)代2：決定版》除了畫質(zhì)的改變，加入了不少新東西，而這些新的內(nèi)容無論是老玩家還是新玩家在游戲中，都會(huì)不同程度的接受到。有玩家表示“如果你是RTS玩家，這是一款適合你的優(yōu)秀作品，如果你不是RTS玩家，則可通過這款游戲測(cè)試出RTS游戲能不能打動(dòng)你的心。”由此可看出，在決定版中的改動(dòng)無形的擴(kuò)充了游戲的覆蓋人群。
“炒冷飯”似乎成為了潮流
玩家們總喜歡稱呼卡普空為業(yè)界“冷飯王”，但從結(jié)果上來看，卡普空近年來的“冷飯”大家似乎還挺喜歡吃，比如今年年初推出的《生化危機(jī)2重置版》，不僅獲得了玩家們的一致好評(píng)，同時(shí)也提名了TGA多項(xiàng)獎(jiǎng)項(xiàng)。
而近年來，“炒冷飯”似乎并不是卡普空獨(dú)有的“傳統(tǒng)藝能”，能看到很多大作都進(jìn)行了重做尤其是RTS類型的游戲。比如，2017年由暴雪推出《星際爭(zhēng)霸重制版》，在其后甚至推出過卡通重置版的《星際爭(zhēng)霸》，還有幾乎與《帝國(guó)時(shí)代2：決定版》同期發(fā)布的《魔獸爭(zhēng)霸三重制版》，并且有消息稱《紅警》的重置版也在研發(fā)中了。
“重做”似乎成了某些老牌IP大作移植PC端的趨勢(shì)，但也并不是任何游戲都能重做再圈一波玩家的“情懷”。能看到，在近幾年成功的重置游戲中，內(nèi)容都不會(huì)差，并且多數(shù)游戲受于當(dāng)年技術(shù)的影響，畫面較為簡(jiǎn)陋，比如《生化危機(jī)2》以及本作《帝國(guó)時(shí)代》。游戲畫面的簡(jiǎn)陋并沒有影響玩家對(duì)此作品的認(rèn)可和喜愛，所以在重置畫面后往往能給玩家相較于前作更好的體驗(yàn)。
RTS游戲近年來確實(shí)已經(jīng)沒有太多新鮮血液的加入，但這個(gè)品類中不乏《星際爭(zhēng)霸》、《魔獸爭(zhēng)霸》、《全面戰(zhàn)爭(zhēng)》、《帝國(guó)時(shí)代》等這樣經(jīng)典的系列作品，在玩家的心中留下深刻的印象。在保留核心玩法不變的前提下，畫面上升級(jí)，玩法上簡(jiǎn)化，“經(jīng)典”也能夠再現(xiàn)在玩家的面前，RTS游戲也能在當(dāng)下煥發(fā)第二春。
同時(shí)也說明了只要廠商能夠塑造真正的經(jīng)典作品、保證游戲的長(zhǎng)線運(yùn)營(yíng)，那么游戲行業(yè)實(shí)際上是一個(gè)紅利相當(dāng)長(zhǎng)遠(yuǎn)的領(lǐng)域，只不過需要時(shí)間來兌現(xiàn)。
產(chǎn)決定消費(fèi)，電視載體創(chuàng)新、互聯(lián)網(wǎng)視頻服務(wù)和技術(shù)之間的交替促進(jìn)，推動(dòng)著大眾家庭影音體驗(yàn)的升級(jí)。那么，如何設(shè)計(jì)電視大屏的家庭影音應(yīng)用呢？一起來看一下吧。
回顧以前，我們看電視只能看CCTV、江蘇衛(wèi)視、湖南衛(wèi)視這些直播內(nèi)容，可是我們不滿足于直播節(jié)目，想要去廣告想要看收費(fèi)內(nèi)容想要回放看上課時(shí)播出的電視劇。讓我印象很深刻的是那種點(diǎn)播臺(tái)，要打電話用話費(fèi)點(diǎn)播，來來回回就放的那幾個(gè)動(dòng)畫。現(xiàn)在，我們可以在電視上語(yǔ)音搜索到熱門網(wǎng)絡(luò)劇，訂閱歐冠英超球賽直播、選擇各家綜藝影視等等。
生產(chǎn)決定了消費(fèi)，正是電視載體創(chuàng)新、互聯(lián)網(wǎng)視頻服務(wù)和技術(shù)之間的交替促進(jìn)在推動(dòng)著大眾家庭影音體驗(yàn)的升級(jí)。如何設(shè)計(jì)電視大屏的家庭影音應(yīng)用，就是我接下來想要分享的內(nèi)容，我打算先從電視和手機(jī)的幾個(gè)不同講起。
用戶—上下文場(chǎng)景—行為—工具或媒介—目的。
不同的場(chǎng)景下人和物都有不盡相同的交互方式。
我們使用手機(jī)時(shí)的用戶使用場(chǎng)景可以是移動(dòng)的，在地鐵上在衛(wèi)生間，利用碎片化時(shí)間，而電視通常都是被固定在客廳臥室這樣的居家場(chǎng)景中，使用時(shí)長(zhǎng)是整段的，一般集中在晚上時(shí)段。
場(chǎng)景：在什么時(shí)間，什么地點(diǎn)，什么樣的環(huán)境，最后發(fā)生什么事情；
電影里場(chǎng)景的分類：內(nèi)景、外景、實(shí)體場(chǎng)景、虛擬場(chǎng)景。
在居家場(chǎng)景中，電視是全家的公共設(shè)備，覆蓋不同年齡段的人。尤其是老人和小孩，各年齡段使用時(shí)段也很不同。因此使用電視時(shí)，用戶學(xué)習(xí)成本要低，操作要求更簡(jiǎn)單，還有不同模式切換。
而手機(jī)作為個(gè)人物品，更具隱私、個(gè)性化的特征。手機(jī)雖然各種交互感應(yīng)很靈敏，但是相對(duì)的，操作要求更精確，學(xué)習(xí)成本高。
與手機(jī)相比，電視不適合承擔(dān)功能型的操作任務(wù)，作為一個(gè)家庭休閑娛樂設(shè)備，使用場(chǎng)景和功能相對(duì)單一。休閑娛樂是電視的主要用途，還有學(xué)習(xí)、智能助手、家居控制、裝飾等。
與移動(dòng)端不同，電視體驗(yàn)發(fā)生在不同的空間中，并且需要在3米外清晰可見。在近場(chǎng)交互時(shí)實(shí)體與觸控是第一選擇，而當(dāng)中遠(yuǎn)場(chǎng)交互時(shí)語(yǔ)音成為輸入方式的第一選擇，遙控器這種遠(yuǎn)程遙控的實(shí)體輸入方式學(xué)習(xí)成本低而被保留至今。
人們經(jīng)常以輕松的心態(tài)使用電視，希望獲得一種觀看小屏無法獲得的身臨其境的娛樂體驗(yàn)。電視相比于手機(jī)更注重沉浸式體驗(yàn)，做到電影般的效果。
首先，在設(shè)計(jì)電視端時(shí)，我們可以參考安卓和蘋果的TV端設(shè)計(jì)原則來主導(dǎo)界面設(shè)計(jì)，其次我們依舊可以根據(jù)設(shè)計(jì)五要素去思考界面設(shè)計(jì)的方向。
1）配合場(chǎng)景的暗色模式
電視的使用場(chǎng)景：夜晚的客廳環(huán)境——具有弱光、安靜、舒適的特點(diǎn)，因此我們一般都采用暗色主題，讓背景色融入場(chǎng)景氛圍，以此突出內(nèi)容。內(nèi)容和背景的對(duì)比也不需要過于明顯，背景顏色的選擇不宜過黑而無法辨別出圖片的陰影。在主題高亮色上避免使用過于飽和以免產(chǎn)生刺眼的感覺。
2）海報(bào)內(nèi)容一目了然
一般電視里也分為應(yīng)用圖標(biāo)與內(nèi)容推薦，它們都需要在3米外就能被清楚地識(shí)別出來。每一個(gè)圖片的色調(diào)可以統(tǒng)一區(qū)別于背景。
圖片內(nèi)使用簡(jiǎn)單的背景讓主體脫穎而出，并且不會(huì)壓倒附近的內(nèi)容。使用過多的漸變反而會(huì)減弱整體的對(duì)比，因此應(yīng)該減少圖片內(nèi)顏色的使用，讓主要內(nèi)容凸顯。
3）避免主題色刺眼和失真
純白色 (#FFFFFF) 在明亮的電視屏幕上可能會(huì)非常刺眼，建議將淺灰色 (#EEEEEE) 作為深色背景上的默認(rèn)文本顏色。同樣部分高亮主題色運(yùn)用到電視界面設(shè)計(jì)時(shí)也需要注意，尤其是紅、黃、橙色系，這些顏色會(huì)特別嚴(yán)重地失真。
4）文字可識(shí)別
由于遠(yuǎn)距離閱讀大量文字會(huì)使眼睛疲勞，要認(rèn)真考慮文本顯示的字?jǐn)?shù)，能用圖像或者動(dòng)畫交流就避免使用文字。確保各類字體在遠(yuǎn)處清晰可見，一般系統(tǒng)字體不要小于22px（12sp），也盡量精簡(jiǎn)字體樣式并避免過細(xì)的字重。
1）常見電視尺寸
主流電視尺寸一般在43-85寸之間，常見的有43、50、55、60、65、75等，消費(fèi)者根據(jù)觀看距離選擇適合的電視尺寸。電視屏幕的尺一般都遵循16:9的電視畫面寬高比。我們一般使用1920×1080為最小畫布，是當(dāng)下最常見的電視分辨率，所有圖片資源都是@1x 分辨率。隨著4K內(nèi)容的普及，也可以使用1920×1080，但是需要提供應(yīng)提供@2x圖的圖像。
提問：1920×1080的電視是幾K？1080P就是指1920×1080的分辨率大小嗎？
2）畫布尺寸與安全區(qū)設(shè)置
由于在舊電視上存在過度掃描，可能會(huì)發(fā)生意外裁剪，需要留出安全區(qū)，使主要內(nèi)容遠(yuǎn)離屏幕邊緣。一般上下左右留出畫布5%左右的距離。
3）顯色差異明顯需要測(cè)試
各家電視主打畫質(zhì)作為賣點(diǎn)，價(jià)格各有不同，各家的畫質(zhì)處理技術(shù)也不同，可見各家屏幕的畫質(zhì)一定有一些區(qū)別。區(qū)別主要在于顯色、色域、控光、畫質(zhì)等，總結(jié)就是顯色差異明顯，我們應(yīng)該在消費(fèi)者主要使用的電視型號(hào)上進(jìn)行顯示測(cè)試。尤其是綠色、紅色、黃色等顏色容易明顯色差。
正是有了這樣一個(gè)外設(shè)輸入源，就需要考慮觸碰但未觸發(fā)的上焦?fàn)顟B(tài)（focused），正如當(dāng)有鍵盤就有輸入時(shí)，當(dāng)鼠標(biāo)懸浮時(shí)。TV焦點(diǎn)態(tài)的設(shè)計(jì)即遵循安卓一般設(shè)計(jì)原則，也有它的獨(dú)特性。
1）D-PAD十字交互與網(wǎng)格布局
我們可以把D-PAD和屏幕間的交互形式，稱為“十字線性交互”，也正是這種交互形式?jīng)Q定了輸出端的界面布局的基本形式。
在這個(gè)大屏里，我們的焦點(diǎn)只能按照D-PAD的指揮走水平或者垂直線，每一個(gè)位置的路徑只能走二維的“十”線，這樣可以更好引導(dǎo)用戶到達(dá)他想要的內(nèi)容。（這里運(yùn)用了非常典型的親近性原則）
設(shè)計(jì)師和開發(fā)都熟悉用柵格的形式來布局橫版頁(yè)面，而電視上更常采用間距統(tǒng)一的網(wǎng)格形式來規(guī)范內(nèi)容集合，方便遠(yuǎn)程瀏覽，也可以方便遙控器快速導(dǎo)航。設(shè)計(jì)可以根據(jù)內(nèi)容自定列數(shù)，最多甚至可以達(dá)到9列。
2）焦點(diǎn)在空間中的層次
位置與方向感：在安卓設(shè)計(jì)語(yǔ)言中，我們可以通過不同控件在Z軸上不同的位置來劃分控件間的層次。通常是通過陰影的變化來表現(xiàn)。因此，我們?yōu)榱送怀鼋裹c(diǎn)所在的位置，焦點(diǎn)一般會(huì)有明顯的陰影。以外可能還會(huì)添加別的樣式來加強(qiáng)它。
同時(shí)，為了明確指向D-PAD所能到達(dá)的位置，我們?cè)谠O(shè)計(jì)布局時(shí)，也需要避免控件間出現(xiàn)重疊。
即Z軸方向，只有一個(gè)焦點(diǎn)和普通兩種層級(jí)，且（可上焦的）普通層級(jí)相互不重疊。
1）家庭共享下的多模式
輸入源除了考慮輸入設(shè)備本身，還可以考慮多個(gè)來自多個(gè)人，可能是多人協(xié)作或者多人共用。在居家環(huán)境這個(gè)場(chǎng)景下，根據(jù)使用者的不同提供對(duì)應(yīng)賬號(hào)下的信息頁(yè)面，以及多人共同進(jìn)行電視操作。
2）年齡分段模式呈現(xiàn)不同內(nèi)容與UI
在多個(gè)用戶的模式下，就需要對(duì)不同用戶進(jìn)行分類，電視端常見的用戶模式有：兒童、普通、長(zhǎng)輩三種模式。
三種模式下，視覺上色調(diào)、背景、間距、焦點(diǎn)態(tài)、字號(hào)、內(nèi)容海報(bào)都有相應(yīng)的調(diào)整。它意味著很多控件是需要做成自定義的。（運(yùn)營(yíng)也可以對(duì)其進(jìn)行配置的）
3）常駐的“新手”提示和引導(dǎo)
電視還是一種公共設(shè)備，不同時(shí)段有不同的人使用它。不同年齡層對(duì)智能電視的操作熟悉度也不同，我們?cè)谧鲇幸龑?dǎo)的頁(yè)面設(shè)計(jì)時(shí)，也會(huì)做成可重復(fù)提示的過程頁(yè)面，而非一次性引導(dǎo)。常見的如按鈕文案設(shè)計(jì)成操作描述的文案，以及焦點(diǎn)帶氣泡提示等。
在首頁(yè)用戶更多的是找尋感興趣的內(nèi)容，用戶選中一個(gè)內(nèi)容就可以立即看到視頻內(nèi)容。所以在這里推薦使用獲取焦點(diǎn)即執(zhí)行的方式，能夠節(jié)省找尋成本。用戶點(diǎn)擊確認(rèn)鍵即可進(jìn)入播放頁(yè)面。
一種是背景圖片跟隨焦點(diǎn)進(jìn)行切換并自動(dòng)播放。
一種是焦點(diǎn)聚焦到內(nèi)容且未移動(dòng)時(shí)，自動(dòng)播放墊片內(nèi)容，無需進(jìn)入二級(jí)，所選即時(shí)播放。
電視應(yīng)用的層級(jí)少，結(jié)構(gòu)扁平，下面我將舉例如何思考一個(gè)大屏頁(yè)面的信息排布以及頁(yè)面焦點(diǎn)的一些設(shè)計(jì)重點(diǎn)。
安卓設(shè)計(jì)指南里列出了幾種常見的頁(yè)面結(jié)構(gòu)：瀏覽視圖、詳細(xì)視圖、消費(fèi)視圖、搜索視圖。這幾類頁(yè)面結(jié)構(gòu)基本上就構(gòu)成了TV端瀏覽一個(gè)內(nèi)容的流程，從語(yǔ)音或推薦項(xiàng)目里選擇一個(gè)內(nèi)容，進(jìn)入詳情并開始觀看的一個(gè)主要流程。
在appleTV中對(duì)應(yīng)的頁(yè)面效果如下圖所示，都無一不體現(xiàn)大畫布背景+不拆分視圖帶來的沉浸感，并且沒有多余的狀態(tài)欄標(biāo)題欄。
一個(gè)常見的流程如下：我們?cè)跒g覽視圖和詳細(xì)視圖里或者搜索視圖里選擇了觀看內(nèi)容后，進(jìn)入消費(fèi)視圖（視頻播放頁(yè)），同時(shí)可能主動(dòng)或被動(dòng)選擇相關(guān)內(nèi)容，跳轉(zhuǎn)播放或畫中畫播放。
咪咕愛唱是一款主要通過會(huì)員付費(fèi)為用戶提供音樂類版權(quán)內(nèi)容（包括音樂MV、K歌伴奏、演唱會(huì)）的產(chǎn)品。
當(dāng)我們從行為開始考慮，一個(gè)K歌的信息頁(yè)面有什么時(shí)，我們可以想到，家庭K歌行為下，對(duì)應(yīng)著多人控制、多年齡段使用，平鋪直敘的排版方式是最好，一眼進(jìn)來最好能看到即時(shí)的K歌伴奏MV，有可以讓多人同時(shí)操作點(diǎn)歌的二維碼，支持方便的語(yǔ)音搜索。
在確定的功能點(diǎn)模塊基礎(chǔ)上，根據(jù)沉浸式的目的和十字交互的規(guī)則，我重新規(guī)劃了一種以即時(shí)播放未主要中心的首頁(yè)布局，展示的內(nèi)容其實(shí)沒有變化，但是整個(gè)頁(yè)面不再是被劃分的卡片而是有主次的功能和信息的排布。
新規(guī)劃的沉浸式布局1
新規(guī)劃的沉浸式布局2
消費(fèi)視圖里不僅承載了最重要的視聽內(nèi)容，還有一些個(gè)性化推薦的服務(wù)和功能，因此在設(shè)計(jì)時(shí)，需要提到頁(yè)面最前來考慮。
純歌詞內(nèi)容視圖，歌詞逐字上屏是K歌獨(dú)有一種展示形式，LRC歌詞本身有時(shí)間刻度，所以這里我將時(shí)間進(jìn)度條和歌詞關(guān)聯(lián)，用戶上下移動(dòng)選擇單句歌詞更加直觀，而不是快進(jìn)或后退。
內(nèi)容推薦+歌詞展示內(nèi)容視圖，其實(shí)這個(gè)是上一個(gè)頁(yè)面選擇播放列表后的頁(yè)面效果，我傾向于給每個(gè)歌曲生成封面圖。（一般每個(gè)歌曲都會(huì)有圖片或者M(jìn)V）
視頻展示內(nèi)容視圖，在播放內(nèi)容時(shí)，盡可能減少選擇內(nèi)容對(duì)沉浸式觀影的體驗(yàn)，當(dāng)然后期針對(duì)運(yùn)營(yíng)需求可以權(quán)衡。
常用的深色調(diào)配色當(dāng)然能更好突出，但是考慮與白天的氛圍匹配，淺色調(diào)也可以，淺色背景上的陰影更能明顯突出焦點(diǎn)層次，更重要的是，按鈕背景的顏色在不同素材上都能顯示出來。以及所有圖片整體的色調(diào)選擇。
暗黑帶透明度按鈕背景顏色在兩種背景上的表現(xiàn)
中度灰?guī)该鞫鹊陌粹o背景顏色
當(dāng)然每一個(gè)電視大屏的目標(biāo)用戶不盡相同，還是要根據(jù)主要人群來設(shè)計(jì)和規(guī)劃。因?yàn)镵歌產(chǎn)品也是一款既有兒童又有老年人用戶的產(chǎn)品。因此針對(duì)不同用戶，頻道的風(fēng)格也有一些區(qū)別。
我們不管是從國(guó)外的應(yīng)用如網(wǎng)飛和亞馬遜也好，還是從國(guó)內(nèi)的幾家頭部視頻網(wǎng)站也好，我們可以發(fā)現(xiàn)影視作品的封面也呈現(xiàn)出以下我舉例的一些方向和風(fēng)格。我們?cè)谧鲭娨暥藨?yīng)用的圖片展示時(shí)，更應(yīng)該遵循那種精簡(jiǎn)、干凈、光效統(tǒng)一的風(fēng)格。
以前一些設(shè)計(jì)舉例
1）遙控器與焦點(diǎn)的狀態(tài)
控件狀態(tài)需要多少種只跟輸入源有關(guān)系。比如你輸入源是鼠標(biāo)+鍵盤，那么 focus (給鍵盤）、 hover （給鼠標(biāo)）、active （給鼠標(biāo)/鍵盤按下），然后細(xì)膩點(diǎn)你還會(huì)想要加入 disabled。正是由于遠(yuǎn)距離交互+按鍵的形式，電視端的焦點(diǎn)態(tài)的形式有很大的不同。
電視端焦點(diǎn)態(tài)存在的目的是，方便用戶時(shí)刻都清晰且明確地知道自己的光標(biāo)在哪里，可以移動(dòng)到哪里。——通過焦點(diǎn)的統(tǒng)一性、即時(shí)性來進(jìn)一步明確地告訴電視這端的用戶停在了哪里，可以往哪里走。
蘋果TV統(tǒng)一的焦點(diǎn)態(tài)樣式
控件的狀態(tài)和輸入端的形式是強(qiáng)關(guān)聯(lián)的。輸入源是D-PAD，那么控件焦點(diǎn)態(tài)就是二維的，輸入源是觸控盤，那么控件焦點(diǎn)態(tài)就可以是三維動(dòng)態(tài)的。
蘋果電視的焦點(diǎn)態(tài)動(dòng)態(tài)圖
國(guó)內(nèi)由于強(qiáng)運(yùn)營(yíng)的需要，對(duì)于電視焦點(diǎn)態(tài)的設(shè)計(jì)五花八門，想盡了心思，層層疊加。
2）焦點(diǎn)動(dòng)效與遙控方向
我們總覽兩大設(shè)計(jì)原則，都提到了電影體驗(yàn)、沉浸式體驗(yàn)，一些小屏幕的細(xì)微變化（比如spring）會(huì)被放大而顯得復(fù)雜過度，我們可以想象看電影時(shí)掉幀卡頓的糟糕體驗(yàn)，電視端的動(dòng)畫時(shí)為了在人和屏幕上的內(nèi)容之間創(chuàng)造一種視覺上的聯(lián)系。
和移動(dòng)端一樣的也可以按照這樣的分類來考慮：?jiǎn)?dòng)動(dòng)畫、反饋動(dòng)畫、轉(zhuǎn)場(chǎng)動(dòng)畫。也可以按照交互動(dòng)作來考慮，僅在響應(yīng)用戶操作時(shí)使用，比如在考慮入場(chǎng)和出場(chǎng)動(dòng)畫時(shí)，出場(chǎng)動(dòng)畫可以考慮統(tǒng)一——對(duì)應(yīng)遙控器上的返回鍵，而入場(chǎng)動(dòng)畫則考慮兩個(gè)點(diǎn)：
因?yàn)殡娨暥烁嗍且环N圖片列表的展示形式，因此圖片列表的展示經(jīng)常以視差運(yùn)動(dòng)出現(xiàn)，表現(xiàn)一種大屏上縱向內(nèi)容源源不斷的出現(xiàn)的感覺。
3）沉浸式的焦點(diǎn)效果
目前在瀏覽器和電視端已經(jīng)可以看到這樣的效果——即當(dāng)你滾動(dòng)瀏覽推薦行時(shí)，只要在圖像上停留超過一兩秒鐘，每個(gè)標(biāo)題的預(yù)覽視頻就會(huì)開始自動(dòng)播放。這是在電視上一種非常直覺性的交互，就像很久以前我們打開電視就有生動(dòng)的音畫一樣。
電視具有數(shù)十年的期望值，當(dāng)您打開電視時(shí)，可以播放視頻和音頻。因此，有一個(gè)沉默的經(jīng)歷實(shí)際上是很奇怪的。
如果還想深入優(yōu)化優(yōu)秀的大屏端動(dòng)態(tài)效果可以去PS這類游戲主機(jī)系統(tǒng)里取取經(jīng)。對(duì)于大屏設(shè)計(jì)如何精進(jìn)，我認(rèn)為還是從主機(jī)端游戲界面設(shè)計(jì)可以瞥見一隅。未來大屏就是AR眼鏡，就是VR，電視的那套東西已經(jīng)被搬進(jìn)了小小主機(jī)和輕便的眼鏡里。
本文主要以交互設(shè)計(jì)的5個(gè)要素為框架，從電視與手機(jī)的不同著手分析電視的特有屬性，繼而引出界面設(shè)計(jì)一些特殊點(diǎn)，最后以一個(gè)電視端K歌APP設(shè)計(jì)舉例，從布局、配色、焦點(diǎn)態(tài)設(shè)計(jì)等幾個(gè)面展開詳細(xì)說明。
參考資料:
本文由 @皮質(zhì)大獎(jiǎng)得主 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
