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

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

最新文章

[閒聊] 小車選擇
4 6 car tengfan
2024-09-23 21:41:01
[交易] 售 玉山紅利點數 10000點930
e-coupon amadeus2328
2024-09-23 21:38:26
[徵求] 全家明太子乳香義大利麵
e-coupon d112013735
2024-09-23 21:33:42