給復仇者聯盟設計界面是什么體驗？來看這篇設計師專訪！

編者按：今天要介紹的這個設計工作室，負責了大家熟知的《復仇者聯盟》《攻殼機動隊》、《火星救援》、《銀河護衛隊》等電影中的動態用戶界面設計，這個團隊如何建立起來？又是如何分工合作的？來看這篇短小精悍的采訪！

受訪者簡介：戴維 謝爾頓海克斯（David Sheldon-Hicks）

戴維畢業于一所優秀的平面設計學院，他對設計和創意的熱愛使他在數字媒體、音樂視頻、電影、游戲和廣告行業中都如魚得水。戴維后來投身于界面設計，并先后為《黑暗騎士》、《皇家賭場》等大電影創作界面設計。2010年，戴維與合伙人一同創辦了 Territory Studio。他的創意和協作方式、對科幻故事的熱愛、對細節的關注以及對人與技術之間關系的前瞻性都激勵著整個團隊將 FUI 推向更極致地境界。隨著如《復仇者聯盟3》等科幻電影的熱映，Territory Studio 已迅速崛起并成為一個最令人興奮和最創新的工作室。

Territory Studio 先后與導演雷德利?斯科特（Ridley Scott）、丹尼斯?維倫紐夫（Denis Villeneuve）和史蒂芬?斯皮爾伯格（Steven Spielberg）都有過合作，Territory Studio 用一個個令我們瞠目結舌的華麗設計證明了自己強大的專業技術和創造力，在這些創意背后，Territory Studio 使用人機交互的理念來設計科幻用戶界面，使界面更靈活直觀。動態圖形和視覺特效就是公司的生命，強大的專業團隊吸引了包括漫威/迪士尼、華納兄弟、環球、派拉蒙、索尼影業、20世紀福克斯、獅門影業、BBC 和 Netflix 等公司的垂青，科幻迷喜愛的《復仇者聯盟》系列、《攻殼機動隊》、《火星救援》、《銀河護衛隊》等電影中的動態圖形和用戶界面均出自該團隊。如今，在戴維的領導下，Territory Studio 在倫敦和舊金山的團隊不斷壯大，并且在電影、游戲和品牌行業中茁壯成長。

采訪者簡介：郗鑒

站酷推薦設計師，電影《二代妖精》、《幕后玩家》FUI 設計

X：大家好！今天我們請到了 FUI 業界里的「滅霸」級人物：Territory Studio 團隊！有些中國設計師朋友可能對 TS 仍然不太了解，能不能請您介紹一下 TS 團隊，工作室主要有哪些方面的設計師？主要的業務是什么？

D：謝謝你的采訪！我們是 Territory Studio 團隊。我們有幸參與了很多超棒的電影項目，當然這些全是因為我們有一群富有才華和專業能力的設計師。我們的設計師在創造界面圖形和特效方面是頂級的專家，比如大家熟悉的《復仇者聯盟》中的界面均出自我們之手。

△ AVENGERS Age of Ultron UI Screen Graphics

X：哇哦，那么 Territory Studio 是怎么一步一步變成電影 FUI 屆的滅霸的？一開始是您是如何創立 Territory Studio 這樣一個在行業內如此獨特的團隊的呢？

D：我很幸運有機會在幾年前設計了《007：黃金賭場》中的一些動態圖形，然后緊接著我就參與了《蝙蝠俠：暗黑騎士崛起》的設計了。后來隨著工作的發展我建立起來了 Territory Studio 團隊，我們的名字被行內大佬推薦給了雷德利·斯科特，他是《普羅米修斯》的導演。這是一個非常千載難逢的機會呀，我們有幸參與了《普羅米修斯》的界面和圖形設計，從此以后，我們就義無反顧地開始了我們的事業。

△ PROMETHEUS

X：FUI？HUD？您覺得我們這個行業到底應該稱之為什么呢？在中國，我們仍然把科幻電影中的界面設計簡單地稱為特效設計（VFX）。這個讓我非常的頭疼，很難解釋清楚什么是 FUI。

D：電影中的用戶界面應該統稱為 FUI，但是 FUI 對不了解的人解釋起來確實比較復雜：因為有時它是電影特效的一部分，并且在分工上來說 FUI 屬于美術團隊或者特效團隊旗下的一個工種。但我認為當每個人都更熟悉 FUI 的工作屬性和專業性時，FUI 最終會成為一個獨立的部門。

X：您如何理解有些人認為電影中的界面完全是為了視覺效果，交互層面不會考慮？（羅永浩老師微博中曾說電影中的界面就是視覺特效）。

D：不同的電影需要不同的用戶界面解決方案。例如，像《復仇者聯盟》這樣的電影需要充滿高科技感的界面來營造它的世界觀、角色和故事線的推進（比如鋼鐵俠的 HUD，頭戴式設備界面）。用戶界面在電影中劇情推動的作用要高于用戶界面本身的所謂「功能性」，在另一些電影中技術需要讓人感覺到非常地真實：比如我們與 NASA 合作的《火星救援》。在此類項目中相反一切細節都需要盡可能真實，要考慮到用戶界面的真實操作原理。

△ The Martian - UI Screen Graphics

X：在 Territory Studio 團隊中設計師應該向誰匯報呢？最終的「產品經理」是導演嗎？

D：這個問題要看情況了，每個項目都不一樣。通常是由美術指導（production designer）來監督電影全局中的所有設計的。有的時候呢，特效總監也會負責 FUI 最后的定稿。但是有的時候我們也會和導演一起來確定設計稿，因為 FUI 最后會對演員的表演有非常大的影響。

X：您的團隊中有沒有交互設計師？他們的地位是如何的？

D：對的，我們有一部分交互設計師，但是他們通常除了用戶體驗也需要負責一部分 UI 界面和動效的工作。

X：您看過中國電影嗎？中國科幻電影的發展速度并不如其他題材發展快，有沒有考慮在中國設置分部？畢竟中國有最好的電影粉絲。噢！要不要招人？比如我這樣聰明并且愿意加班的這種？

D：啊~我們對和中國電影人合作非常期待，中國的設計和動畫有非常悠久的文化和歷史。我看過很多中國電影，但是我還沒有看到過任何中國的科幻電影呀，但是我真的非常期待能夠看到和中國電影市場規模相稱的中國科幻電影呢。

X：《復仇者聯盟3》中，是不是電影錄制部分結束后團隊才開始 FUI 設計的？我是說，先有交互還是根據演員的動作來指引設計？

D：不，其實我們在電影開拍前就為《復仇者聯盟3》制作了所有的畫面，所以這些畫面都是在片場可以看到的，供演員們配合界面進行互動。這是一種很棒的工作方式，演員們不用想象他們在看什么，因為這些畫面就在他們面前。

X：誰的交互界面最奇異？綠巨人還是普羅米修斯里的外星人？

D：哈哈，其實每個界面都非常獨特！我不認為在漫威電影中有任何正常的家伙，漫威的視覺挑戰從來都不簡單哦！

△ Guardians of the Galaxy - Screen Graphics

X：您認為為外星人設計界面要注意什么？

D：不管外星人多厲害或者多奇怪，我們創造的界面都需要被觀眾理解。觀眾們也許看不懂外星文字，但是圖形界面的設計必須能夠傳達出功能性和目的性，這樣觀眾才能理解劇情的走向，并且明確界面在這里暗示的是什么。

X：您聽過《三體》嗎？如果您和中國電影人團隊合作最擔心什么？

D：任何一個團隊如果使用不同的語言交流，就會有差異和誤解。但這也是作為設計師很重要的一個學習和進步的機會。

X：做 FUI 需要什么軟件呢？PS 可以嗎？

D：沒錯，我們團隊使用一些大家比較常見的軟件，比如 PS、AI、C4D、AE 這些（聽上去挺簡單的）。

X：最后一個問題哦，其實我特別想知道...蜘蛛俠他們真的死了嗎？我超級喜歡蜘蛛俠。那什么，下一部復仇者聯盟還會有 TS 加入嗎？

D：無可奉告！

X：感謝您接受我這次的訪問！也希望 Territory Studio 能夠繼續給我們影迷帶來身臨其境的設計，也希望 Territory Studio 繼續關注站酷網和中國設計。

D：一定！謝謝你！

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ AVENGERS Age of Ultron UI Screen Graphics

△ Ghost In The Shell - Motion Graphics & Concept Art

△ Ghost In The Shell - Motion Graphics & Concept Art

△ Ghost In The Shell - Motion Graphics & Concept Art

△ Ghost In The Shell - Motion Graphics & Concept Art

△ Ghost In The Shell - Motion Graphics & Concept Art

△ Ghost In The Shell - Motion Graphics & Concept Art

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

△ Guardians of the Galaxy - Screen Graphics

歡迎關注作者的微信公眾號：「西見」

「設計師專訪，了解大牛都是如何開展設計的」

• 《設計直播！火爆微博的人氣插畫師Gal Shir帶你了解這些作品的誕生過程》
• 《設計直播！頂尖品牌設計團隊 Ramotion 的作品背后竟藏著這些秘密…》
• 《設計直播專題！Dribbble 上爆火的漸變網頁設計是如何誕生的？》