UI 設計師轉職攻略：工作內容、必備技能、自學資源 - Yourator

UI 設計師一直是轉職的熱門選項，也是從設計領域跨足數位產業的絕佳方式， ... 以及Chris 用心整理的介面設計學習資源，一次通曉如何成為UI 設計師！ 關鍵字搜尋 {{savedItemsDescription}} 公司 職缺 新創實習 專欄 企業網誌 中高階獵才 關鍵字搜尋 {{savedItemsDescription}} 刊登職缺 註冊 登入 公司 職缺 新創實習 專欄 企業網誌 中高階獵才 刊登職缺 登入 註冊   文章內容 相關文章 推薦公司 熱門關鍵字 {{keyword}} 近期搜尋紀錄 {{record}} UI設計師轉職攻略：工作內容、必備技能、自學資源 2021-11-11 求職攻略 {{tag.name}} 👉 UI設計師一直是轉職的熱門選項，也是從設計領域跨足數位產業的絕佳方式，但你真的了解什麼是UI設計師嗎？ 本篇內容由 Reborn設計學院 講師Chris撰寫，帶各位一窺UI設計師的日常工作內容、薪資水平、必備的工作技能，以及Chris用心整理的介面設計學習資源，一次通曉如何成為UI設計師！   隨著網際網路的興起與智慧型手機的出現，人與機器的互動方式一直在不斷的變動。

也因為許多企業對於使用者體驗與介面的重視，介面設計相關技能的人才需求越來越多，待遇也相對其他的設計產業平均薪資高，許多人也開始想要學習介面設計、進而轉職為介面設計師。

在準備轉職介面設計師的道路上，許多初學者一定會面對許多自己未曾思考過的問題、對於介面設計師應該要擁有的技能也是一頭霧水。

以下便為大家來解答初學者轉職介面設計師之路上常常會遇到的問題、並分享好用的介面設計學習資源。

  2021年還適合轉職為UI設計師嗎？ 2020年剛好是新冠疫情蔓延全球最為嚴重的時候，但介面設計卻沒有因此而衰退，反而因為各地遠端工作需求的興起，介面設計產業反而成為發展迅速的產業之一。

（Photoby FusionMedicalAnimation on Unsplash） 直到2021年的後疫情時代，世界尚未完全脫離疫情的影響。

我們可以反觀這段時間，包含口罩地圖、台灣社交距離App 等新產品的開發，其實都是跟介面設計師息息相關，這也代表未來將會有更多社會上的需求與問題等待著設計師們去挖掘、去溝通、去合作、去解決。

  UI設計師主要的工作內容 創造更直覺美觀的使用者介面 UI（UserInterface）全名是使用者介面，而UI設計師主要就是負責設計頁面上的功能設計，例如按鈕設計、區塊版型設計等等，並需要注意操作上的流暢性與整體設計美感，如何做好視覺引導，讓用戶使用產品UI時不會產生疑惑或不知道如何操作。

UI設計的主要工作類型，也分為以下兩種： WebUI設計：主要設計網站、網頁的UI，對於響應式網頁(RWD)必須要有一定的掌握能力，網頁可以使用的字型、每一種瀏覽器的不同限制也要清楚理解並納入設計思考過程，WebUI設計會比較建議設計師擁有基本的程式語言基礎，例如HTML&CSS的概念，在網頁修改與工程師溝通上會更有效率。

AppUI設計：主要設計手機、平板上的APPUI，有些APP內容較多較複雜，在每個APP頁面的規劃與命名上都需要更嚴謹。

也因為App 分為iOS與Android兩個版本，在設計APPUI前也需要熟讀兩者的設計規範，以免辛苦設計的成品無法落地實踐。

溝通、溝通、溝通 負責設計UI稿件其實只是UI設計師工作中的一部份，在設計實作的前中後，設計師都必須與相關的職位人員作密切的溝通與來回修改。

例如執行設計前與PM確認需求、其中每個階段所產出的稿件都要反覆與團隊確認、與工程師確認最終成品/各種情況下的UI設計…以上林林總總的事物都非常仰賴設計師的溝通能力，除了有效溝通、歸納整理的能力外，主動培養與團隊間的默契也是促進效率重要的一環。

  成為UI設計師必須要有什麼樣的技能？ 熟讀各種指南 除了GoogleMaterialGuideline與iOS人機互動指南（HumanInterfaceGuidelines），也會因為所使用的平台工具需要去閱讀不同的規範（例如某些網站自架平台或所使用的模板都會提供他的專屬規範）、微互動設計法則等等。

Googlemetrialguidline：Google推出的設計指南，包含了使用者介面設計、微互動設計等等。

HumanInterfaceGuidelines：iOS平台相關的人機互動指南。

TheGuideToDesign：UXCollective 所推出的設計相關指南。

DesignBetter：Invision 所推出的設計手冊，內容與團隊協作與跨職協作較為相關，通常也會與國際上的設計分工模式有關聯。

視覺設計基本功 括字型、色彩學、排版能力等等，與基礎美學的能力最好都要點好點滿。

Pinterest：設計師最常使用的圖片社群，擁有釘圖功能可以將參考的圖片分門別類，對於設計師建立自己的參考資料庫上非常的方便，以圖搜圖功能也能幫助設計師找到相似風格的圖片參考資料。

Behance：通常以一個「設計專案」做為一個單位，可以看見設計成品前的發想流程、草稿等等，與Adobe軟體有相互連動，是許多設計師會選擇用來做設計作品集的平台之一。

dribbble：擁有多種風格的設計作品，設計師必須要有其他設計師的推薦邀請函才能夠在 dribbble 平台上發布自己的作品，因此在這個平台上的設計作品通常都有一定的質感，也會看見許多實驗性的作品，是我認為非常適合用作於靈感蒐集與發想的平台。

圖像溝通力 主要必須學會繪製Wireframe、製作mockup與prototype，協助團隊內與跨部門間的溝通。

Figjam：為Figma開發的設計溝通協作工具，擁有便條紙、小圓點貼紙等等功能，方便團隊內部進行溝通。

Trello：卡片式的行程安排工具，也有各種工作狀態可以使用，讓團隊成員對於專案的流程一目瞭然。

Slack：比較像是團隊中共同協作空間的概念，擁有許多方便的插件可以使用，免費版也擁有5GB的資料上傳空間可以使用，不會顯示已讀，能幫助團隊成員保留個人的隱私。

主要介面設計工具 現今主流介面設計軟體有Figma、AdobeXd與Sketch，擇一熟練即可:) Figma：新興的UI設計軟體，在團隊協作上的功能非常便利，有網頁板可以登入後直接操作編輯設計稿。

AdobeXd：Adobe旗下的UI設計軟體，可與Adobe其他軟體協作。

Sketch：最老牌的UI設計軟體，僅限mac系統使用。

  UI設計師的薪資水平 提到轉職，許多人首先關心的議題是薪資水平，根據Yourator站上的統計結果，台灣的UI/UX設計師的平均薪資如下： 需要注意的是，台灣求職市場目前還是以「UI/UX設計師」的職缺居多，部分企業甚至會招募「網頁設計師」，專職UI設計的職缺較少，因此投遞職缺前記得看清楚工作描述。

  非本科系可以轉職嗎？ UI設計目前較少大專院校有相關科系，不過我身邊也是有許多非設計本科系轉職UI設計師的唷！所以這題答案是肯定的，當然若本身為設計相關科系畢業的學生，在操作軟體與基本美感上都會相對好上手一些。

  轉職的第一步，我應該… 先了解這份工作內容，再認真問問自己喜不喜歡吧！ 我認為UI設計師在溝通於團隊協作上占了整份工作的一半以上，而且UI設計產業的觀念與工具一直都不斷地在與時俱進，所以保持一個樂意學習吸收的態度是非常重要的唷！   ➤如果想有系統性的學習接軌國際的UI課程，歡迎關注Reborn設計學院 ➤也可以實際看看Yourator站上的UI設計師職缺，了解業界實際的工作內容呦！ 相關閱讀： 如何成為新創團隊渴求的UI設計師？ 簡訊設計共同創辦人張志祺談社群力：讓我們從「吵架」開始吧！ 設計究竟是怎麼一回事？讓知名平面設計師告訴你設計接案客戶溝通術、設計產業樣貌 （本文經原作者授權轉載，原文：UI設計師轉職攻略） 近期熱門文章 1 別再照抄履歷範本了，1分鐘幫你揪出3大履歷錯誤，這些地雷千萬別踩！ 2 【防疫隔離假懶人包】確診、居家隔離請假方式、薪水規定一覽 3 數據分析師(DataAnalyst)薪水與工作內容完全解析：無經驗非本科系能成為數據分析師嗎? 4 「面試要做ppt簡報嗎？」別慌張！精選投影片範例在這 5 2022新鮮人求職全攻略：從履歷到面試，畢業生第一次找工作就上手 文章類別 人物/企業專訪 求職攻略 產業知識 職涯觀點 Yourator營運日記 人資招募策略 自我成長 數位工具 推薦資源 粉絲專頁 相關分類文章 想寫好履歷表?精選履歷表範本下載、履歷表格式撰寫技巧大公開! 線上面試4招OfferGet！來自原生遠距工作團隊的視訊面試建議 CV跟Resume都叫履歷，兩者有什麼差別？一文解答CV關鍵內容及寫作要點 2022新鮮人求職全攻略：從履歷到面試，畢業生第一次找工作就上手 {{company.brand}} {{company.shortDescription}} {{getLocation}} {{company.category.name}} {{tag.name}} 相關推薦公司 × ContactUs 我們的聯絡方式 email:[email protected] 求職者服務專線：(02)77550586轉704 企業服務專線：(02)77550586轉702 確定