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

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

　　話不多說開始吧。
 

　　1.基本的美感
 

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

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

　　與其說是規(guī)范，應(yīng)該說是設(shè)計(jì)語言。在做UI時(shí)，根據(jù)不同平臺(tái)有其適合的設(shè)計(jì)語言，例如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è)計(jì)語言可以幫助我們?cè)谄脚_(tái)上建立一致的使用體驗(yàn)，也可以幫助我們?cè)陂_發(fā)端的溝通上更加順暢，所以這就像練功的基本功一樣，必須熟悉了解。
 

　　3.動(dòng)手實(shí)作
 

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

　　4. 提高工作效率
 

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

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

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

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

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

　　最后
 

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