設計師隨便畫個框線就能年薪30w？

你還記得微博原來的樣子嗎？

雖然微博改版這事已經過去了2個月，今天還是忍不住要和大家一起吐槽一下。作為最常用的APP之一，每次zha浪玩騷操作，都讓人想報警。

從大V到普通用戶，都在diss改版後的微博。但是，在一片怨聲載道中，我注意到了評論中出現最多的一個詞，那就是：

界面（UI）

承包你全世界的UI設計

或許，你和我一樣從來沒有聽過UI。但它，已經悄悄潛入了我們生活的方方面面，每天都在和我們緊！密！接！觸！

讓我們從頭說起，時間回到2010年，也就是一代神機iPhone4誕生的那一年，蘋果火遍大街小巷，成為全球的消費者賣腎都想要得到的一部手機。

（原畫）約翰內斯·維米爾 《戴珍珠耳環的少女》1665年

喬幫主的蘋果以出色的UI設計，讓人們獲得了前所未有的用戶體驗，移動UI應運而生。當然，那時候還沒有什麼UI設計師這麼洋氣的稱呼。

一晃到了2012年，一時間村裡通了網。當村口賣菜的大爺都用起了微信支付寶，你的朋友圈逐漸被電商佔領的時候，人們發現手機、APP、網頁實在是太重要了，怎麼才能讓它們更好用，更便捷，更吸引人呢？

於是，UI設計誕生了。

說人話，UI設計到底是個啥？

說了半天歷史，UI設計到底是個啥呢？

界面，就是人和機器設備發生互動的地方。簡單來說，屏幕或顯示器上出現的東西，就是UI。

讓我們假設一下，今天UI設計的產品是一個APP，那麼這個APP里的每個界面，信息的呈現方式，頁面的切換模式，什麼功能的圖標應該長成什麼樣子，都需要UI設計師的打造。

當然也免不了要經歷N次測試不合格、打回修改，甚至回爐重造的糟心過程。

那麼，問題來了，UI設計的價值在哪？或者說UI設計師厲害在什麼地方？

美的形式主義

UI設計師行走江湖，當然少不了一兩招傍身之技。

尤其在這個看臉的時代，產品再有內涵，也少不了一幅美麗的畫皮。

UI設計就是一個滿足我們高顏值追求的界面整形醫生。

都說對於整形醫生而言，審美是最重要的。UI設計師設計一件作品，也離不了他們的藝術審美。

而美的定義，自始至終都是個流動的概念，回顧人類藝術史，有追求的質感和形式感的古典主義。

拉斐爾·桑西 《雅典學院》 1510-1511年

古典主義下的美，強調理性、均衡、完整，致力於展現宮廷趣味的華麗、典雅和莊重。

隨後，出現了追求場面華麗、動態感的巴洛克以及精緻、浮華的洛可可。

美，不再受到教條的束縛，它可以不需要穩重，甚至是輕浮的。

當藝術走過工業革命，藝術設計也可以工業化批量生產的時候，美，迎來了現代主義、後現代主義。藝術在此時就像一個進入青春期的反叛少年，處處表現出對理性、完美和權威的反抗。

皮特·蒙德里安 《百老匯爵士樂》 1942-1943年

安迪·沃霍爾 《金寶湯罐頭》 1962年

與所有流行趨勢的本質一樣，UI的趨勢也是不斷地來來去去。

這就要談到UI設計的第一招：簡約。

我們說回蘋果，它的UI設計就經歷了從擬物化(Skeuomorph)到扁平化（Flat Design）的轉變。

Adam Lister 《雅典學院》

以iOS4的擬物化圖標為例，從計算器到筆記本，都在模擬現實實物的造型和質感，UI設計師通過高光、紋理、陰影等效果，精心雕琢出一個物品的外表，可以說是代表了設計上的古典主義。

在數碼設備普及化不高的年代，這樣的UI設計可以說是非常的用戶友好。因為加入了大量的細節，擬物化的設計更加直觀有趣，能讓人一眼認出這是個什麼東西。

iOS4界面

可漸漸設計師們發現，擬物化的設計在追求「像」這一點上，帶來了很多功能上的限制，大量的細節對界面元素的功能沒有任何幫助，反而加重了人們的視覺信息負擔，容易形成審美疲勞。

於是，從iOS7開始，蘋果的UI設計走向了扁平化，採用了全新的一套圖片界面設計。用戶突然發現iOS的圖標們變得簡潔、抽象了起來。

備忘錄Icon的皮革風沒了，簡訊、相機、相冊等也變成了更簡潔的二維圖形。

扁平，說白了就是去掉界面冗餘的裝飾效果，抽離了多餘的情感傳遞。

iOS7界面

就好像近年來大行其道的極簡主義，以及被吹爆的性冷淡風，UI設計的發展趨勢也是如此，從形式上提倡簡單幾何造型，主張Less is More（少即是多）。

當卸下了過多複雜、花哨的裝飾，信息本身作為核心，才得以被凸顯出來，同時也很好地滿足了面對信息過載，人們希望減輕信息焦慮的需要。

iOS6與iOS7部分圖標對比

當然，扁平化不代表簡單無趣，古人云：「去偽存真，去粗取精」，在減少裝飾的同時，更多注重的是細節的打磨。

UI設計中那些大家已經習以為常卻又至關重要的細節有很多，比如高光、陰影、材質。但要我說，最能體現出設計師藝術哲學的，還得數留白和對稱。

接下來介紹的，是UI設計的第二招：留白。

界面中的留白，或者設計師口中的「負空間」，通常會被人們忽視，但它和頁面上那些佔用空間的元素一樣重要。

我們稱之為留白，並不意味著就是單純的白色，而是一片沒有任何的文字和圖像的空間。山水畫里的留白，是畫家創設意境、令人遐想的審美趣味。

倪瓚 《漁庄秋霽圖》 元代

留白在一個界面中的作用在於它創造了對比，讓我們更好地捕獲物體的形狀和邊界。讓界面上的各個元素之間存有自由呼吸的空間，用戶才能更好地理解信息之間的關係。

UI設計師常常用留白的技巧，增加了屏幕上的層次，並且引導用戶的眼睛朝著預期的方向看。這樣，用戶不會被混亂無章的界面給嚇跑，而能夠更快地發現重要信息。

最後再說一個UI設計中看似不起眼，卻可以打遍天下無敵手的大招：對稱。

大約在公元前五世紀，古希臘有個很厲害的雕塑家波留克列特斯（Polykleitos），除了是「三種理想男性形象創造者」，他還把「對稱」的概念引入到藝術當中，提出了所謂的「勻稱美」。

古埃及人對藝術有著固定的審美，無論是雕像、繪畫還是建築，都運用了大量的對稱形式。

以下是強迫症福利時間。

向左滑動查看下一張圖片

除此之外還有，印度的泰姬陵、希臘的帕台農神廟、巴黎的凱旋門，以及我們老祖宗留下的宮殿、壇廟、寺觀、佛塔等等。

向左滑動查看下一張圖片

對稱的元素簡單、和諧、端莊。人類喜歡對稱的元素，是因為我們在進化過程中自然地形成了尋求穩定和秩序的基因。並且，人類也通過這樣平衡的方式，探索和發現，甚至是創造著美。

一個界面的整潔、有序，在用戶的眼中就代表著舒服，而這樣的界面也是信息有效傳遞的前提。

當界面的左右兩邊運用了相同的布局，用戶會自覺地自上到下，從左向右查看，對稱的構圖給人視覺上的舒適感，唯一的缺點是顯得相對沉悶和無趣。

但聰明的UI設計師也很能利用人的視覺對稱，往界面里加入幾個具有動態性和趣味性的元素，打破沉悶。就好像一副畫看似中規中矩，卻就有那麼一點小「偏差」，規整中的那一丟丟不對稱，立刻就能抓住人的眼球，讓你在眾多信息里，一眼看到它，記住它。

美的實用主義

說了這麼多，你一定有這樣的疑問？UI設計師和美工到底有啥區別？

（UID:你才是美工！）

答案是，作為一個UI設計師，會畫幾張美麗的圖只是基礎。

當然，會使出高超的繪畫技巧已經不簡單，但高手的養成還在於長年累月修鍊的武功心法：為人民服務。

因為，藝術關乎審美，但藝術設計則需要解決問題。

說到信息的呈現，在這樣一個信息爆炸的年代，我們每天受到無數碎片化信息的狂轟濫炸。UI設計師根據人眼的閱讀習慣，用扁平化的布局，把信息分類、整合成一張張小卡片，從而幫助我們減輕閱讀負擔。

當然，有良心的UI設計，也有無良的UI設計。這裡就不得不吐糟某些網頁、應用，為了讓你在它的界面（廣告頁）多停留一會，就喜歡和用戶找變扭。比如對調確認、取消按鈕的位置啊，或者乾脆讓關閉鍵玩起了捉迷藏。

非但不解決問題，還給人製造問題，對這樣耍流氓的UI設計，勞資反手就是一個差評。

再來，還記得當年載入時苦苦的等待嗎？每每載入到99%，進度條就開始裝傻，彷彿從99到100隔著一個太平洋。

產品經理自以為洞悉人性，把進度條的載入速度設定成成先快後慢，就可以讓用戶不甘心、不忍心取消那前99%，只能守在屏幕前為最後那虛假的1%加油打call。

結果是，這種條形框加「注水」數字的載入頁面，只讓大量用戶感受到等待的焦慮和絕望，並且思考把電腦倒過來載入會不會更快一點，這樣違背物理原理的問題。

這個時候，UI設計師出現了，他們用新奇、有趣的美，緩解了等待的焦灼，填滿了生命里被浪費的那幾分鐘，讓用戶們心甘情願地等待。

來自設計師：Aleksey Tsvetkov

UI設計師的厲害之處就在於，他們善於表現美，又能將視覺上的美，變成解決問題的一劑良藥。

美的用戶體驗

說完了用美來解決問題，我們再來看看UI設計的另一個重要的技能心決，也是UI設計和平面設計的最大不同：

（UID：我們懂人，也懂機）

那就是，在人機交互的過程中給用戶帶來流暢、舒適的用戶體驗。

相信每天和手機談戀愛的你，一定理解交互是個啥。

（原畫）保羅·塞尚 《玩紙牌的人》 1892-1893年

部分好看不中用的APP界面，美得像個尤物，可每每操作起來，要不是毫無反應宛若死機，要不就是步驟繁瑣，「摩擦力」十足。不禁讓人懷疑自己是不是下載了個人工智障。這樣智商不平等的人機交互，給人的體驗通常不會太好。

好的人機交互是什麼？

好的人機交互就是，你的機能夠理解並且滿足你的需求。

你的每次觸摸，每個動作或者是語音呼喚，你的機能夠快速地給出反饋，用優美、流暢的視覺動作告訴你，它正在忙什麼，已經完成了什麼，以及它即將要做什麼。

比如我們在Instagram上給自己的愛豆點贊，當你雙擊屏幕，一顆愛心由小變大，然後消失。圖片下方的愛心變為紅色。這一刻，你就能真切的感受到，為愛豆手動比心的過程，是多麼神聖且富有儀式感。

說了這麼多，也只是UI設計的一點點皮毛。UI設計，可不止畫畫框線這麼簡單。

（UID：說簡單的，來來來，畫筆給你）

一個優秀的UI設計師當然也不是天生骨骼驚奇，萬中無一的美學天才。

畫個框線就能年薪30w的背後堆砌的，是在實戰中不斷磨練的十八般武藝（PS，AI，AE，Axure），更是和產品經理鬥智斗勇，犧牲發量才得以修鍊深厚的內功，比如平面設計、品牌思維、消費心理學、交互邏輯...

其實最讓我感嘆的不只是UI設計行業的高深複雜，而是藝術的力量。

一件產品的打造，缺少了美的內功和心法的加持，即使它擁有再有趣的靈魂，也變得黯然失色。

幸運的是，人類在追求實用功能的路上從未捨棄過審美意識，而藝術審美不必也不應該被束之高閣。

美，不單是流於形式，浮於表面，也可以服務於實用，為冰冷的器物賦予人的情感溫度。

作者｜搖滾藏獒

簡介｜這個人很懶什麼都沒留下

— 今日互動 —

還記得，

你的第一部手機嗎？

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！