AAA教育

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

　　話(huà)不多說(shuō)開(kāi)始吧。

　　1.基本的美感

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

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

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

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

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

　　4. 提高工作效率

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

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

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

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

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

　　最后

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