成為一名UI設(shè)計師之前，這些知識你都了解嗎？
在UI/UX 設(shè)計師職業(yè)流行之前，類似的工作是像「網(wǎng)頁設(shè)計師」「網(wǎng)頁美編」「網(wǎng)站企劃」等，那時候要做一個網(wǎng)站，就是由美編做好畫面，然后給工程師切版，然后網(wǎng)站上線。也就是俗稱的「瀑布流」
但這樣的做法，隨著網(wǎng)路與科技的指數(shù)成長，已經(jīng)變得不合時宜。誰知道你設(shè)計的東西，會不會有足夠多的消費者喜歡？又或者開發(fā)了半天的產(chǎn)品，到時候公開才發(fā)現(xiàn)客戶根本不需要。瀑布流的做法在商業(yè)上會造成高風(fēng)險的資本負擔(dān)，是在豪賭整間公司聘請工程師、設(shè)計師的高額人力成本與所產(chǎn)生的邊際成本。
那我們可以怎么做呢？這時候，開始有股強調(diào)「使用者」為核心的開發(fā)方式出現(xiàn)，大概2000 年左右吧，說自己公司采用UI/UX 設(shè)計流程，就像現(xiàn)在的區(qū)塊鏈技術(shù)、人工智能一樣，是熱門的關(guān)鍵字。UI （User Interface） 與UX （User Experience） 都有個重點的「User」，原因在于——透過大量的事前爬蟲與市場調(diào)查，了解潛在使用者（或稱客戶、消費者）想要的是什么？痛點在哪里？同時依據(jù)這樣的資料回饋，不斷地迭代設(shè)計，以及保持敏捷地開發(fā)方式。可以想像成幫客戶量身定制一個專屬產(chǎn)品，但User 不僅是代表一個人，而是整個目標群體的人設(shè)（Persona）。既然設(shè)計開發(fā)過程中就是為了這群使用者而做的，就比較不用擔(dān)心上線之后沒人用了吧。UI 設(shè)計是UX 使用者經(jīng)驗里的一部分
你可能在很多地方看過UI/UX 的比較與定義，都會強調(diào)UX （使用者體驗設(shè)計）是很重要的，但因為其觸及范圍之廣且深，但落實在現(xiàn)實又相當(dāng)細膩。同時，在2000 年左右德國舉辦的研討會中，由日本所整理的著名的UX 白皮書中也提到「一般認知的產(chǎn)品或服務(wù)只不過是UX 的一部分，沒有接觸到商品的前后時間、或累積經(jīng)歷的記憶，都可以算是UX。」 也就是使用者體驗不只是使用網(wǎng)頁/APP 當(dāng)下的感受好壞，更包含了時間軸上的前后印象與體驗。UI （界面設(shè)計）則專指在產(chǎn)品介面上的部分，是整座UX 體驗冰山中浮現(xiàn)出來的局部，也是擔(dān)任第一線與使用者接觸的重要地位。因為更容易被發(fā)現(xiàn)與使用，因此大多數(shù)人所認知到的UI/UX 都是像排版畫面、繪制icon 及做美美的視覺特效等。
會先做這樣的類比，是想讓大家先厘清自己想要做的是哪種職業(yè)，努力的方向會不太一樣。你不用現(xiàn)在急著做決定，建議是先透過課程以及實作之后，慢慢地找到自己想長期發(fā)展的路線。當(dāng)然，如果你想UI 與UX 精通，那就會是炙手可熱的設(shè)計師。另外，若是在找實習(xí)或逛職缺的時候，會發(fā)現(xiàn)大多數(shù)公司會把UI/UX 設(shè)計師的職稱放在一起，這在中小企業(yè)當(dāng)中相當(dāng)常見。只有分工精確又具備成熟流程的大型科技公司或Agency 才會把UI 與UX 分得更細，不管頭銜是如何，職缺內(nèi)容與要求都會不同，一定要看仔細。成為UI 設(shè)計師所需具備的技能但其實UI 設(shè)計這門學(xué)問，也是包含了相當(dāng)多種技能，除了具備基礎(chǔ)美感之外，還包含很多科學(xué)理論、資訊架構(gòu)，以及與工程師協(xié)作等技巧等，是一門需要跨相當(dāng)多領(lǐng)域的學(xué)科（大多數(shù)設(shè)計師職業(yè)都是如此）。
UI 設(shè)計師的角色定位
跟打英雄聯(lián)盟一樣，最標準專案團隊一共有五種角色。分別是專案經(jīng)理、UX研究員、UI設(shè)計師，以及前后端工程師。每種角色的必需技能都不大一樣，彼此分工、合作，為了讓專案作品更好而努力著。讓我們來一個一個認識他們吧～
一、專案經(jīng)理，俗稱PM （Project Manager）
有些專案同時也是單一產(chǎn)品，則可能稱為Product Manager （產(chǎn)品經(jīng)理）。不過PM 的工作基本上就是管理整個專案，其中包含了與客戶關(guān)系維護、維系使用者與產(chǎn)品的關(guān)系，以及在專案初期分析利益關(guān)系人與使用者們的需求，然后分工專案工作項目與掌控時程。二、UX 研究員，或是UX 設(shè)計師有蠻多業(yè)界的UX工作者都是心理學(xué)、經(jīng)濟學(xué)背景。責(zé)任包括初期的使用者研究、調(diào)查、協(xié)助團隊厘清使用者故事或人物志等，讓目標使用者的輪廓愈趨明顯，并架構(gòu)網(wǎng)站或APP 的雛形以及Wireframe 線框稿，透過不斷的測試與溝通，去修正原本的假設(shè)。三、UI 設(shè)計師UI 設(shè)計師則是接到使用者輪廓、線框草稿后，創(chuàng)造出好看、好用的畫面，視情況會搭配Visual Designer （視覺設(shè)計師），不過偶爾還是需要自己做圖，包含插圖、icon繪制等；透過設(shè)計過的畫面，包括點擊的回饋效果、畫面間的切換等，與瀏覽者的保持良善的互動。UI 設(shè)計師是個相當(dāng)令人喜愛的職業(yè)，因為工作會接觸到不同產(chǎn)業(yè)的需求，并無中生有的創(chuàng)造出看得到的改變，介面也是跟使用者接觸的第一道防線，會即時收到來自用戶的意見與反饋。最后，將做好的設(shè)計稿做成動態(tài)可互動的Prototype 原型，并標注交付給前端工程師進行開發(fā)。四、前端工程師接到設(shè)計稿后，則是像魔術(shù)師一樣，將設(shè)計稿付諸實現(xiàn)。以網(wǎng)頁而言，透過HTML / CSS / JavaScript 等程式語言開發(fā)則稱為切版，并將UI設(shè)計師切好的圖放上去；開發(fā)架設(shè)可管理的元件與架構(gòu)，并盡可能維持程式碼簡潔與輕量化，讓視覺與功能性有良好的平衡。五、后端工程師則是管理與維護后臺主機，以及如果網(wǎng)站或App 有綁功能或系統(tǒng)，后端也需要管理各種資料庫串接，以及與前端合作接上第三方的API，是個需要更深專業(yè)的角色。UI 設(shè)計師是細致專業(yè)分工下的產(chǎn)物因此，設(shè)計師要做的，就只有專心把設(shè)計稿做到完美無瑕，開發(fā)的部分還是交給工程師專業(yè)的來；所謂做到完美，像是必須要用至少px 像素等級的視角去檢視你做的介面，每個物件的間距都要很剛好，以及不斷地在字體排版配置、按鈕顏色與圓角系數(shù)、漸層配色的節(jié)奏感等等上周旋反覆，可能會花好幾個禮拜的時間，在同一張首頁的設(shè)計稿畫面上，都完成了才會交付給開發(fā)團隊進行后續(xù)流程。成為UI 設(shè)計師之前的求職建議很缺，超缺的！每次這個季節(jié)（年后）總是會有很多業(yè)界的朋友敲我有沒有認識的設(shè)計師可以推薦去上班。有趣的是，大多公司其實每年都會收到如雪片般的履歷，但畢竟招募這種事總是寧缺勿濫，不及格的履歷總是讓HR 與主管們相當(dāng)頭大。「究竟該去哪里找人才？」是很常聽到的抱怨。學(xué)界與業(yè)界存在如此大的斷層，到底發(fā)生什么事？可能與目前UI/UX 相關(guān)科系并不是很普遍有關(guān)（嚴格點說是根本沒有）。這是一個每天每個月都有新東西的科技網(wǎng)路業(yè)，師資根本來不及回去學(xué)校做教學(xué)，很開心實踐媒傳開了這系列課程，并邀請到相當(dāng)知名的何庭安與Akane 做傳授，雖然我不知道他們會待多久⋯⋯又或者，資深設(shè)計師可能也沒空當(dāng)老師，一般UI 設(shè)計師的起薪都會比平面設(shè)計師多一些，平均薪資在一些平臺上都可以查到。但就我認識的幾位設(shè)計師就有超過70K 的薪水，到國外的月薪十萬以上都很普遍，基本上是一個只要你有實力，不怕找不到工作的職業(yè)。本文到此結(jié)束，如果有想要系統(tǒng)的學(xué)習(xí)方法的，可以聯(lián)系咨詢老師了解我們的課程
