復古即流行！正在瘋狂流行的摩登復古設計風

經常聽歐美音樂的同學可能聽過Peter Allen 1985年的爵士音樂《Everything old is new again》，關于流行和復古之間的關系，同樣可以用這首歌的名字來描述，復古一直在流行，不是么？

當然，今天的網頁中所流行的復古元素和原有的設計稍有出入，作為正在流行的設計趨勢，這種復古設計稱之為“摩登復古”似乎更為合適。值得一提的是，從印刷品到虛擬界面，從靜態的視覺元素到動態的設計，摩登復古可以輕松地通不同的媒體結合到一起。今天的文章我們一同來探討一下，摩登復古本身，一起它是如何在今天的設計項目中運用的。

什么是摩登復古

Write Sketch

首先，我們今天所說的摩登復古算是在復古的范疇以內，它并非囊括了所有的復古元素，不同于古典，區別于整齊朋克，它更像是是上世紀70年代到90年代所流行的設計風格。從某種程度上來說，這種時代感十足的設計也算是極客文化的一部分。

和不同類型的復古設計一樣，摩登復古的最大的優勢是借助當年流行的元素來創造懷舊的氛圍，從而讓設計和用戶之間形成情感聯系，通俗的講，就是我們常說的“走心”。即使設計中沒有典型的品牌、特定的物品，摩登復古風格也應該讓用戶有“我記得這個”的感覺。絕大多數的這類設計都應注重于營造輕松、舒適、懷舊的感受，讓用戶恍惚間仿佛回到童年，回到特定的時代。

摩登復古的特點

Col Sanders

摩登復古許多不同類型的復古設計一同流行起來。如果我們仔細審視這些打著復古標簽的設計，會發現有一些共通的地方，或者說是特點。

多觀察幾個使用摩登復古風格的網站，這些規律就可以很輕松地總結出來：

·技術相關的摩登復古主題通常會使用復古和老款的電腦和UI元素
·音樂相關的摩登復古主題網站會則常常使用磁帶和老式唱機
·抽象插畫大多是人物主題，并且人物形象同產沒有面目
·色彩明亮的線條和輪廓
·筆觸厚重的幾何形狀
·扁平的元素，從圖形到線條，再到圖標，摩登復古風通常不會使用多余的東西，同今天流行的扁平化設計有許多共通之處
·基于早期游戲的像素設計風
·霓虹色配色
·色彩相對單調、沒有裝飾的線條式的界面設計風
·運動緩慢如同跳幀了的簡單動畫效果
·大量定制的字體，包括氣泡式字體、塊狀粗襯線體，正如同當年電視和游戲開頭出現的復古字體
·色彩豐富的配色方案，其中大量使用傳達“快樂”的色彩，諸如黃色、橙色和紅色

影響與來源

Codeology

Timc

也許你并沒有經歷70年代到90年代這個階段，但是這幾十年間個人電腦、計算機和電子游戲的飛速發展，它們開始展現出對設計的顯著影響。雖然這個階段計算機輔助設計的實際效果還頗為簡陋，但是它們在電影和電視領域的廣泛應用、快速發展，是現在無論如何都無法忽略的。無論是開啟新時代的盧卡斯影業和星球大戰電影，還是之后誕生的皮克斯和Photoshop，都是設計史上無法忽略的里程碑。

而今天我們所看到的那么多摩登復古的設計，許多都是源于當年的那些不盡如人意的圖形設計，它們是設計師們的靈感來源，和情懷所在。它們的存在是今天設計的依據，也是摩登復古設計中真實感的來源。那些明顯的像素和夸張的插畫，都是有跡可循的。

所以，摩登復古的設計根源在于過去，它并不等同于低精度的設計。打造出一套擁有當年風格、看起來不那么“干凈”也不遵循今天“精準”設計要求的設計，并不簡單。但是，也千萬不要把只完成一半的設計當作“復古”，用戶還是可以精準地判斷出它是否是一個可用的設計。

對于摩登復古癡迷的設計師通常經歷過那個時代，或者對那個時代的風格非常感興趣。同樣的，有過那個時代薰陶的用戶也是最容易被摩登復古所吸引。如果摩登復古所呈現出來的元素，并非屬于你所熟悉和喜愛的年代，那么于你而言，它所產生的影響和吸引力就沒有那么強烈了。不過，好在摩登復古的設計通常具有相當不錯的形式感，即便是視作為一種“漂亮的設計”，也是令人接受，或者讓人喜愛的。

優點與缺點

Waste Time

Create Typo

那么摩登復古風的設計是否能應用在你的下一個設計項目中呢？你應該先了解一下它的優缺點。

優點

·有趣，輕量級
·易于構造成型，明亮的色彩更容易抓人眼球
·像素風辨識度高，時代感強
·摩登復古風非常適宜于承載新東西，或者做新的嘗試
·摩登復古風的設計可以很好地同扁平化設計的相關技術結合起來，尤其在色彩和圖像處理上
·在技術和音樂類的網站上可以很好地運用摩登復古風，用戶也很容易理解

缺點

·摩登復古風并不適用于每個用戶，有些用戶并不買賬
·摩登復古風是一種獨特的風格，并不能同其他的設計元素混用
·如果稍不注意可能會讓色彩和細節看起來混亂扎眼并且無組織性
·如果選擇了摩登復古的風格，許多現代風的圖片和視頻就沒法用了
·有些配色方案可能會處理起來相當棘手，尤其是在可讀性上可能會有問題
·經過定制或者調整過的字體在網頁上顯示起來可能并不理想
·趨勢這種東西來的快去的也快

結語

摩登復古風的存在和當前的整個氛圍息息相關，扁平化、視覺化的設計是基礎，移動端游戲和超級英雄電影中對于摩登復古風的認可則是推動這一趨勢的重要動力。這個時代的奇思妙想和上一個時代的流行風格融為一體，讓今天的設計項目擁有了不同凡響的視覺效果和更富有情懷的氛圍。

【技多不壓身的設計師才有高薪資！】

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. UI設計：《超實用新手指南！零基礎如何自學UI設計？》
4. 前端開發：《天貓高手來教你！零基礎如何系統地學習前端開發？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎入門！給非科班生的自學路徑圖之交互設計篇》

原文地址：designshack
原文作者：CARRIE COUSINS
優設譯文：@陳子木