如何自學成為 UI/UX 設計師?UI/UX 設計書單│自學課程│網站資源│求職管道

近年來,UI/UX 設計已然成為設計業的新星,也有許多企業開出 UI/UX 設計師的工作職缺。但到底什麼是 UI/UX 設計?想要自學成為 UI/UX 設計師,有哪些課程資源?身為 UI/UX 設計師之後,又該如何找工作呢?

跟著這篇文章,一起關注 UI/UX 設計的自學書單、課程和網站資源,往成為 UI/UX 設計師的路上邁進吧!

一、什麼是 UI/UX 設計?

UI 設計和 UX 設計經常被放在一起,但其實兩者的工作內容有不小的差異,一個針對眼睛看得到的外觀,一個較專注於操作時的流程、網站的架構設計。

UI 設計

UI(User Interface)設計指的是使用者介面設計,需要從使用者流程及設計美學為出發點,去考慮「產品如何呈現」,並且根據 PM 或 UX 設計師給的架構,去設計每一個會跟使用者互動到的網頁或畫面,所以包含頁面區塊的顏色、字型、字體大小及按鈕等等,都是 UI 設計師的工作範圍。

UX 設計

UX(User Experience)設計的全名則是使用者體驗設計,需要安排網站頁面的內容規劃,比方說不同區塊該如何安排、哪些按鈕要在哪裡出現,要確定使用者在操作的時候,從這一步到下一步是順暢且符合邏輯的。UX 設計師通常會透過使用者問卷、實際訪談調查去觀察使用者行為,找到最適當的設計流程安排。

延伸閱讀:  UI/UX 設計是什麼,哪裡不同?UX/UI設計師工作、薪水、職缺特搜!

二、有哪些 UI/UX 設計的自學課程、書單、網站?

如果想了解更多 UI/UX 設計的方法或趨勢,可以從哪裡找到資訊呢?以下推薦五大書單和設計師必追的網站,有興趣的話就趕緊存起來吧!

【UI/UX 設計書單】

1. 打動人心的產品設計:頂尖設計師打造成功產品的黃金法則

不管是 UI 設計、UX 設計或是 PM,其實都很適合看這一本產品設計的書,會讓你重新思考做產品的方式,從 Facebook、LinkedIn 等企業的產品設計師身上,看他們如何挖掘使用者的痛點、建構有效的產品原型。

2. 設計心理學

這一系列總共有四本書,包含《設計心理學 1:日常的設計》、《設計心理學 2:與復雜共處》和《設計心理學 3:情感化設計》和《設計心理學 4:未來設計》。作者 Donald A. Norman 是美國的認知心理學家及設計師,有工程和認知心理學的背景,在這四本書中,也會將不同領域的知識引入設計領域。

作者分別根據不同主題,把介面設計的範圍擴大,不只侷限於電子產品上,像是日常生活中的互動設計,比如水龍頭、電燈、門把等等;也對最近的新趨勢如 AI、自駕車和智慧家居等有詳細的案例分析。

不論你是 UI 設計師或 UX 設計師,看這本書都可以更理解「以人為本」的設計哲學,學會去觀察優秀的設計,和反思使用者的需求。

3. UX 策略

這本書從前期的定義受眾、競品分析、產品原型到 UX 設計手法,很完整地帶讀者走過一次 UX 設計的流程,把商業策略應用到 UX 設計中。書中實際的商業案例和方法論,都可以讓你試著應用在專案上,除了是 UX 設計師必讀的好書,也很適合新創團隊、產品經理閱讀。

4. 不是你太笨,是爛 UI 的錯!非設計師也該學的介面設計常識

不是設計師也要知道的介面設計常識是什麼?這本書擴大了 UI 設計的範圍,不侷限在網頁或行動裝置中,而是舉了很多生活化的例子去引導讀者思考日常中的細節,講的非常淺顯易懂,希望讀者可以思考「為什麼會做出爛 UI?」、「要怎麼做才可以避免做出爛 UI?」。

UI 設計師或產品設計師可以透過這本書,主動思考生活中的每一個細節;而不是設計師的讀者,也可以更清楚人與物間的關係,以及對使用者來說何謂 UI 設計的好壞。總體來說,是本難易度不高、又能引發思考的入門 UI 設計書籍。

【UI/UX 設計自學課程】

1. Udemy

如果你想自學 UI/UX 相關課程,卻還不知道從哪裡下手,建議可以先從 Udemy 這類大型的線上學習平台試試水溫。只要在搜尋欄中輸入UI/UX,就可以一覽各種主題的設計自學課程,有以設計工具為主的課程,例如 Adobe XD 的入門網頁設計課程、Figma 的 UI/UX 設計教學等等;也有從 UI/UX 的設計概念出發,帶領學習者完整跑過一次設計流程的課程。

2. The Interaction Design Foundation

提供 UX 設計的課程為主,涵蓋的領域十分深入且全面,像是使用者體驗設計、設計思考、人機互動、使用者研究等等。比較特別的是,這個設計協會還提供 Mentor 制度、UX 設計師聚會讓設計人們參與,也會提供課程證書,讓自學成為 UX 設計師的學員能夠藉由這些方式更快投入UX 設計的職場。

3. Thinkful

平台上提供完整 6 個月的 UI/UX 課程計畫,有免費試用期間以及付費方案,好處是上課時間彈性,還可以獲得十分完整的設計課程訓練、導師協助,甚至還有進入 UI/UX 設計工作、預備進入職場時的職涯輔導準備。如果你已經十分確定要往 UI/UX 設計這條路發展,並且成為UI/UX 設計師求職,這樣的課程計畫就會比較適合你。

4. Designlab

Designlab 也類似 Thinkful 提供完整的 UI/UX 課程計畫,一樣需要付費,不過時間上較彈性,可以選擇三個月全職學習,或是七個月的Part-time 學習。此外,Designlab 上的設計課程都會搭配專案讓學生實作,也有許多業界知名的設計師作為 Mentor 在平台上進駐,提供學生求職和作品集的輔導。

【UI/UX 設計資源網站】

1. 設計大舌頭

以 UI/UX 設計內容為主的網站,除了有 UI 設計及 UX 設計的案例分享、教學資源外,也有許多產業中實際執行 UI/UX 設計或產品設計遇到的議題探討。

2. Little Big Details

分享許多設計上的小巧思,通常會用一則圖示和簡單描述呈現,經常更新,是 UI/UX 設計師們搜尋靈感、觀摩設計作品時的好地方。

3. 優設

來自中國的設計資源網站,除了有大量的 UI/UX 設計和產品設計相關的主題文章以外,還提供設計課程,及許多設計風格作品,可以說是包山包海的設計網站。

4. UX Pin

非常值得 UI/UX 設計人追蹤的 Medium 帳號,雖然是英文,但提供許多紮實的設計方法論及設計資源,而且每個大主題下,還會再分成幾個小主題分別論述,有系統地整理方式讓讀者看得不吃力。

5. Muzli

同樣是一個 Medium 上的設計帳號,其中的「設計範例與靈感」系列文章蠻值得 UI/UX 設計師們參考,文章中會蒐集不同類型的設計視覺,找不到靈感的時候,看這個絕對會有幫助。

像是 Design Inspiration Resources 201963 Beautiful Dark UI Examples & Design Inspiration 都是這個系列下值得參考的設計資源,有興趣的人可以再到這個帳號中挖寶。

6. AAPD

UI/UX 設計師們必追的 Mediun 帳號!從教學文章、職涯經驗分享、趨勢分析到心態準備,各類型的內容都有,不論是 UI 設計師、UX 設計師或產品設計,在這裡都可以找到實用的設計資訊,或者想知道身為設計師的工作心路歷程,也都可以藉著大家的經驗分享得到解答。

7. Sketch

Sketch 的官方 Medium 帳號,推薦 UI 設計師們關注,會發布 Sketch 的新功能介紹、教學指南與 UI 設計的趨勢分享。

8. Figma Design

Figma 的部落格,一點進去,整個視覺風格就非常鮮明,馬上可以記得是 Figma;而部落格的內容包括 Figma 的功能推薦、設計趨勢及方法,設計師們可以一起追蹤起來。

三、UI/UX 設計師該如何找工作?

由於 UI/UX 設計師還是相對新型態的工作,所以在找工作時還是較建議從新創媒合平台去搜尋職缺,或者是 LinkedIn 上也有較多不錯的 UI/UX 設計師工作機會。除此之外,你還可以試試以下的設計求職管道:

1. Taiwan UI/UX Designers

是台灣規模較大的 UI/UX 設計臉書社團,目前人數約有 3.7 萬人左右,除了軟體工具的使用討論、課程資訊分享之外,也有不少 UI/UX 設計的工作交流和職缺資訊。

2. 蛋糕找工作:Art & Design (UIUX / Visual / Industrial)

由 CakeResume 官方直接經營的設計臉書社團(職缺包含 UI/UX、視覺設計等),每日皆會更新職缺,也會不定期在社團中分享有關 UI/UX 的文章,推薦大家加入此社團找到理想 UI/UX 工作!

3. Dribbble 

如果你在找跨國的 UI/UX 設計師工作、產品設計工作,不妨試試看 Dribble,平台上除了提供豐富的職缺,還可以讓設計師發表創作、作品集,對吸引雇主或工作機會很有幫助。

3. Behance

和 Dribble 類似,如果在找海外設計職缺的時候,也很推薦在 Behance 上搜尋看看,Behance 也同樣提供設計師發表作品集的空間。

有哪些企業在 CakeResume 徵 UI/UX 設計師?點這裡看最新的 UI 設計師職缺UX 設計師職缺,與更多設計師職缺

延伸閱讀:  

【給設計新手的建議】Sketch UX 設計師 Yvon:懂得問「為什麼」很重要

在 Sketch 工作是什麼樣子?唯一亞洲區夥伴揭秘:UX 設計師在 Sketch 的全遠端生活

線上履歷工具

製作一份能幫你獲得面試機會的履歷。免費下載 PDF。

更多您可能有興趣的文章

最新相關文章
面試技巧
2024年3月11日

【自介範例】吸引人的面試自我介紹怎麼說?4 技巧完美活用自我介紹

面試時的自我介紹要說什麼?怎樣的自我介紹才夠吸引人?自我介紹該包含哪些內容?有沒有成功的面試自我介紹範例或範文模板可以參考呢? CakeResume 統整了面試時自我介紹的 3 步驟、4 技巧與適合 6 類型求職者的自我介紹範例,一起輕鬆完成吸引人的自我介紹內容吧!