互聯(lián)網(wǎng)的蓬勃發(fā)展，各種新創(chuàng)公司如雨后春筍般出現(xiàn)，不管在電商、金融、科技、甚至傳產(chǎn)都有界面設(shè)計的需求，而且現(xiàn)在界面設(shè)計的工具發(fā)展至一個相對成熟的階段，做界面不再像早些年那樣繁瑣及痛苦，設(shè)計師可以更專注在「產(chǎn)品設(shè)計」及「使用者需求」本身，所以現(xiàn)在轉(zhuǎn)職做界面設(shè)計可謂是大好時機，但究竟要如何跨出第一步呢？

必須先說，平面設(shè)計是相對感性，而界面設(shè)計是相對理性的，這邊會用「相對」這個詞代表這不是絕對，美的設(shè)計人人愛，但界面設(shè)計更重視的是產(chǎn)品「好不好用」以及「使用者如何使用」，對我自己來說，界面設(shè)計是更講求邏輯與設(shè)計規(guī)范的。

言歸正傳，從平面設(shè)計變成界面設(shè)計，好處其實還不少，以下是我覺得比較有感的地方：

1.薪水三級跳

我想這應(yīng)該是最多人考慮轉(zhuǎn)職的原因。雖然薪水三級跳是有點夸張了，但以入門的起薪來說的確比平面設(shè)計要來的高，可能也跟產(chǎn)業(yè)結(jié)構(gòu)有關(guān)系(科技、新創(chuàng)產(chǎn)品)，未來薪水成長的幅度也較高，職涯的發(fā)展性也相對多元。

2.無痛轉(zhuǎn)職

這應(yīng)該算是平面轉(zhuǎn)界面的優(yōu)勢，但還是有一點痛啦。對于有平面設(shè)計底子的人來說，基本的設(shè)計理論和美感已經(jīng)足以應(yīng)付界面設(shè)計的「視覺呈現(xiàn)」，只要把界面的理論知識和設(shè)計規(guī)范理解清楚，加上實作練習(xí)后，要到可以入門轉(zhuǎn)換跑道的程度其實沒有想像中困難。

3.跨領(lǐng)域協(xié)作能力

過去在做平面設(shè)計時，常常單打獨斗，面對的角色不多，通常是印刷廠或客戶，客戶(老板)至上可能會讓你的作品變了樣，最后失去了自己的靈魂。而在UI設(shè)計可能要面對RD、PM、UX等不同角色(通常比較不會是老板或客戶)，專案成員的組成也會比較多元，必須清楚的闡述設(shè)計方向和準確的完稿讓程式實現(xiàn)，甚至透過數(shù)據(jù)分析來迭代優(yōu)化自己的設(shè)計，和不同角色溝通的機會也比較多，相對的也會提升自己的協(xié)作能力。

但天下沒有白吃的午餐，想要從平面轉(zhuǎn)界面還是有不少東西需要克服的：例如初期需要讀不少設(shè)計規(guī)范文件，還有許多理論及觀念的文章，通常是英文的，所以「語言能力」可能是一塊需要提升的部分，再來就是產(chǎn)業(yè)變化相當(dāng)快，設(shè)計工具推陳出新，必須要很快地跟上，所以保有較強的「自學(xué)能力」也是必須的，而自學(xué)的過程絕對是辛苦的，但如果有熱情的話也許會是痛并快樂著。

設(shè)計規(guī)范文件，還有許多理論及觀念的文章，通常是英文的，所以「語言能力」可能是一塊需要提升的部分，再來就是產(chǎn)業(yè)變化相當(dāng)快，設(shè)計工具推陳出新，必須要很快地跟上，所以保有較強的「自學(xué)能力」也是必須的，而自學(xué)的過程絕對是辛苦的，但如果有熱情的話也許會是痛并快樂著。

講了這么多，好像沒說到具體要怎么做，才能從平面到界面無縫接軌？由于是第一篇文章，還在試水溫中，如果大家有興趣的話，我再寫一篇分享吧～最后，祝大家不管是在做什么樣的設(shè)計，都可以保有初衷及熱情，也許我們不能像工程師那樣改變世界，至少要讓世界變得不一樣還是非常有機會的。

既然UI設(shè)計是目前最熱門的職業(yè)之一，這次就來和大家聊聊如何自學(xué)UI設(shè)計，以及該如何跨出第一步(以下為個人經(jīng)驗，僅供參考)。

我先假設(shè)各位都是想要轉(zhuǎn)行或是剛畢業(yè)的人，想要進入UI設(shè)計的領(lǐng)域但可能還不知其所以，所以我們可以先了解一下UI設(shè)計師的職責(zé)范疇，最簡單來說就是：產(chǎn)出完整的界面設(shè)計稿然后交給工程師做開發(fā)。

UI設(shè)計師不會是最后把產(chǎn)品變出來的那個人，我們只能確保產(chǎn)品的樣子不會歪歪斜斜、有正確的頁面流程、不會讓user找不到那顆最重要的按鈕。

當(dāng)然實際工作內(nèi)容依據(jù)產(chǎn)業(yè)或公司屬性的不同而有所變化，有些UI設(shè)計師只要專注在視覺呈現(xiàn)，有些必須負責(zé)前期的流程規(guī)劃到視覺稿甚至互動原型，這和資源或團隊都有關(guān)系，所以我們就以UI設(shè)計師最需要的基本能力開始講起。

你有可能是以下三種類型的人：

2. 完全沒接觸過設(shè)計

3. 碰過一點設(shè)計或是在相關(guān)產(chǎn)業(yè)和設(shè)計師一起工作過

4. 設(shè)計相關(guān)背景

我想說的是，有沒有學(xué)過設(shè)計，對于學(xué)習(xí)曲線來說可能會有一點不同，但其實影響不大(我也認識許多非設(shè)計背景的UI設(shè)計師)，差別只在于對視覺上的敏銳度可能較低一點，所以要多花一點時間培養(yǎng)所謂的「設(shè)計眼」，觀念上和工作流程都是必須重新學(xué)習(xí)的。

至于要怎么開始呢？

就像錘子科技的視覺設(shè)計總監(jiān)羅子雄在TED的演講「如何成為一名優(yōu)秀的設(shè)計師」中所提到的一樣，學(xué)習(xí)設(shè)計的過程不外三件事：看、做、想，這邊我也借用他的觀點，學(xué)UI其實也是一樣的道理，所以若要達到一個入門就業(yè)的水準，需要具備什么樣的條件呢？看、做、想，這邊我也借用他的觀點，學(xué)UI其實也是一樣的道理，所以若要達到一個入門就業(yè)的水準，需要具備什么樣的條件呢？

1.基本的美感(平面設(shè)計師可跳過)

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

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

與其說是規(guī)范，應(yīng)該說是設(shè)計語言。在做UI時，根據(jù)不同平臺有其適合的設(shè)計語言，例如iOS系統(tǒng)的人機界面指南(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)驗彌補的，一開始方法錯了沒關(guān)系(被RD罵幾次就懂了XD)，重要的是花時間實作練習(xí)。

4. 提高工作效率

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

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

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

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

最后，找工作前可能還是需要準備一些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è)，需要精進的就不只是眼睛看得到的東西了，而是更關(guān)心使用者如何在你的界面中自在的游走了。

以上是自己小小的心得，希望可以幫助到一些想轉(zhuǎn)換跑道的伙伴。