UI設(shè)計(jì)學(xué)習(xí)群：329076276，歡迎想學(xué)習(xí)UI設(shè)計(jì)的零基礎(chǔ)同學(xué)，一起學(xué)習(xí)，共同進(jìn)步。在這里有許多和你一樣的小伙伴正在學(xué)習(xí)的道路上努力奔跑！
你們做UI的不就是畫線框圖嗎
為什么薪水那么高？
前幾天在微信上面收到了一條這樣的留言
一名粉絲很疑惑的問我：
為什么UI設(shè)計(jì)師的工資可以那么高
明明只是對(duì)著交互界面畫色塊跟線條嗎？？？
美丫姐作為界面設(shè)計(jì)師
真的很想為UI設(shè)計(jì)抱不平?。?！
UI設(shè)計(jì)真是一個(gè)備受不解的職業(yè)
常會(huì)被誤解，然后出現(xiàn)以下場(chǎng)景
程序歐巴：
界面畫好沒？按鈕圓的方的不都能用嗎？糾結(jié)那多干嘛？
產(chǎn)品經(jīng)理：
這次我們就10個(gè)頁面，半天能夠搞定吧，都有交互了。
其他設(shè)計(jì)：
你們不就是畫線框圖嗎？我自學(xué)半個(gè)月都能轉(zhuǎn)行了…
仿佛全世界都能做UI設(shè)計(jì)
只不過你運(yùn)氣好
碰上了這個(gè)事少錢多的行業(yè)
但講真，UI設(shè)計(jì)行業(yè)遠(yuǎn)沒有想象的那么簡(jiǎn)單
舉個(gè)栗子
當(dāng)我們?cè)O(shè)計(jì)一個(gè)按鈕的時(shí)候
大家都以為的步驟是：
看看原型圖——加個(gè)顏色——加個(gè)圓角——完工！
但其實(shí)真實(shí)的情況呢
我們先要確定主題色
“不不不不，綠色太像安全產(chǎn)品了，感覺不符合品牌”
“誒，紅色好像也不太好有點(diǎn)警示作用，怕嚇到用戶”
……嘗試24個(gè)色之后
“嗯，還是藍(lán)色保險(xiǎn)又好看”
黑眼圈*1
然后又開始嘗試各種樣式
“圓角太大有點(diǎn)幼稚”
“沒有圓角又太硬朗了吧”
……嘗試24個(gè)圓角像素后
“嗯，還是5px的圓角最好看”
黑眼圈*2
最后開始嘗試各種效果
“投影遠(yuǎn)了層級(jí)關(guān)系太大，不好看”
“投影太淺感知度很弱的，不如不要”
……嘗試24個(gè)設(shè)計(jì)效果后
“嗯，勉強(qiáng)就這樣吧”
黑眼圈*3
據(jù)說當(dāng)年微博客戶端的底部按鈕改版
飛機(jī)稿壯觀成了這樣
最后才有了線上這個(gè)樣子
網(wǎng)傳的微博底部改版圖
認(rèn)真的設(shè)計(jì)精神鼓舞了不少人
說了這么多，還是有人會(huì)說：
“就是你們UI設(shè)計(jì)師喜歡瞎折騰”
“按鈕深淺有啥影響，能用就行”
“這行業(yè)就是很簡(jiǎn)單，隨便入門”
呵呵呵呵呵呵呵
那我們就感受一下
UI設(shè)計(jì)好壞如何影響到一個(gè)產(chǎn)品
以下兩個(gè)界面來自同樣的交互文檔
但為什么左圖看上去就低端一些呢
這就是大家留意不到的設(shè)計(jì)細(xì)節(jié)
看似無關(guān)痛癢的地方
就決定了一個(gè)UI設(shè)計(jì)的好壞
除了右圖的簡(jiǎn)約調(diào)整方向
UI設(shè)計(jì)師還能從細(xì)節(jié)著手
將整體上升一個(gè)level
即使不用操刀大改
只是調(diào)色調(diào)位置也能有不一樣的效果
如果有時(shí)間還能襯個(gè)背景在后面
所以是時(shí)候放出這張經(jīng)典的圖了
好的設(shè)計(jì)都是存在于細(xì)節(jié)當(dāng)中的
小提示：Average Design 與 Good Design 的區(qū)別在于 Good Design 在高度上并不是等高的。矩形因?yàn)閳D形特點(diǎn)，在同等寬高的情況下會(huì)占有更多的像素，而圓形與三角形如果還保持等高的狀態(tài)，就會(huì)顯得小很多。
So 還會(huì)覺得UI設(shè)計(jì)是畫線框圖那么簡(jiǎn)單嗎
這些設(shè)計(jì)中的小經(jīng)驗(yàn)
都是在實(shí)踐中積累起來的
并不是隨便臨摹一下
就能完全學(xué)會(huì)的
所以他們的工資才會(huì)辣么高呀
話說回來，這樣就是為什么先轉(zhuǎn)型UI設(shè)計(jì)并不容易
因?yàn)樗且粋€(gè)經(jīng)驗(yàn)比手活更重要的行業(yè)
如果沒有業(yè)內(nèi)人士的指點(diǎn)
很難得到快速的技法進(jìn)步
所以建議大家加入多和Ui方面的學(xué)習(xí)群中學(xué)習(xí)。
