Glossier 是一家以現代美妝理念和最新潮流為核心的美妝公司。然而,當這個主打千禧一代的化妝品牌在線上發布假日系列時,他們卻選擇了旋轉字體和復古“聚會風”配色,如紫紅色和栗色。當然,這正是他們的用意所在。

展示了品牌如何運用復古未來主義,一種因其既令人興奮又倍感熟悉的形式而迅速流行的網頁設計趨勢。

什么是復古未來主義?

復古未來主義是一種設計手法,通過借用過去的美學風格,創造出對未來充滿幻想的設計視覺。這種風格的美學呈現仿佛是過去對未來的“過時”設想。

作為解決在線互動和用戶留存等設計挑戰的方案,復古未來主義可以幫助打造數字品牌,甚至建立更強大的網絡社區。它能讓過于光滑的現代網站顯得更貼近人心,并將功能性頁面升華為充滿趣味的空間,吸引訪客停留更長時間。

復古未來主義并不是一個新趨勢,但由于我們對‘舊’的定義不斷變化,復古未來主義也在持續擴展。

復古未來主義簡史

“復古未來主義”一詞最早由作家 T.H. Hinchcliffe 于20世紀60年代提出,但真正的開創者或許是法國科幻作家 儒勒·凡爾納。他在20世紀初創作的故事,如關于機械潛艇和環球熱氣球的幻想,不僅激發了讀者的想象力,還啟發了如 曼·雷 和 薩爾瓦多·達利 等藝術家,為尚未存在的世界創造了豐富的視覺形象。

這些未來世界的描繪常包括機械鍍鉻色的手寫字體,以及穿著1920年代經典西裝領帶的奇異機器人。從今天的視角來看,這些圖像既復古又科技感十足,成為復古未來主義設計的經典模板。

“我們所認為的‘復古未來主義’通常指的是中世紀現代、20世紀60年代初期的美學風格?!奔~約帕森斯設計學院整合設計專業的 Andrew Shea 說道,“這種風格通過藝術和設計的方式,讓人們面對對技術的焦慮。復古未來主義讓未知變得不那么可怕,更容易想象?!?/p>

“復古未來主義已經轉向了1990年代和2000年代初期?!彼f。低保真數字字體、16位圖形,以及撕裂紙張和亮片等“臟亂”質感,已經成為網頁設計的標配,尤其在像 Pacsun 和 Futurewise 這樣的 Z 世代品牌中大受歡迎。

Shea 認為,這并不令人意外。“1990年代反映了一種真實的文化和社會性‘倦怠’,而這種情緒現在又卷土重來。人們想通過某種方式將這種焦慮情緒具體化,但他們還無法用語言準確表達,只能通過‘氛圍’?!倍?0年代懷舊為核心的復古未來主義設計,正是表達這種情緒的一種方式。

如今的復古未來主義在哪里可見?

如果你今年追過熱門劇集,很可能已經在屏幕上看到了經典的復古未來主義元素。例如大熱喜劇驚悚片 《輻射》(Fallout),由 Ella Purnell 主演,藝術指導為 Ann Bartek,將經典的60年代好萊塢魅力與笨重的機器人套裝和激光眩暈槍融合在一起。熱門 Apple TV+ 劇集 《為了全人類》(For All Mankind) 則運用了1970年代蘇聯星城的野獸派建筑風格,想象了一個歷史平行世界——來自全球的宇航員可以共同生活在火星上的未來。

復古未來主義也成為紀錄片的主題。例如 《尋找 Mavis Beacon》,講述兩位千禧一代電影人試圖找到“自學成才的辦公室經理”——曾通過90年代視頻游戲教他們打字的虛擬形象 Mavis Beacon。該片大量使用90年代的圖形和16位字體,即使角色在使用 iPhone 和筆記本電腦完成調查時,這種設計風格依然貫穿始終。

還可以通過穿著來感受。在巴黎和米蘭的時裝秀上,經典的1960年代太空時代設計以新形式回歸。Prada 重新演繹了 Mary Quant 的金屬銀色迷你裙,Rabanne 則復興了他們的鍍鉻連衣裙、鞋子和手袋。90年代的“高科技”面料,如 Old Navy 的性能抓絨,也因品牌新設計師 Zac Posen 的加入而重新受到關注。在備受矚目的年輕設計師 Sandy Liang 于9月的時裝秀上,模特們涂著金屬粉色口紅。

“今年我們還看到很多復古未來主義風格的字體出現在建筑公司和設計院校中?!迸辽乖O計學院教授 Andrew Shea 表示,“當人們看到技術變得無所不能時,他們會試圖通過視覺線索在心理上重新掌控一些主動權。在關于人工智能的各種討論中,早期互聯網時代的‘吃豆人’風格字體重新流行也就不足為奇了,尤其是在以設計為導向的領域?!?/p>

想嘗試復古未來主義?給網頁設計師的實用建議

“我喜歡看到那些借鑒早期互聯網時代 Angelfire 和 MySpace 設計的網站?!?Simovich Fisher 表示,“這種設計風格深深植根于特定的時間段,而這正是當下讓人們感興趣的地方?!?/p>

創意總監 Marta Mae Friedman 是營銷公司 Air Milkshake 的創始人,她將這一趨勢運用在自己的網站上,使用類似《美少女戰士》風格的 8 位像素閃光圖案,展示如 Starface 和 Dr. Martens 等熱門 Z 世代品牌。

“我認為 Chobani 也做得很好。” Simovich Fisher 提到這個酸奶品牌的廣告活動。該活動將手繪的山谷和河流插畫與太陽能摩天大樓和漂浮風力渦輪機的建筑渲染相結合,由內容創意公司 Scholar 打造,巧妙地融合了復古與未來元素。

對網頁設計師的建議:如何融入復古未來主義風格

選擇合適的字體

復古未來主義的經典字體(尤其受60年代啟發的設計)通常將干凈的幾何角度與柔和的弧線結合起來,盡可能寬大但依然保持極高的可讀性。如果字母看起來像是可以用拉斯維加斯霓虹燈制作的,那就選對了!

擁抱高對比色彩

想要經典懷舊的感覺?可以參考 《Bewitched》中廚房的色彩搭配,比如松石綠、鮭魚粉,以及亮澤的糖果紅。

如果你的主色調偏暗,比如海軍藍,可以加入一些金屬鍍鉻的閃光點綴,增強未來感。

借鑒 《星際迷航》的艦隊制服配色,嘗試一些意想不到但充滿趣味的復古未來色彩組合,例如紫色與棕褐色,或者橙色與獵綠色。

無論配色方案是什么,確保至少包含一組高對比色組合。這是復古未來主義風格的一個標志性特點,能讓設計更有沖擊力和吸引力。

不要忽略細節

對于允許更多創意和趣味的網站,可以考慮加入一些互動元素:可能是老式的鼠標箭頭,或微小的 8 位閃光軌跡,讓網頁立刻充滿趣味。

屏幕上的元素,比如可見的主頁導航欄,也可以增強懷舊感。

最重要的是,復古未來主義本質上是一種“矛盾的結合”——你需要創造的是過去人們對“完美未來”的想象。只需通過字體和色彩的快速調整,就能實現這種風格!

精選文章:

高端設計師為何青睞低調色調:中性色在室內設計中的力量

裸露的混凝土美學,八間極簡主義風格的臥室

酒店公共空間趨勢:從休息區和聯合辦公室到露臺和泳池

拿下泰國版玲娜貝兒成二次元的快樂屋,得力變文創大佬了?

利用色彩意義的力量來設計更具影響力的網站