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

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

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

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

采訪者簡介：郗鑒

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

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

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

△ AVENGERS Age of Ultron UI Screen Graphics

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

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

△ PROMETHEUS

X：FUI？HUD？您覺得我們這個行業(yè)到底應(yīng)該稱之為什么呢？在中國，我們?nèi)匀话芽苹秒娪爸械慕缑嬖O(shè)計簡單地稱為特效設(shè)計（VFX）。這個讓我非常的頭疼，很難解釋清楚什么是 FUI。

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

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

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

△ The Martian - UI Screen Graphics

X：在 Territory Studio 團隊中設(shè)計師應(yīng)該向誰匯報呢？最終的「產(chǎn)品經(jīng)理」是導(dǎo)演嗎？

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

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

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

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

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

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

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

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

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

△ Guardians of the Galaxy - Screen Graphics

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

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

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

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

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

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

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

D：無可奉告！

X：感謝您接受我這次的訪問！也希望 Territory Studio 能夠繼續(xù)給我們影迷帶來身臨其境的設(shè)計，也希望 Territory Studio 繼續(xù)關(guān)注站酷網(wǎng)和中國設(shè)計。

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

歡迎關(guān)注作者的微信公眾號：「西見」

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

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