近10年來最厲害的電影海報!《MUBI》公布前10名作品,亞洲電影包辦半數

2019/12/30
郭思妤
近10年來最厲害的電影海報!《MUBI》公布前10名作品,亞洲電影包辦半數
圖片來源/IMDB
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
英國線上串流平台《MUBI》專欄作家 Adiran Curry,選出近十年來最佳的電影海報設計Top10,入選作品藝術感超強。

英國線上平台《MUBI》不僅提供電影串流服務,他們的電影專欄也相當精彩,專欄作家 Adiran Curry 的每周電影海報賞析更是值得追蹤。天天都在看電影海報的 Curry,這次精挑細選 2010 - 2019 10 大電影海報設計,從賣座電影、cult 片、到紀錄片都囊括其中。

相信大家平常看電影,大多是靠預告片做決定。有沒有興趣試試看,從名單裡挑 1 張喜歡的海報,今天就看這片?(更多 SD 片單推薦請點此。)

#10 《小偷家族》(2018)

電影海報10. 小偷家族.jpg
圖片來源/IMDB

是枝裕和的作品《小偷家族》拿下 2018 年坎城電影節的金棕櫚獎,這款插畫海報名為「希望不散」,浮世繪的畫風獨樹一格。《小偷家族》藉由故事探討親情與緣,設計師黃海選擇了電影中全家人溫馨共度海邊時光的這一幕,作為海報主視覺。據說那支撐著的傘是取自「散」的諧音,隱隱預告了電影的走向。

#09 《The Airstrip》(2013)

電影海報9. The Airstrip.jpg
圖片來源/IMDB

《The Airstrip》是德國紀錄片導演 Heinz Emigholz 的作品,設計師 Stefan Kanter 曾多次為他的電影製作海報。合作過程中,通常導演 Emigholz 對海報已有非常清楚的想法,他會挑幾張紀錄片裡有趣的影像,再和設計師 Kanter 討論。

#08 《江邊旅館》(2019)、《睡著也好醒來也罷》(2019)

電影海報8. 江邊旅館 睡著也好醒來也罷.jpg
圖片來源/IMDB

《江邊旅館》是韓國導演洪常秀的作品,由《下女的誘惑》金珉禧擔綱女主角,今年夏天曾在台灣上映。MUBI 的電影海報評論家 Adrian Curry 這麼形容海報設計:「單色極簡的上乘之作,字體精美細緻。」

導演濱口龍介被譽為日本電影大師接班人,《睡著也好醒來也罷》講述女主角朝子先後戀上 2 個面孔相同的男子,電影海報卻放上了 2 個朝子,似乎隱喻著女主角猶豫不決、左右兩難的心情。

#07 《該死的中產階級》(2014)

電影海報7. 該死的中產階級.jpg
圖片來源/IMDB

男子拉開西裝,裡面露出一棟建築和一群牽著手的人們,《該死的中產階級》集懸疑、喜劇、恐怖、荒誕於一身,海報如同電影本身,著實令人摸不著頭緒卻又為之吸引。左上角以白色 Helvetica 字體呈現的電影名稱 Borgman ,則流露出一股與之對照的清新。

#06 《法蘭克》(2014)

電影海報6. 法蘭克.jpg
圖片來源/IMDB

《法蘭克》的主角是個樂團主唱,但這位主唱大人卻戴著大面具,不願流露自己的身分或表情。評論家 Adrian Curry 認為,好萊塢習慣在海報採用大堆頭的明星照片,而《法蘭克》海報卻將電影裡的明星演員藏在這顆「大頭」之後,顛覆了海報設計一貫的手法,也與劇情相呼應。

#05 《黑色宇宙》(2016)

電影海報5. 黑色宇宙.jpg
圖片來源/IMDB

波蘭設計師 Adam Maida 的才華在電影圈備受肯定,他曾獲 Criterion Collection邀請,為好幾部經典電影重新設計海報。評論家 Adrian Curry 形容《黑色宇宙》的海報鮮明而粗曠,是「設計師 Maide 無聲的尖叫」,手寫字體、右邊掛著的小鳥,種種畫面安排都備受肯定。

(Criterion Collection公司:以嚴謹的數位科技及製造標準,挑選對世界影壇有深遠影響的電影作品並重新發行,所選的電影極具參考價值。)

#04 《舊金山最後一個黑人》(2019)

電影海報4. 舊金山最後一個黑人.jpg
圖片來源/MUBI

被紐約時報列為 2019 上半年最值得看的電影之一,《舊金山最後一個黑人》的海報設計同樣受到好評。Akiko Stehrenberger 所設計的畫面別具巧思,帶有雙關意涵:一個站在斜坡上的黑人,悄悄地透露故事背景是以陡峭坡地著稱的舊金山,同時也暗喻他正在面對英文俗稱的「uphill battle」——如上坡般艱難的戰鬥。

#03 《下女的誘惑》(2016)

電影海報3. 下女的誘惑.jpg
圖片來源/IMDB

由John Calvert設計、Rob Cheetham 負責插畫,這個版本的《下女的誘惑》海報,靈感來自韓國傳統畫作,質感則有如織品。其實除了最後獲選的設計,當初 John Calvert 也提出了好幾的不同的選項,在我們過去的文章裡,可以讀到更多細節。

#02 《單身動物園》(2015)

電影海報2. 單身動物園.jpg
圖片來源/IMDB

《單身動物園》這個版本的海報,是為了坎城電影節特別設計的。設計師 Vasilis Marmatakis 接受英國媒體 Creative Review 訪問時表示,這次主要在於透過視覺傳達「孤獨」與「需要人陪伴」這兩個相對的感受,也暗喻著一種空虛而令人痛苦,所謂「不完整」的感覺。

#01 《波米叔叔的前世今生》(2011)

電影海報1. 波米叔叔的前世今生.jpg
圖片來源/IMDB

設計師 Chris Ware 以講求格線和對幾何圖形的熱愛而聞名,但 2011 年為泰國電影《波米叔叔的前世今生》設計的海報,大大突破了他先前的風格。Chris Ware 在對稱的整體畫面中心放了卡通化的曼陀羅,加上波米叔叔的長毛兒子,一起訴說這個怪誕的故事。

【DesignBIZ 專欄觀點】當數位設計師開始 Vibe Coding 的感性創作革命/李明

【DesignBIZ 專欄觀點】當數位設計師開始 Vibe Coding 的感性創作革命/李明
圖片來源/版塊 Block Studio
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
當 AI 與 NoCode 工具進入設計流程,Vibe Coding 讓設計師得以用感覺主導網站氛圍,走進創作自主的新時代。

專欄人物介紹
版塊設計 Block Studio 創辦人暨設計總監,自實踐大學媒體傳達設計系畢業後,即成立版塊設計。深耕設計領域逾十年,密切關注國內外網站趨勢,並梳理成自身觀點賦予新的定義與規範,持續透過作品、社群媒體與大眾互動,引領台灣網站動態特效領域發展及數位設計產業。曾任金點概念設計獎評審委員、台灣數十間大專院校設計系所評審及商業演講講者;擅長網站動態特效、介面設計、品牌識別、3D 動畫等多元設計,經典作品曾獲國內外設計獎肯定,涵括德國設計獎、AWWWARDS、臺灣金點設計獎,作品代表有台灣設計研究院線上簡介、可不可熟成紅茶、總統聊天室、RAW、高雄流行音樂中心、台北流行音樂中心等。

為什麼設計師越來越在意「氛圍」?

你是否有過這種經驗:一打開網站,還沒讀到內容,心裡就浮現出「這個品牌感覺不錯」的直覺。這種「氛圍感」早已取代過去單純講求資訊架構或設計美感的網頁標準。當畫面樣式與字型選擇都日趨一致,真正能讓人記得的,往往是明確強烈的視覺、互動的節奏、物件進場的方式,或某段滾動時的情緒節點。當網站加入動態特效時,品牌就不再只靠 Logo 與色彩,而是靠網站整體的體感來說話,在最短的時間內傳達出品牌的個性與故事,讓使用者感受到一種與眾不同的體驗。

因此,越來越多設計師從「做出好看的畫面」轉向「如何讓畫面在對的時候、用對的方式出現」。這代表一種創作觀念的轉向,數位設計師不再只是靜態排版者,而是網站節奏的導演,是數位情緒的建構者。

「網站不是頁面,而是一種氛圍體驗,一種能讓人記得的感覺。」

金色三麥
圖片來源/版塊 Block Studio

NoCode 與感性設計的交會點

當設計師希望掌控節奏與氛圍,卻又不擅長撰寫程式,NoCode 工具自然成為關鍵解方。近年國際上的主流 Webflow、Framer、Readymag 等平台提供了視覺化的編輯介面,讓設計師可以透過拖曳、參數設定,就能完成切版、動態、互動等程度。這類工具更可以讓設計師「不用碰程式」也能參與網站的體感建構。這樣的進展讓設計師從單純設計稿,開始介入到頁面開發建構、動態節奏安排、特效互動選擇的策略。

NoCode 解放的不是技術,而是讓設計師「腦中的感覺可以被製作出來」。這也是我開設 Webflow 動態網頁線上課程 的初衷,希望能將這種「設計師也能掌控互動」的創作模式,變成可複製的學習流程,讓更多非工程背景的創作者也能主導網站的氛圍節奏。

而當這些工具已經讓設計師能夠做出基礎的氛圍調性,下一個問題就出現了:那更複雜的互動效果與邏輯,設計師還能掌控嗎?

圖片來源/版塊 Block Studio
動態元件
圖片來源/版塊 Block Studio

Vibe Coding : 以「感覺」為中心的程式創作

這時候就是 Vibe Coding 出場的時候了!

程式設計過往被視為工具,但現在進入了「感受導向」的創作階段。Vibe Coding 並不是一種語法,也不是某個技術框架,而是一種新的創作邏輯。設計師透過自然語言與 AI 對話,把「我想要圖片會根據滑鼠游標位置移動」這種「情境描述」轉換為具體可執行的語法片段。

指標性的 AI 工具眾多,像是 ChatGPT、Claude、Grok…等。我擅長使用 Claude.ai 來協助我設計製作,因為 Claude 除了寫作能力強以外,它也非常擅長撰寫程式。只要透過 Vibe Coding 這種自然語言的描述,Claude 就能回應我完整程式語法 Demo,且還能夠下載。我將這些動態互動程式放入進 Webflow,接著調整更多動態細節、版型…等,改變了原本「設計想法完整 → 工程師實現」的線性工作流程,讓一場設計邏輯的轉變正在發生。

MCP 與 AI 協作:從語法到設計流程的共創

Vibe Coding 的真正潛力是搭配 MCP (Model Context Protocol) 協定,成為你的共同編輯者。

在我使用 Claude 的過程中,語法生成的體驗非常直覺,但仍需我手動將語法放入 Webflow,調整節奏、控制觸發條件。這讓我開始思考:如果 AI 能讀懂我現在正在設計的畫面、理解元素的層級關係與使用者流程,它是否能自動判斷應該套用哪些語法、在哪裡出現?

這正是 MCP 正在實現的方向。它是一種讓 AI 能夠「看懂上下文」的開放協定。當 AI 能讀取設計工具中的元件架構、頁面狀態,甚至使用者體驗流程圖,它就不再只是被動接收指令,而能主動協助設計決策與技術實作。從「生成語法」到「理解脈絡並協作建構」,是 Vibe Coding 未來真正強大的潛力點,設計師將成為節奏與氛圍的導演,而 AI 會成為可溝通、能理解場景的協作編輯夥伴,讓「感覺、氛圍」也可以系統性建構。

claude
圖片來源/版塊 Block Studio

NoCode 不是終點,而是感性創作的起點

過去,NoCode 常被視為降低技術門檻的解法,但當它結合 Vibe Coding 生成式 AI,讓設計師得以參與「感覺控制」,就像是一場感性覺醒,讓設計師從平面走向時間軸,從畫面走向氛圍,從設計者成為敘事導演。

我們不一定要會寫程式,但我們需要會「調整 Vibe」。這股新趨勢是一種設計角色的進化,讓這個時代持續檢視領域中各種角色的邊界與可能性。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

我還不是會員, 註冊去!
找有趣、有用、有意義的大小設計事...
Vol.153
Vol.153 現在暫停!為自己設計一場休息

4 個步驟 ╳ 12 種休息的設計,展開自我修復的 20+ 練習——獻給所有用盡全力的你。

© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓