UI/UX設計師工作滿一年心得

[VPatsy (Patsy)]

板上首po，一直以來默默吸收很多前輩的經驗，這邊野人獻曝一下我的UI/UX工作小心得
。
有網誌好讀版，只差一張照片：
http://enntang.com/ui-one-year/

以下心得

轉眼間，轉職成介面設計已經滿一年了。

在這之前，我都是擔任美編、平面設計相關的工作，接觸到網頁設計和UI/UX領域還是頭
一次，就很幸運的找到可以讓我一面工作一面學習技術的公司（感謝老闆）。轉職的動機
，來自於對於數位生活這個時代趨勢的憧憬，畢竟手機、平板人人都有，什麼事情都仰賴
Google，科技產業只會越來越興盛。

當然薪水也是考量之一，在台灣，科技業的薪水成長潛力就是比較高。

## 什麼是UI/UX？

UI指的是「使用者介面」，我們生活中會透過很多種介面來操控他背後的程式，例如電視
遙控器就是一種介面；電腦或手機遊戲也有介面。我則因應現任的公司的服務領域，專門
設計網頁與APP的介面。

UX是指「使用者體驗」，這是一個相對起來比較飄渺的詞，簡單來說就是配合產品使用者
的習慣，將資訊安排得適當、容易使用。

## UI/UX設計與平面設計的不同

（一）從紙張轉換到螢幕

轉行後我首先面對的是硬知識上的重新學習。

承載著設計作品的媒介一下子從紙張跳到螢幕。於是從計算印刷品尺寸、裝訂邊、出血範
圍，變成學習配合不同的螢幕裝置，編排軟體的單位也從cm、mm變成了px和pt。

也因為不用碰印刷，再也不需要調配CMYK的數值，開始適應RGB的廣闊世界。RGB跟CMYK的
色域不一樣，限制也變少，配色的自由度一下被解放，一開始還真有點不習慣。（有人也
因為四色黑和疊印問題煩惱過嗎XD）

再者，我被從紙張有限的範圍解放出來，在無限的螢幕長度中，卻要開始在意：元件怎麼
編排才符合使用者習慣、我的網頁在桌機與在手機上是否都能正常執行等等問題。

（二）習慣與程式碼為伍

因公司要求，職務上需要有網頁前端知識。html和CSS是基本、Javascript則是我進公司
之後才開始學的。

RWD（響應式網頁設計）也是走網頁設計的必備知識，你的網頁必須在桌機、平板及手機
上都能正常且順暢地瀏覽。基本上現在已經沒有網頁不做RWD了，連政府單位也拼命的官
網推到改版的列車上。

計算機（電腦）被發明也不過百餘年，程式語言的進展卻日新月異。只要開始碰程式，就
會深深覺得自己怎麼學都不夠。你可能一覺起來，吃飯用的工具就突然被淘汰了。（望向
flash...）所以在這份工作中我養成時刻補充知識的習慣。其實各行各業的人都需要充實
自己啦，只是在科技業這個壓力特別大。

但因為我的職務不是真正的前端設計師，所以vue.js那些高端技術，目前還不會...自己
獨立切版倒是沒問題的。

（三）與工程師們溝通與合作

工程師，軟體開發公司的核心成員，是界面設計師要合作的對象。我們從接到產品需求、
討論流程、UI畫面設計、最後到定稿切圖，中間會進行多次討論，以確保雙方對產品的認
知有在同一個頻道上。

「隔行如隔山」的感嘆我從來沒有像現在這麼重，工程師的專業知識和能力對我來說真的
是另一個境界。

因為專業的迥異，有時在某些點的看法上會大相徑庭。雖然說尊重你的同事是不二法門，
討論時站在對方的立場也是老生常談。不過，我覺得再多的同理心，都不如嘗試著去了解
對方的工作內容。不要說一定要跟他們一樣寫後台程式碼，多聊聊他們的工作流程或沒事
科普一下程式概念，可以離他們的思考邏輯更近一些。

（四）不再是美美的就好

做平面設計時，最重要的是端出美觀又有底蘊的作品，首要目標是吸引眼球；但做介面設
計，首先關注的是產品的「易用性」，也就是操作起來到底好不好用？流程是否順暢？當
考慮不夠周全時，你的介面可能導致使用者點進一個無法回到上一頁的地方，或是因為找
不到想要的功能而生氣。

且不論功能流程的部分，如果在一開始設計畫面的時候，對程式邏輯不熟，很有可能畫出
一個根本實行不出來、只能擺著好看的東西。

成為UI/UX設計師後，斟酌於如何做出「美」的東西的時間大幅減少，取而代之的是大量
思考、研擬操作流程，以及跟夥伴的討論/爭執（不只工程師，跟同部門設計師也是）。
這一點，對我來說是跟以往最不一樣的地方。

## 小結

我在UI/UX領域目前還是超超初心者，踏進這一行後，無論是技術上還是心態上都有巨大
轉變。雖然以前的美感經驗幫助我找到這份工作，但要做得稱職、有成就感，我認為以下
幾點是必要的：

- 保持學習的習慣，技術永遠有進步的空間
- 適時放下對美的堅持，好看之前首先要好用
- 依賴你的夥伴，這一行不太可能單打獨鬥

建立這些概念對我幫助很大，雖然要維持它們需要毅力XDD

也給對轉職UI/UX工作有興趣的朋友們參考囉。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.174.4.5 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Salary/M.1572282939.A.872.html
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 01:20:21
推 hiweeiii: 推 謝謝分享～想請問薪資XD
小妹不才只有3開頭，工作地點在南部，工作環境優所以綜合起來還可以，當然未來不排
除繼續爭取往上調...
推 wang0920: ux跟ui其實不太一樣，ux更複雜，要去了解使用者習性跟
→ wang0920: 喜好還有跟pm之間的溝通，我剛好是反過來做了8年ux/ui
→ wang0920: ，現在反而從事純平面，現在覺得很輕鬆，加油啊！
推 wang0920: 不過相對薪資平面是少了1萬多，ui/ux薪資還是高點。
大部分聽到都是平面轉介面，前輩的選擇很特別，很有興趣了解您的心路歷程XD
推 is1128: (舉手)要做UI/UX設計師要會繪圖嗎?
→ is1128: 曾經聽過一個朋友說 UX/UI 設計師其實不需要會畫圖
→ is1128: 邏輯概念要好+還不錯的美感才是重點，會不會畫圖在其次
的確在工作上不太需要繪畫，真需要在產品放插畫的時候可以透過買圖庫或是委外。規劃
介面和部門間溝通是頂多需要勾勒wireframe。
我自己是會畫畫啦，前分工作需要，現在是興趣+副業接案XD
推 a880081: 推
謝謝您的推（敬禮
推 sleepwu: 不用看數據嗎? 不做A/B test嗎?
UX每間公司實作在專案開發上的方法不同。我們是新創公司，沒有前輩帶，這部分還在摸
索中...
您說的這兩項我都還在努力研究基本知識...
推 hsiaochung: 感謝分享 之前也是做網站相關有點想再回到相同領域工
→ hsiaochung: 作
其實做網站很好玩！但偶爾程式被奇怪的bug卡住會很氣XD
推 ellaconan: 感謝分享 願意教的公司真的很好耶
我超幸運的><當初真的是小白狀態下入行
推 yokyo95: 謝謝分享！但有心朝這個方面轉職的行銷人不知道該如何切
→ yokyo95: 入...有點苦惱
明白您的苦惱！其實google UI UX 自學有蠻多神人都有分享學習和面試技巧，我弱弱的
沒有像他們那麼厲害的底子，憑著轉行渴望，拿著平面設計作品集就腦衝了
如果大大有心準備的話可能會比當時的我強哦
我再想想能不能直接再寫一篇當初是怎麼準備的（但真的沒有太高深的技巧和知識背景就
是了...）
推 waterrrrr: 謝謝分享！
謝謝您的閱讀哦：）
推 funmix: 想請教薪資 謝謝！
我上面回文有提，南部3開頭，好想加薪啊啊啊（吶喊
推 LuMya: 年資大概多久月薪才有機會破50k？
這問題我也好想知道啊QAQ
推 holameng: 謝謝分享，之前也對這個很好奇
嘿嘿，我也還是新手，可以一起學習～
推 wang0920: 回樓上：其實要求美感的是視覺設計，例如網頁視覺，會
→ wang0920: 簡易切板跟前端工程師合作，有些公司視覺設計跟ui,ux設
→ wang0920: 計是分開不同部門不同人設計，因為性質是不一樣，企劃
→ wang0920: 比較偏向ux設計規劃，但是視覺設計去做ui設計的非常容
→ wang0920: 易上手，只要有動線與介面設計就很好上手，企劃會給ux
→ wang0920: 方向然後用ui去改善介面
沒錯喔，美編轉ui的優勢非常明顯，幾乎只要學會新軟體（sketch或Adobe XD）就直接上
工。但對於使用者體驗能夠顧及多少，就是很大的挑戰...（我目前卡在這關努力中）
→ wang0920: 薪資如果還會刻code大概50k以上是可以到，如果是視覺大
→ wang0920: 約45k
這應該是台北薪資QQ
推 sleepyyyy: 請問沒有相關經驗的人一開始要怎麼入門
網路上關於ui ux 自學轉職的文章很多哦！我也推薦對岸的優設網
https://www.uisdc.com
很多紮實的設計教學，我直接放瀏覽器書籤沒事就看，受益良多，不得不說中國的介面設
計和互聯網產業真的強（但我反共反併吞！）（歪樓
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 22:56:58
※ 編輯: VPatsy (1.174.4.5 臺灣), 10/29/2019 23:16:14
推 ychiii: 謝謝分享!也蠻好奇這個領域~
推 ychiii: 想請問您在轉職過程有沒有比較難克服的障礙或是不適應/不
→ ychiii: 喜歡的部分呢?
比較不習慣的是開始要為產品寫一堆文件和畫流程圖，也就是做視覺設計的時間減少了 Q
Q
推 waterrrrr: 可以許願一篇如何轉職或是使用工具嗎          ♀
有考慮要另寫一篇喔XD 謝謝建議
推 chiick: 好棒q_q我也蠻想接觸這方面的美術知識 但是是遊戲介面方面
→ chiick:  而且遊戲業的ui/ux薪資很漂亮 可以考慮看看
→ chiick: 很多認識的ui美術都是5.6字頭
希望我之後也可以五字頭XD
推 kogreece: 寫的不錯用心，推
謝謝～
推 em1234: 感謝分享 真的很好奇大家怎麼培養UI UX的美感的？
不外乎多看別人的作品吧，我自己是Pinterest, Behance常駐，Dribble偶爾開一下
推 yunzl1225: 謝謝分享！
推 Jeniberg: 推
謝謝上面兩位大大的支持
推 SeasoningP: 最近剛入行UI，想請問如何開始學寫程式，需要做到怎
→ SeasoningP: 樣的地步跟前端配合呢？謝謝
做網頁設計的話，前端三寶html, css, Javascript必備，前兩者建議熟稔用法，後者可
以先有概念，再一面工作一面加強。不知道你只是負責設計版面，還是要兼顧切版呢？要
切版的話JS和JQuery都要會，才能實作出較完整的網頁流程喔
推 wang0920: 做ui麻煩請多去了解「Material Design」的規則，還有i
→ wang0920: os的「Human Interface Guidelines」這樣你跟工程師一
→ wang0920: 起作業才不會被嫌到臭頭。
沒錯，不過這部分我還不太紮實，努力補強中QQ
推 lovefeel: 謝謝分享
也謝謝您支持～
※ 編輯: VPatsy (115.82.224.61 臺灣), 11/02/2019 08:55:30
推 wuchiou: 謝謝分享
→ sailormona: 想補充一下 網頁跟App跟遊戲的UI/UX設計還是差蠻多的
→ sailormona:  選一條自己有熱情的路走吧
→ kangan987: Javascript 才是核心，HTML跟CSS懂了之後套框架去改就
→ kangan987: 好
→ kangan987: 至於Jquery是Javascript的簡寫而已。