非設(shè)計類專業(yè)學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些基本技能

　　最近有好多小伙伴私信我：胡老師，我不是設(shè)計類專業(yè)的，我學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些基本技能呢?我想說的是，有沒有學(xué)過設(shè)計，對于學(xué)習(xí)曲線來說可能會有一點不同，但其實影響不大(我也認(rèn)識許多非設(shè)計背景的UI設(shè)計師)，差別只在于對視覺上的敏銳度可能較低一點，所以要多花一點時間培養(yǎng)所謂的“設(shè)計眼”，觀念上和工作流程都是必須重新學(xué)習(xí)的。
 

　　話不多說開始吧。
 

　　1.基本的美感
 

　　雖然上面提到界面設(shè)計更重視的是「使用體驗」，但我相信大部分的人應(yīng)該都會在意第一眼的視覺印象，一個不好看的界面基本上也很難在一開始引起使用者的興趣，這邊指的「不好看」是在配色的協(xié)調(diào)或是閱讀性的編排上讓使用者感到不適，而美感的養(yǎng)成需要長時間的訓(xùn)練，初期的的建議可以在設(shè)計平臺上( Dribbble、Behance、Pinterest )看「大量」優(yōu)秀設(shè)計師的作品，甚至先從模仿開始，慢慢的去拆解這些作品背后的設(shè)計邏輯，也可以參加像是DaliyUI這樣的挑戰(zhàn)磨練自己，之后有機(jī)會再寫一篇分享「美感是如何練成的」。
 

　　2.理解設(shè)計規(guī)范(Guidelines)
 

　　與其說是規(guī)范，應(yīng)該說是設(shè)計語言。在做UI時，根據(jù)不同平臺有其適合的設(shè)計語言，例如iOS系統(tǒng)的人機(jī)界面指南(Human Interface Guidelines)，Andriod系統(tǒng)有Google所發(fā)布的Material Design，做網(wǎng)頁也要了解基本的網(wǎng)格系統(tǒng)和響應(yīng)式網(wǎng)頁等等，理解這些設(shè)計語言可以幫助我們在平臺上建立一致的使用體驗，也可以幫助我們在開發(fā)端的溝通上更加順暢，所以這就像練功的基本功一樣，必須熟悉了解。
 

　　3.動手實作
 

　　今天如果你要開一間咖啡廳，至少要會做咖啡吧?了解設(shè)計規(guī)范之后，再來就是動手做，一開始可以先從手邊有的界面來做練習(xí)，模仿刻出一個一模一樣的界面，甚至可以用一些原型(prototype)工具把你的設(shè)計稿串起來。你也需要了解各種裝置及解析度設(shè)計時的差異、如何匯出檔案交付工程師等等，過程中大量的爬文是少不了的，自學(xué)的過程中常常因為沒人交流所以無法驗證自己的流程是否正確，不過我相信這些都是可以在未來靠經(jīng)驗彌補(bǔ)的，一開始方法錯了沒關(guān)系(被RD罵幾次就懂了XD)，重要的是花時間實作練習(xí)。
 

　　4. 提高工作效率
 

　　拜科技所賜，UI設(shè)計工具越來越多，大部分的工具提供了基本的功能，但要有效率的工作就不是那么容易的事情，熟練工具的快捷鍵是基本功，接著是活用工具以及思考怎么優(yōu)化自己的流程，UI設(shè)計常常是牽一發(fā)動全身的事情，當(dāng)你設(shè)計了好幾十個頁面，這時突然要改一個按鈕的顏色或是字體怎么辦?一個一個改實在太傷神了，如果有用Sketch的朋友，請愛用Symbol和Share Style，做好元件管理非常重要，可以省下不少涂涂改改的時間。
 

　　除此之外你還可以做什么?
 

　　下載App store排行榜上的App或是你覺得好用的App，認(rèn)真思考這些App的交互流程是如何編排，也可以截圖下來研究，一個好的UI/UX設(shè)計其實是會讓你感受不到它的存在的，你可以很快找到你需要的「內(nèi)容」和「目的地」，持續(xù)的做這件事，覺得不好用的App就刪掉，認(rèn)真記錄這些App的優(yōu)缺點避免自己犯相同的錯誤，同時也能讓自己的思路更加清晰。
 

　　當(dāng)然，你也可以做一些「假專案」，把你心中的點子實際做成一組界面，有時間的話可以從架構(gòu)開始思考，沒時間的話直接做視覺吧，把腦海中想像的畫面做出來，說不定哪天遇到一個工程師就能真正把這個點子實現(xiàn)了呢!如果沒什么想法，Re-design也是個好選擇，市場上有不少UI設(shè)計不良的App，尤其公家單位的XD，如果可以把他們Re-design變成一個好用又好看的產(chǎn)品，應(yīng)該會滿有成就感的吧?
 

　　最后，找工作前可能還是需要準(zhǔn)備一些UI作品，這邊要提醒一點的是，作品集重質(zhì)不重量，不需要很多，不要放太多跟UI設(shè)計無關(guān)的東西，最好是有一兩個比較完整的作品，有辦法清楚闡述你的設(shè)計理念，最好表現(xiàn)出你對UI設(shè)計無比的熱情，當(dāng)你具備基本觀念加上一些作品展示，相信你應(yīng)該已經(jīng)可以出門找UI設(shè)計相關(guān)工作了，當(dāng)你正式踏入UI設(shè)計產(chǎn)業(yè)，需要精進(jìn)的就不只是眼睛看得到的東西了，而是更關(guān)心使用者如何在你的界面中自在的游走了。
 

　　最后
 

　　希望這片文章可以幫助到不是設(shè)計類專業(yè)，準(zhǔn)備轉(zhuǎn)行UI設(shè)計的小伙伴們!如果大家有什么問題可以私信胡老師，胡老師會竭盡全力幫大家解決問題~