UI 設計師轉職攻略

內含轉職學習資源分享

Chris Peng(不再更新)
6 min readOct 5, 2021

隨著網際網路的興起與智慧型手機的出現,人與機器的互動方式一直在不斷的變動。也因為許多企業對於使用者體驗與介面的重視,介面設計相關技能的人才需求越來越多,待遇也相對其他的設計產業平均薪資高,許多人也開始想要學習介面設計、進而轉職為介面設計師。

在準備轉職介面設計師的道路上,許多初學者一定會面對許多自己未曾思考過的問題、對於介面設計師應該要擁有的技能也是一頭霧水。以下便為大家來解答初學者轉職介面設計師之路上常常會遇到的問題、並分享好用的介面設計學習資源。

2021 年還適合轉職嗎?

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

Photo by Fusion Medical Animation on Unsplash

直到 2021 年的後疫情時代,世界尚未完全脫離疫情的影響。我們可以反觀這段時間,包含口罩地圖、台灣社交距離 APP 等新產品的開發,其實都是跟 介面設計師息息相關,這也代表未來將會有更多社會上的需求與問題等待著設計師們去挖掘、去溝通、去合作、去解決。

UI 設計師在做的事

創造更直覺美觀的使用者介面

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

而 UI 設計的主要工作類型,也分為以下兩種:

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

.App UI 設計:主要設計手機、平板上的 APP UI,有些 APP 內容較多較複雜,在每個 APP 頁面的規劃與命名上都需要更嚴謹。也因為 APP 分為 IOS 與 Android 兩個版本,在設計 APP UI 前也需要熟讀兩者的設計規範,以免辛苦設計的成品無法落地實踐。

溝通、溝通、溝通

負責設計 UI 稿件其實只是 UI 設計師工作中的一部份,在設計實作的前中後,設計師都必須與相關的職位人員作密切的溝通與來回修改。例如執行設計前與 PM 確認需求、其中每個階段所產出的稿件都要反覆與團隊確認、與工程師確認最終成品/各種情況下的 UI 設計…以上林林總總的事物都非常仰賴設計師的溝通能力,除了有效溝通、歸納整理的能力外,主動培養與團隊間的默契也是促進效率重要的一環。

成為 UI 設計師必須要有什麼樣的技能?

熟讀各種指南

除了 google metrial guidline 與 IOS 人機互動指南(Human Interface Guidelines),也會因為所使用的平台工具需要去閱讀不同的規範(例如某些網站自架平台或所使用的模板都會提供他的專屬規範)、微互動設計法則等等。

Google metrial guidline : Google 推出的設計指南,包含了使用者介面設計、微互動設計等等。

Human Interface Guidelines : IOS 平台相關的人機互動指南。

The Guide To Design : UX Collective 所推出的設計相關指南。

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

視覺設計基本功

括字型、色彩學、排版能力等等,與基礎美學的能力最好都要點好點滿。

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

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

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

圖像溝通力

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

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

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

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

主要介面設計工具

現今主流介面設計軟體有 Figma、Adobe Xd 與 Sketch,擇一熟練即可 :)

Figma : 新興的 UI 設計軟體,在團隊協作上的功能非常便利,有網頁板可以登入後直接操作編輯設計稿。

Adobe Xd : Adobe 旗下的 UI 設計軟體,可與 Adobe 其他軟體協作。

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

非本科系可以轉職嗎?

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

轉職的第一步,我應該…

先了解這份工作內容,再認真問問自己喜不喜歡吧!

我認為 UI 設計師在溝通於團隊協作上占了整份工作的一半以上,而且 UI 設計產業的觀念與工具一直都不斷地在與時俱進,所以保持一個樂意學習吸收的態度是非常重要的唷!

--

--

No responses yet