大學畢業的設計之路
自大學畢業於視覺傳達設計系後,我投入了多項平面設計的工作,並有機會到韓國進行遊學,學習韓語的同時,也深入體驗了不同文化間的差異。這段韓國的學習經歷,讓我重新思考設計的本質與價值。在退伍後,我的第一份工作是於無印良品擔任門市人員,這讓我學會了銷售技巧及如何有效管理員工和商品庫存。隨後,我在多家公司累積了豐富的設計經驗,包括在誠品、易飛網國際旅行社、全國中小企業總會、星聚點及誠品生活擔任平面設計專員。這些職位不僅拓展了我的設計技術,也讓我更加熟悉不同產業的需求。
從韓國學習中重塑自我
儘管我已有六年以上的設計經歷,韓國遊學的經驗卻讓我重新審視自己的設計思維,發現了許多可以進一步提升的領域。這也促使我希望能將專業轉向UI/UX 設計,因為這是一個自然且具有潛力的轉型,特別是針對已擁有平面設計背景的人來說。
為什麼選擇UI/UX設計?
UI/UX 設計的吸引力來自於它的廣泛應用和多樣性。隨著數位產品和互聯網技術的普及,市場對 UI/UX 設計師的需求不斷增長。相較於傳統的平面設計,UI/UX 涉及的不僅僅是視覺呈現,更重要的是設計如何影響使用者的互動體驗。UI/UX 設計師能直接左右使用者的感受,並進而影響產品的成敗。這種設計工作不僅讓我有機會將視覺設計能力應用到更具挑戰性的領域,也讓我能夠參與產品策略、使用者研究與介面設計等多方面工作,讓我在專業發展上有更多的突破與成長。
此外,作為一名擁有多年平面設計經驗的設計師,我也渴望學習新技術並探索不同的領域。UI/UX 設計所需要的綜合能力,不僅包括設計本身,還涉及到使用者的需求分析、數據研究,甚至參與產品策略的制定,這讓我感受到它的無限挑戰與成長空間。這種轉型不僅讓我能在職業發展上尋求更多的可能性,也符合現今數位設計的市場趨勢。
特別是在韓國的數位產業高度發展的環境中,我有幸接觸到了許多與 UI/UX 設計相關的技術與趨勢,這更進一步激發了我對這個領域的興趣。韓國在數位設計方面的創新與卓越,深深啟發了我,讓我認識到 UI/UX 設計的重要性和未來的巨大潛力。
決定開始邁向新職涯
透過這段經歷,我更加明確了自己未來的職業方向。平面設計的背景為我打下了紮實的視覺設計基礎,而 UI/UX 設計則提供了讓我進一步發展、結合技術與使用者體驗的機會。這樣的轉型不僅讓我能夠更好地服務於數位產品的開發,也為我未來的職涯開啟了更多可能性。
在決定轉職成為 UI/UX 設計師之前,我透過 YouTube 和 Google 蒐集了大量關於UI/UX 的線上課程及相關轉職資源。為了不讓自己在正式課程開始後跟不上進度,我先在 Hahow 好學校購買了幾個相關的網路課程,提前進修,了解 UI/UX設計的基本理念。這個過程讓我確信自己想從視覺設計師轉職成 UI/UX 設計師,也讓我更具備準備轉職的信心。接下來,我開始比較市面上的幾個 UI/UX 課程,包括緯育 TibaMe、台大 UI/UX設計新手班、赫綵設計學院、巨匠電腦 UI/UX 介面設計課程及王健設計學院的UI/UX 設計課程。經過仔細研究後,我最終選擇了緯育的 UI/UX 設計師養成班,因為這門課程不僅包含了 15 週的教學內容,還提供了包括履歷撰寫、作品集製
作、面試技巧以及廠商媒合等轉職資源。各補習班的優缺點及教學模式:
1. 緯育 TibaMe UI/UX 設計師養成班:
o 優點:
課程內容全面,從基礎理論到實際操作應有盡有,涵蓋了UI/UX 設計的所有關鍵領域。
15 週的課程設置合理,讓學員能在有限的時間內掌握實用技能。
提供轉職輔導資源,像是作品集指導、面試準備及與廠商的媒合,對於想轉職的設計師非常有幫助。
o 缺點:
課程密集,對於完全沒有設計背景的學員來說,可能會感到壓力較大,學習曲線較陡。
偏向實務操作,對於某些理論部分可能不夠深入。
o 教學模式:以實作為主,課堂上會有實戰專案,讓學員在模擬真實職場情境中學習,並且經常進行互動與即時反饋。同時,課程最後還包含了專題製作,讓學員整合所學並製作自己的作品集。
2. 台大 UI/UX 設計新手班:
o 優點:
由學術界的專家授課,理論基礎扎實,讓學員深入了解UI/UX 背後的概念和理論。
課程由台大授課,有一定的學術認可度。
o 缺點:
課程偏理論,實務操作較少,對於急於上手的學員可能不夠實用。
課程時間較短,適合入門,但無法深入探索各類設計工具和實戰專案。
o 教學模式:重視理論知識的傳授,課堂上主要講授 UI/UX 的基本
概念與設計流程,但較少實際操作和練習。
3. 赫綵設計學院:
o 優點:
課程內容與國際設計趨勢接軌,特別重視視覺設計與使用者體驗的結合,適合有視覺設計背景的人轉型。
教師團隊來自業界,能分享實際操作經驗與產業趨勢。
o 缺點:
課程費用較高,對於剛入門的人來說,經濟負擔可能較大
。
課程安排較密集,需具備一定的時間投入。
o 教學模式:專注於實務操作,課堂上強調專案製作,學員有機會參與真實案子的操作,並以小組合作的方式進行設計。
4. 巨匠電腦 UI/UX 介面設計課程:
o 優點:
課程安排靈活,適合在職人士利用下班時間進修。
強調工具操作,讓學員能快速掌握 Figma、Sketch 等設計軟體的使用。
o 缺點:
課程側重工具教學,對於設計流程和理論的講解相對較少,適合已具備一定設計基礎的人學習。
雖然課程有項目實作,但多數為練習性質,與業界需求連
結較少。
o 教學模式:主要以設計工具教學為核心,通過系統化的教學讓學員快速上手 UI/UX 相關軟體,並進行基本的界面設計練習。
5. 王健設計學院 UI/UX 設計課程:
o 優點:
課程針對入門者設計,適合零基礎學員,逐步引導進入UI/UX 設計領域。
課程內容包羅萬象,從基礎到進階均有涵蓋,並且提供大量的實作練習機會。
o 缺點:
課程時間較長,對於想快速轉職的人來說,可能需要更長的投入時間。
與其他課程相比,業界資源相對有限,廠商媒合的機會較少。
o 教學模式:循序漸進,以基礎理論結合實務操作,讓學員逐步建
立 UI/UX 設計能力,並提供大量專題設計和練習機會。
透過比較這些課程的優缺點後,我認為緯育 TibaMe 的 UI/UX 設計師養成班最符合我的需求,不僅課程內容實用、全面,還能提供業界媒合與轉職輔導,讓我能夠更順利地完成職涯轉型。
在七月開訓的第一週,由於班上大部分學員並非設計科系出身,因此課程主要著重於基礎知識,涵蓋了視覺設計、產品設計與專案流程、資訊架構、重新設計以及 UI 元件等入門課程,幫助初學者建立基本的設計能力。除了 UI/UX 設計的核心課程外,還包括了 CSS 和 HTML 的培訓,這不僅使學員具備設計技能,還讓我們在未來作為 UI/UX 設計師時,能夠更有效地與工程師進行溝通。
由於我本身畢業於視覺傳達設計系,並且擁有六年以上的平面設計經驗,因此相較於其他學員,我較快能夠掌握課程內容。過去因工作需求,我曾短暫學習過網頁設計,但後來沒有持續使用而漸漸遺忘。然而,透過 CSS/HTML 課程丸子老師的教學,我重新找回了對網頁設計的興趣。原本覺得 CSS/HTML 難以掌握,但老師細心地逐步教導,使我能更快上手網站的架構,學會如何運用 CSS及 HTML 語法。課程的內容切分非常細緻,從每一個語法的講解到實際應用,讓我們能夠有系統地學習。每堂課後還會有作業,讓我們回去練習當週所學的
語法,這樣透過反覆練習,能更快適應語法的使用。若有時忘記如何書寫語法,還可以隨時回顧緯育網提供的錄課影片,這點非常方便。
除了丸子老師的 HTML/CSS 課程外,我也非常喜歡 Bryan 指導的 UI 元件課程。這門課讓我迅速理解了 UI 元件的基本概念,涵蓋了它們的功能、用途和設計原則。我學會了如何創建一致且易於使用的界面,尤其在設計中的一致性非常重要。Bryan 特別強調如何保持元件間的設計一致性,包括顏色、字體、間距等,這不僅增強了界面的美觀性,也提升了用戶體驗。此外,課程中還教導了如何設計和管理 UI 元件庫,這讓我在設計資源的組織與重複使用上更加得心應手,有效提高了工作效率。
課程中老師經常展示當前市面上的各類介面設計範例,從蝦皮、PChome 到台鐵和高鐵的網站功能,讓我們分析其設計的優劣,並進行重新設計。根據不同網站的使用者與公司文化,整體設計的顏色和介面也會有所不同。透過這些案例分析,我學會了如何將理論知識應用到實際設計中,並從中獲得啟發。特別是在比較不同電商平台搜尋結果的課程中,我對電商網站的用戶體驗設計有了更深入的了解。例如,透過分析 Yahoo、Momo、PChome 和蝦皮等網站的搜尋功能,發現它們針對不同商品類型(如電器、服裝、食品)有不同的設計方式,並進一步理解每個平台的用戶需求差異。
此外,我還學到了如何拆解網站架構,了解每個網站應具備的元件,如 topbar、header、index、footer、首頁、購物流程和會員區等。這些架構分析有助於我掌握網站設計的基礎元件,並讓我在專案中能夠更有效地運用這些設計知識。在 Bryan 的重新設計課程中,我練習了許多實際的設計作業,如台鐵訂票系統、雄獅旅遊搜尋介面、圖書館辦證表單等的重新設計。這些實作讓我學會了如何徹底了解現有設計的問題,通過用戶調研、數據分析與反饋收集,找出現有設計中的痛點,並有針對性地進行改進。我也了解到,重新設計時並不需要完全捨棄舊有設計,保留那些有效且受用戶喜愛的元素,能保持設計的一致性,讓用戶不會對變化感到不適應。設計的一致性,不論是在色彩、字體、圖標或是布局上,都有助於提升用戶的熟悉感與操作效率。
然而,在這整個設計過程中,我遇到的最大挑戰是對設計軟體功能的認知不足。有時即使設計出來,也可能因技術限制無法實現。為了解決這個問題,除了課堂學習外,我也不斷利用課外資源進行進修。例如,網路上的 YOUTUBE 教學影片或是線上課程,都是學習 Figma、CSS 和 HTML 的好資源,幫助我更加深入地理解這些工具,並運用於實際設計中。
在八月的課程中,令我最感興趣並且最想深入學習的部分是使用者調查研究。由於我在大學主修設計,因此在 UI 設計階段的視覺設計上沒有遇到太多困難。然而,UI/UX 設計過程中的使用者調查研究卻是最關鍵的環節。這一步驟幫助我們深入了解目標用戶的需求、行為、期望與痛點,進而設計出更符合用戶需求的產品與服務。
在第一堂課上,我們為團體專題確認了主題並開始發想 APP 的前後端功能,從設計 sitemap、Wireframe 的易用性原則,到使用 SurveyCake 製作問卷表單,這些過程都讓我們實際操作如何進行使用者調查。在這其中,我最深刻的印象是User Journey Map(用戶旅程地圖)的運用。這張地圖是通過用戶調研、訪談及問卷調查等方式,收集有關用戶行為的資料,並描繪出用戶在使用產品或服務過程中的整體體驗。
透過用戶角色(Persona)的建立,我們能夠創建虛擬角色,這些角色代表了我們的目標用戶,包含他們的特徵、需求和行為模式。User Journey Map 讓我們能夠清楚地了解用戶在每個階段的行為、情感曲線、觸點、痛點以及潛在機會。這種可視化的方式不僅幫助團隊發現用戶的痛點和需求,還促進了我們對用戶行為和情感的深入理解,從而設計出更符合用戶需求的解決方案。
除了使用者調查研究,八月的課程也讓我們接觸到了響應式網頁設計(RWD)。這課程教導了我們如何透過 CSS/HTML 製作出能夠在不同設備(如桌面電腦、平板電腦、手機)上都能提供良好用戶體驗的網頁設計。過去我對RWD 的理解僅止於名詞,並不知道實際該如何將網頁設計成具有響應性的版本。透過這次學習,我了解到可以根據不同螢幕尺寸來定義同一網站的不同呈現方式,並且在設計過程中應優先考慮移動設備的需求,確保小螢幕上的最佳用戶體驗。這也提醒我,在設計小屏幕時,簡化內容和功能對提升網站的可用性和效能至關重要。
最後,我深刻認識到,響應式網頁設計是一個不斷發展的領域,必須持續學習和改進。課堂中學到的知識只是基礎,我需要進一步進修 RWD 設計,才能保持競爭力。
UI/UX 設計和平面設計雖然同屬設計領域,但其重點、學習收穫以及挑戰卻各不相同。UI/UX 設計更專注於界面的視覺呈現及提升使用者的整體互動體驗,目的是讓使用者在使用數位產品(如網站或應用程式)時,感到直覺且愉快。而平面設計則主要關注於創造視覺內容以傳達訊息,通常應用於海報、名片、包裝設計或數位媒體上,目的是以美觀的方式清晰地傳達信息。
在互動性方面,UI/UX 設計強調的是產品的互動性,設計者必須考慮到使用者的操作流程、行為及不同情境下的需求。相較之下,平面設計則較少涉及使用者互動,設計偏向靜態,專注於如何在單一圖像中有效傳遞信息。
此外,兩者使用的工具也有所不同。UI/UX 設計主要以 Figma 為主,除了視覺設計,還需要原型設計、使用者研究及可用性測試等技能。而平面設計則主要使用 Photoshop、Illustrator、InDesign 等工具,著重於色彩、排版和圖形創作。
由於我有視覺設計的基礎,學習 UI/UX 在軟體和視覺部分對我來說相對容易上手。隨著數位產品的日益增長UI/UX 設計師的市場需求也越來越大。這領域不僅讓我學到如何平衡技術需求與創意設計,還能滿足多樣化的使用者需求,並直接影響使用者的體驗與滿意度,使設計具有實際的價值與回饋。
然而,UI/UX 設計涵蓋的範圍廣泛,不僅需要掌握視覺設計,還需要學習使用者研究、原型設計及可用性測試等技能。加上這個領域不斷推陳出新,設計師必須不斷學習新技術、新工具以及設計趨勢,如動態交互設計和微互動設計等。對於只習慣視覺設計的人來說,將設計思維轉向以使用者需求和行為為核心是最大的挑戰。
總結來說,UI/UX 設計更注重使用者體驗與互動,而平面設計則專注於視覺呈現與信息傳達。UI/UX 設計的學習具有巨大的發展潛力,但需要綜合多方面的技能;而平面設計則能讓設計師掌握精美的視覺語言,但因競爭激烈,需要不斷提升自我的風格與創意。
在八月份的課程中,我主要開始準備個人專題和團體專題。我選擇的個人專題是針對目前接案的新創公司「自由食間」,為其重新設計網頁的架構與佈局。在專案開始前,我仔細分析了目標和需求,並為了確保過程順利,制定了詳細的計畫,分階段確定每個重要的里程碑。在準備過程中,我學到了如何將大型工作分解成易於管理的小任務,這不僅讓整體專案更有條理,也大大減輕了執行過程中的壓力。
我的專題主題是圍繞「自由食間智慧型鮮食販賣機」,該機台標榜更便利、更智能的新零售微型無人商店,提供非現金支付、自助購餐與自動結帳等功能,讓消費者能隨時方便購餐。目前,該網站的主要問題是,由於疫情期間會員與機台數量增加,但網站的流量和使用率卻逐年減少。為了更優化網站的使用體驗,我收集了不同用戶群的反饋,包括使用「自由食間」不到一個月的新用戶和使用超過五年的老用戶,分析了他們對網站的體驗和改善建議。其中,因近期台灣食安問題頻發,許多使用者對網站上提供的餐點品質及廠商資訊感到疑慮。最多人反映的問題是看到過「自由食間」機台卻不知道如何使用。經過統整使用者的意見後,我將問題歸納為四個主要方向:優惠訊息過多、廠商資訊透明度不足、缺乏優惠券通知服務,以及機台商品不易搜尋。基於這些問題,我確立了四個主要改善方向:統一優惠訊息、增加廠商資訊、提供醒目的提醒訊息,以及導入地圖搜尋功能。
在執行專案的過程中,我面臨最大的挑戰是技術軟體應用的不足。許多功能在課堂上未曾教授過,因此我需要透過網絡搜尋先前的DEMO範例或教學影片來補充知識。然而,面對這些挑戰,我學會了如何在遇到困難時自我解決,並善用網絡資源來彌補學習中的不足,這也讓我在靈活應變和解決問題的能力上有了顯著提升。這次專案的經歷讓我深刻體會到,計劃和靈活性是同等重要的。即使計劃再詳細,執行過程中還是會有不可預見的情況發生,保持開放心態、適時調整策略是成功的關鍵。整個過程不僅提升了我的專業技能,也讓我學會了更好地管理時間,並能夠在壓力下保持高效運作。這些經驗將在未來的專案中,幫助我更
好地完成工作。
即將進入面試和求職階段,我的心情充滿了期待,但也難免有些緊張。回顧這段時間的學習和專題製作,我對自己的能力有了更深刻的認識,也更清楚地了解未來的發展方向。面試對我來說,不僅是檢驗過去努力的成果,也是展示自己價值的絕佳機會。因此,我全力以赴準備作品集,挑選最能代表我設計理念和能力的項目,同時也整理了參與專案時所面臨的挑戰和解決問題的過程,這些實際經驗將成為面試中的亮點。
我計劃以 UI/UX 設計實習生的身份開始,因為我深知三個月的課程還不足以讓我成為一位完全獨當一面的設計師。我希望通過為期半年的實習,累積更多專業經驗,並充實我的作品集,讓自己在未來正式進入職場時更有競爭力。在這段學習旅程中,我意識到 UI/UX 設計師除了要具備技術和設計能力,還需要強大的溝通與協作能力。過去在專題製作中,與不同專業背景的團隊合作,教會了我如何透過有效的溝通來解決問題,這些經驗讓我更加自信,能在面試中清晰地表達自己的想法。我希望找到一個既能夠發揮我的專長,又能促進持續學習與成長的工作環境,和更多志同道合的設計師一起合作。對於 UI/UX 設計的學習經歷,我最大的感受是這個領域既充滿挑戰,也蘊含無限的可能。UI/UX 設計不僅僅是美化界面,核心還在於深刻理解使用者的需求,提供直覺且愉悅的使用體驗。每個設計決策都應該以研究和數據為基礎,而不是憑藉個人的主觀喜好。這讓我開始重視每個設計的細節,也培養了我從多角度思考問題的能力,確保設計真正滿足使用者的需求。
展望未來,我希望能夠在工作中不斷精進自己的設計能力,特別是加深對使用者體驗和可用性測試的研究。同時,我也期待能參與更多跨領域的專案,將不同的技術和知識結合在一起,創造出更具創新性和實用性的產品。我相信UI/UX 設計的未來充滿無限可能,隨著科技的進步和使用者需求的變化,我希望自己能一直走在學習的前沿,持續挑戰自我,創造更有價值的設計。




























































































