提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!
用王家衛(wèi)的風(fēng)格,來做 UI 設(shè)計,行得通嗎?
針對這個問題,我們先做了一個定向的設(shè)計師小調(diào)研。超過一半的受訪者表示: 不樂觀。
在認(rèn)知當(dāng)中,王家衛(wèi)式的風(fēng)格是濃郁飽滿、含糊曖昧的,加之其慣用的蒙太奇剪輯手法,使其電影“風(fēng)格大于敘事,氛圍大于邏輯”,與近年流行的功能極簡主義 UI 設(shè)計原則大相徑庭。
王家衛(wèi)的風(fēng)格,在平面設(shè)計中,靈。在 UI 設(shè)計中,怕是搞不掂。
于是,我們開始看電視研究學(xué)習(xí),并找到了我們在 UI 設(shè)計中最能化用的兩個設(shè)計元素:配色和字體。
“紅綠”是王家衛(wèi)的舒適區(qū),“晦暗”是王家衛(wèi)的風(fēng)格,“對比”是王家衛(wèi)的手段。
王家衛(wèi)電影中的色彩飽滿、濃烈,而且經(jīng)常采用偏色濾鏡,這種對色彩的獨(dú)特處理方式也可以為 UI 設(shè)計提供靈感。
我們從《繁花》將近60 張海報/劇照中,篩選出了28 張圖片并提取了配色,又從其中尋找出最常用的配色規(guī)律,組合出了將近 10 套設(shè)計方案,最后挑選出了4 組界面設(shè)計案例。
上述的配色方案&設(shè)計稿源文件都整理好啦, 點(diǎn)下方鏈接獲?。?/p>
https://js.design/f/2KEZUG?p=X8epHgnP6J&mode=design
字體對王家衛(wèi)來說至關(guān)重要。
畢業(yè)于平面設(shè)計系的王家衛(wèi)深諳設(shè)計中文字的直觀力量,這表現(xiàn)在他喜歡在電影中用純文字畫面、用“印刷字”,以及用“很大的字”。
從 1988 年的《旺角卡門》,到 2000 年的《花樣年華》,再到 2023 年的《繁花》,無論外面世界的設(shè)計風(fēng)格如何變化,王家衛(wèi)的作品中都在竭力用“印刷體”還原時代的特征。
這些特殊、醒目的字體是構(gòu)建王家衛(wèi)藝術(shù)世界的一部分,更構(gòu)建了我們對于王家衛(wèi)作品的群體記憶。
此外,與“繁花”二字同樣借鑒了魯迅萌芽字體的「逐浪萌芽字」也已經(jīng)上傳到即時設(shè)計官方內(nèi)置字體, 搜索「逐浪萌芽字」即可一鍵 get 同款!
整體而言,王家衛(wèi)對于“濃油赤醬”卻頹廢的配色的青睞,“風(fēng)格大于邏輯”的敘事方式,其濃烈、小眾的個人風(fēng)格意味著其美學(xué)并不適用于以快速、簡潔、直觀為設(shè)計原則的大眾互聯(lián)網(wǎng)產(chǎn)品。 因此:
①我們可以在特定的產(chǎn)品中大面積地化用王家衛(wèi)美學(xué)。
這樣的設(shè)計美學(xué)卻很適用于時尚、影視、音樂、雜志等文化社區(qū)類產(chǎn)品,輕松營造出曖昧的藝術(shù)氛圍。 在這類產(chǎn)品的設(shè)計中可以大膽使用其“糜紅”、“頹青”的配色風(fēng)格。
②也可以在常規(guī) UI 設(shè)計中小面積地使用一些“王家衛(wèi)技巧”。
無論是 UI 設(shè)計還是服裝設(shè)計、平面設(shè)計、建筑設(shè)計,美的基本原則總是相同,在構(gòu)建王家衛(wèi)美學(xué)中的一些技巧也都可以為我們的 UI 設(shè)計所用。
在互聯(lián)網(wǎng)產(chǎn)品更加細(xì)分、更加需要創(chuàng)新的趨勢下,如何用設(shè)計的力量,尋找實(shí)用之上的美學(xué)表達(dá),從而為產(chǎn)品構(gòu)建特殊的品牌記憶,也值得我們思索。
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊