【轉職這條路】UI設計師也要會寫程式嗎? - Medium

做UI設計不懂程式也沒關係?甘五價好康?. “【轉職這條路】UI設計師也要會寫程式嗎?” is published by Chris Peng in Out Of Design 圈外設計. GetunlimitedaccessOpeninappHomeNotificationsListsStoriesWritePublishedinOutOfDesign圈外設計轉職這條路｜UI設計師也要會寫程式嗎?做UI設計不懂程式也沒關係?甘五價好康?「UI設計師需要會寫程式嗎?」想當初在轉職前，我也曾經在網路上搜尋過這類的關鍵詞，也有許多UI大大撰寫過相關文章，爬梳過文章後，大部分的答案都是不用的。

這邊也整理了相關文章提供各位延伸閱讀：新手上路：UI設計師的求職問答集前言medium.com設計業新星「UI設計師」，如何煉成？-UI設計自學資源與求職管道整理-CakeResumeJobSearchResourcesandStrategies近年來聽聞許多平面設計師紛紛轉行做「UI設計師」，到底「UI」是什麼？設計人如何自學？學會了之後又該上哪找工作？這次CakeResume找來了新創業界兩位UI…www.cakeresume.com但是，原本以為可以躲過學習寫程式這關的我，其實並沒有想像中的如此順利……在確定要轉職做UI設計後，公司的技術長便列了一堆清單給我，並告訴我說：「這些你要會喔…..」於是我便踏上了學習前端語言的不歸之路。

「在這有病的世界，服從總是比較容易。

」–亨利．格雷厄姆．格林。

「但總是要有人來做難的事。

」UI設計師需要會寫程式嗎?如果你現在詢問我這個問題，我的回答依舊是：「不用。

」但這個不用，是建構在公司有專職負責的前端工程師，這個大前提上的。

換句話說，如果公司規模較小、或為剛成立的新創公司，編制與分工較沒有這麼完整的話，設計師可能還是要會需要寫程式的唷。

但說是需要學寫程式，其實真正的學習內容也就是要會寫html、CSS與Boostrap4，基礎打好後再慢慢學好JavaScript，可以額外幫自己設計的網站加上炫砲的動畫效果，也是UI設計師很重要的加分技能之一！這邊也引用了我在《人本×互動設計》裡面，關於「設計師需不需要會寫程式」的一段話:剛進入互動設計領域的設計師，經常會問到他們是否需要會「寫程式」的問題。

簡單的答案是「是的」。

更明確一點說，請學習HTML以及CSS。

終究對設計師來說，了解HTML與CSS，可以讓您了解並控制設計媒介。

設計師與程式師的界線越來越模糊，尤其在您可以透過程式碼來精準控制版面編排、顏色與字體時。

設計師會花很多時間在PS理嘗試不同字型，並微調小細節。

然而這些字體並不會精確的傳遞到瀏覽器上，因此為何要到PS上試字型呢?把時間省在CSS上吧。

若您喜歡自己的技藝，就該了解與喜歡它的每個組成環節。

當然您可能會認為工作團隊裡，已經有人可以做得更好，不必您自己動手寫程式。

這點可能是真的，但萬一您無法隨時隨地找他們解決問題呢?您的技術小組有可能正忙著手上的專案，因為他們正在製作可以贏得下個大案子的產品原型。

若您自己會寫程式的話，您可以自己建立原型、攬下工作，讓研發小組專心去執行更困難的任務。

有沒有稍微被說服了呢?仔細想一下，在與前端工程師做溝通的時候，「這個按鈕幫我調左邊一點」與「這個按鈕的paddinng-left幫我調成35px」哪一種說法會更準確有效率呢?如果設計師們真的覺得程式碼的學習成本實在太高了，建議可以多去使用Google的開發者工具，去研究裡面的數值是對應版面上的那些地方。

只要對於程式碼的基本概念有了，開始學習的第一步就不會這麼難跨越的唷:)下回預告:下回會跟大家介紹我在剛開始學習程式碼時使用的書籍與網路資源，有興趣的話趕快追蹤我唷:)閱讀其他文章：【UI閱讀筆記】簡單的法則一個UI設計師所應謹記的極簡心法medium.com【UI閱讀筆記】UI設計大進擊！身為UI設計師，我該不該讀「操作介面設計模式」?medium.com--MorefromOutOfDesign圈外設計本身為UI/UX設計師，興趣是畫向量插畫與漫畫，偶爾寫寫文章。

ReadmorefromOutOfDesign圈外設計AboutHelpTermsPrivacyGettheMediumappGetstartedChrisPeng1.3KFollowersUI/UX設計師、藝術創作者、漫畫家，努力在眾多腳色中取得平衡，並成為擅長說故事的人FollowMorefromMediumNickAguilosDanaoLaughingwithLifeTheDevil’sGetawayHomeInfoLadyTheEat,PrayLovejourneyFrenchLearningOnlineCoaching10PracticalWaysToImproveYourselfHelpStatusWritersBlogCareersPrivacyTermsAboutKnowable