[嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師

常常有平面設計師/視覺設計師，工作了一陣子之後覺得遇到瓶頸想換跑道、或看到UI/UX設計師的起薪較優渥，想要轉職但是不知怎麼開始，也不清楚要學些什麼，也許這篇文章是一個不錯的啟蒙。

在學習成為介面設計師之前，先了解這兩者實質上的差異，最大差別就是載體的轉換與動態交互的不同。

基本上都需要視覺傳達的基礎，非常仰賴字型、用色、排版、以及其他「美的形式原理」例如平衡、對比、協調等來塑形。平面設計多用於實體印刷品或網頁中等靜態溝通文宣；而介面設計是從靜態的視覺宣傳物一躍而成可以點擊、頁面切換、著重體驗與流程的交互行為。

若你現在是平面設計師，想成為UI/UX設計師卻不知道如何開始，可以參考以下五個脈絡，照著做一遍就很有感：

1.了解、熟悉雙平台元件規範、基礎交互原則

此階段為基本功，有點像是平面設計要學基本設計、CMYK等印刷基本知識，不知道這些知識就沒辦法做好成品。iOS與android分別都有提供基本的規範，從字級、字體、元件大小、樣式、互動行為等都有準則可供參考，是屬於偏生硬但是必須紮實打好基礎的必要知識。

雙平台官方也有釋出參考內容：

android

https://material.io/design

iOS

https://developer.apple.com/design/

2.大量瀏覽設計案例

這邊案例包含線上一些設計作品網站以及實際使用各類產品的經驗；線上平台例如behance、dribbble、pinterest等等；或者你可以到app store去下載新上架、熱門排行榜上的app來實際體驗。將覺得有參考價值的畫面收藏或截圖下來；並盡可能的分類，例如「首頁」、「個人中心頁」、「登入流程」等等，作為後續靈感及複習的來源。

此步驟建議為一個持續性的學習動作；必須要持續不斷地維持瀏覽優秀作品的習慣；你會逐漸發現開始能夠比較案例的優劣，也可以慢慢的發現自己偏好某一種呈現形式，這有助於未來塑形你的個人設計風格。

3.實際臨摹與練習

接著開始大量的臨摹！廣義上來說，到這步才是真正開始學習設計，也是讓1、2點作用開始充分發揮的時候。一開始你可以先選定一個喜歡的主題或產品，例如常用的網站或app，嘗試進行幾個主要頁面的改版，試著用自己的想法去改變現版可以更好的地方，例如更適合的配色、按鈕的比例、改變元件的位置或樣式等等。

過程中一定會覺得很卡，做什麼都不確定，然後就再去觀察別人的作品怎麼做，慢慢修正自己的畫面，就這樣不斷地試做試做再試做，直到熟悉畫面的元件佈局以及有初步製作時的感覺與概念為止。

4.軟體的應用與熟悉

把軟體的熟悉寫在這麼後面的步驟，是想要表達用什麼工具不是太重要；如果會用Adobe系列的軟體，去學習其他介面設計軟體不是一件很困難的事。重點是你作品最終的呈現、你的視覺美感，而不是你用了什麼工具產出的。

目前業界以使用sketch和figma為主流，但在操作流程上差異不會太大；也不要太擔心選錯軟體，若學了sketch後再配合公司使用figma轉換也不會太困難喔(反過來也是) 。

5.讓同業的前輩給予建議

自己是察覺不到問題的。找個對此領域有涉略的前輩(設計師/企劃/研究員/產品經理都可)，請他們幫看作品有沒有很明顯的違和感，或是可以加強的地方，持續精進，成品會越來越完整與成熟。

以上，是總結五個大致上的流程，每個人學習的方法其實不盡相同，若本身有其他習慣的方式，也不用硬套用本文建議喔！祝大家學習愉快。

毒舌好朋友

平面設計、UX、UI介面設計、UI、電腦排版設計、使用者介面、視覺設計相關知識、UIUX設計、產品設計師

[嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師