UI設計不就是畫線框，憑什麼年薪30W？

來自專欄 UI設計師成長營

作為一枚界面設計師

我真的很想為UI設計抱不平啊！！

UI設計真是一個備受不解的職業

常會被誤解，然後出現以下場景

程序歐巴：

界面畫好沒？按鈕圓的方的不都能用嗎？糾結那多幹嘛？

產品經理：

這次我們就10個頁面，半天能夠搞定吧，都有交互了。

其他設計：

你們不就是畫線框圖嗎？我自學半個月都能轉行了

…

彷彿全世界都能做UI設計

只不過你運氣好

碰上了這個事少錢多的行業

但講真，UI設計行業遠沒有想像的那麼簡單

舉個栗子

當我們設計一個按鈕的時候

大家都以為的步驟是：

看看原型圖——加個顏色——加個圓角——完工！

但其實真實的情況呢

我們先要確定主題色

「不不不不，綠色太像安全產品了，感覺不符合品牌」

「誒，紅色好像也不太好有點警示作用，怕嚇到用戶」

……嘗試24個色之後

「嗯，還是藍色保險又好看」

黑眼圈*1

然後又開始嘗試各種樣式

「圓角太大有點幼稚」

「沒有圓角又太硬朗了吧」

……嘗試24個圓角像素後

「嗯，還是5px的圓角最好看」

黑眼圈*2

最後開始嘗試各種效果

「投影遠了層級關係太大，不好看」

「投影太淺感知度很弱的，不如不要」

……嘗試24個設計效果後

「嗯，勉強就這樣吧」

黑眼圈*3

據說當年微博客戶端的底部按鈕改版

飛機稿壯觀成了這樣

最後才有了線上這個樣子

網傳的微博底部改版圖

認真的設計精神鼓舞了不少人

說了這麼多，還是有人會說：

「就是你們UI設計師喜歡瞎折騰」

「按鈕深淺有啥影響，能用就行」

「這行業就是很簡單，隨便入門」

呵呵呵呵呵呵呵

那我們就感受一下

UI設計好壞如何影響到一個產品

以下兩個界面來自同樣的交互文檔

但為什麼左圖看上去就低端一些呢

這就是大家留意不到的設計細節

看似無關痛癢的地方

就決定了一個UI設計的好壞

除了右圖的簡約調整方向

UI設計師還能從細節著手

將整體上升一個level

即使不用操刀大改

只是調色調位置也能有不一樣的效果

所以是時候放出這張經典的圖了

好的設計都是存在於細節當中的

小提示：Average Design 與 Good Design 的區別在於 Good Design 在高度上並不是等高的。矩形因為圖形特點，在同等寬高的情況下會佔有更多的像素，而圓形與三角形如果還保持等高的狀態，就會顯得小很多。

So 還會覺得UI設計是畫線框圖那麼簡單嗎

鏈接：http://www.sohu.com/a/214819919_660535

推薦閱讀：