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