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

更新於 發佈於 閱讀時間約 4 分鐘

做UI設計不懂程式也沒關係?甘五價好康?

raw-image

「UI設計師需要會寫程式嗎?」

想當初在轉職前,我也曾經在網路上搜尋過這類的關鍵詞,也有許多UI大大撰寫過相關文章,爬梳過文章後,大部分的答案都是不用的。

這邊也整理了相關文章提供各位延伸閱讀:

新手上路-ui設計師的求職問答集

設計業新星「UI設計師」,如何煉成?— UI設計自學資源與求職管道整理

但是,原本以為可以躲過學習寫程式這關的我,其實並沒有想像中的如此順利……

在確定要轉職做UI設計後,公司的技術長便列了一堆清單給我,並告訴我說:「這些你要會喔…..」

於是我便踏上了學習前端語言的不歸之路。

「在這有病的世界,服從總是比較容易。」– 亨利.格雷厄姆.格林。 「但總是要有人來做難的事。」

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

但這個不用,是建構在公司有專職負責的前端工程師,這個大前提上的。換句話說,如果公司規模較小、或為剛成立的新創公司,編制與分工較沒有這麼完整的話,設計師可能還是要會需要寫程式的唷。

但說是需要學寫程式,其實真正的學習內容也就是要會寫html、CSS與Boostrap4,基礎打好後再慢慢學好JavaScript,可以額外幫自己設計的網站加上炫砲的動畫效果,也是UI設計師很重要的加分技能之一!

這邊也引用了我在《人本×互動設計》裡面,關於「設計師需不需要會寫程式」的一段話:

<設計師身兼程式編碼員>剛進入互動設計領域的設計師,經常會問到他們是否需要會「寫程式」的問題。簡單的答案是「是的」。更明確一點說,請學習HTML以及CSS。
終究對設計師來說,了解HTML與CSS,可以讓您了解並控制設計媒介。設計師與程式師的界線越來越模糊,尤其在您可以透過程式碼來精準控制版面編排、顏色與字體時。設計師會花很多時間在PS理嘗試不同字型,並微調小細節。
然而這些字體並不會精確的傳遞到瀏覽器上,因此為何要到PS上試字型呢?把時間省在CSS上吧。若您喜歡自己的技藝,就該了解與喜歡它的每個組成環節。當然您可能會認為工作團隊裡,已經有人可以做得更好,不必您自己動手寫程式。這點可能是真的,但萬一您無法隨時隨地找他們解決問題呢?您的技術小組有可能正忙著手上的專案,因為他們正在製作可以贏得下個大案子的產品原型。
若您自己會寫程式的話,您可以自己建立原型、攬下工作,讓研發小組專心去執行更困難的任務。

有沒有稍微被說服了呢?仔細想一下,在與前端工程師做溝通的時候,「這個按鈕幫我調左邊一點」與「這個按鈕的paddinng-left幫我調成35px」哪一種說法會更準確有效率呢?

如果設計師們真的覺得程式碼的學習成本實在太高了,建議可以多去使用Google的開發者工具,去研究裡面的數值是對應版面上的那些地方。只要對於程式碼的基本概念有了,開始學習的第一步就不會這麼難跨越的唷:)

raw-image




留言
avatar-img
留言分享你的想法!
熊均-avatar-img
2021/03/25
抱歉冒昧聯絡,我是1111人力銀行社群小編,負責經營「大學網」校園專區和粉絲團。 我們常常會分享各大學系所相關資訊、學長姐考試經驗、徵試面試心得給莘莘學子們,期望能幫助在學的同學們,找到適合自己的大學。 剛剛在瀏覽的時候看到您的文章,很適合我們的讀者,不知是否有榮幸邀請您授權與我們以『原文原PO』並註明『原文作者』 及『出處連結』的方式轉載於大學網,並轉發於粉絲團。文章上架後會@通知您,謝謝 「大學網」網址: https://university.1111.com.tw/zone/university/index.asp
avatar-img
Chris Peng的沙龍
60會員
20內容數
Chris Peng的沙龍的其他內容
2021/09/13
美感運動是一種生活態度 「美感培訓」在台灣教育裡一直是一個較不被重視的訓練,其實,美感是需要從小培養的,且擁有個人的美感不僅對創作有幫助,對於周邊的環境、人際間的影響力也會有顯著的提升!
Thumbnail
2021/09/13
美感運動是一種生活態度 「美感培訓」在台灣教育裡一直是一個較不被重視的訓練,其實,美感是需要從小培養的,且擁有個人的美感不僅對創作有幫助,對於周邊的環境、人際間的影響力也會有顯著的提升!
Thumbnail
2021/08/17
觸動人心的關鍵鑰匙 一、成功營造的品牌案例 「非常法國」的左岸咖啡館 巴黎塞納河畔到底有沒有一間「左岸咖啡館」?這不重要,重要的是,消費者相信真的有。
Thumbnail
2021/08/17
觸動人心的關鍵鑰匙 一、成功營造的品牌案例 「非常法國」的左岸咖啡館 巴黎塞納河畔到底有沒有一間「左岸咖啡館」?這不重要,重要的是,消費者相信真的有。
Thumbnail
2021/08/17
打造暢銷品牌的成功祕訣 這一次要來介紹的,便是設計出熊本熊吉祥物形象的日本設計師 — 水野學所撰寫的《品味,從知識開始》。
Thumbnail
2021/08/17
打造暢銷品牌的成功祕訣 這一次要來介紹的,便是設計出熊本熊吉祥物形象的日本設計師 — 水野學所撰寫的《品味,從知識開始》。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
這篇文章將會講述企劃撰寫給程式員的邏輯流程圖。
Thumbnail
這篇文章將會講述企劃撰寫給程式員的邏輯流程圖。
Thumbnail
做網站一定要會寫程式嗎? 如果你心理有這樣的疑問,是否是正在猶豫要不要學習做網站這件事呢? 首先我們要定義寫程式這件事情。 誰在做寫程式這件事呢?是程式設計師。它涵蓋的職業類別包括:軟體工程師、前端工程師、後端工程師、或全端工程師..。 讓我們進一步看前端工程師與後端工程師的差異?
Thumbnail
做網站一定要會寫程式嗎? 如果你心理有這樣的疑問,是否是正在猶豫要不要學習做網站這件事呢? 首先我們要定義寫程式這件事情。 誰在做寫程式這件事呢?是程式設計師。它涵蓋的職業類別包括:軟體工程師、前端工程師、後端工程師、或全端工程師..。 讓我們進一步看前端工程師與後端工程師的差異?
Thumbnail
如何成為軟體工程師?前端、後端、全端工程師之間的差異?這篇文章推薦給不知該怎麼開始學習的你,學習路線與必備技能一次詳細說明!
Thumbnail
如何成為軟體工程師?前端、後端、全端工程師之間的差異?這篇文章推薦給不知該怎麼開始學習的你,學習路線與必備技能一次詳細說明!
Thumbnail
不論是哪一種設計師,每一個人找工作時,都絕對需要一份作品集,來向面試官、主管闡述你過去的經驗與能力。但對於非本科系或是轉職的人,並沒有過去學生時期所累積的作品。因此在學習新技能時,同時也要考量如何能夠有產出,以至於未來在尋找工作時,讓公司知道你目前的能力所在。 在製作作品集前,我們必須先要有「作品」
Thumbnail
不論是哪一種設計師,每一個人找工作時,都絕對需要一份作品集,來向面試官、主管闡述你過去的經驗與能力。但對於非本科系或是轉職的人,並沒有過去學生時期所累積的作品。因此在學習新技能時,同時也要考量如何能夠有產出,以至於未來在尋找工作時,讓公司知道你目前的能力所在。 在製作作品集前,我們必須先要有「作品」
Thumbnail
雖然職稱都為設計師,而且好像也是都用工具產出設計圖,要從「前者」轉換至「後者」好像門檻比較低...對嗎? 今天這篇寫給所有正在努力朝向UI / UX邁進的平面設計師們。在思考轉職門檻前,我們先來列一下,這兩者的技能差異有哪些:
Thumbnail
雖然職稱都為設計師,而且好像也是都用工具產出設計圖,要從「前者」轉換至「後者」好像門檻比較低...對嗎? 今天這篇寫給所有正在努力朝向UI / UX邁進的平面設計師們。在思考轉職門檻前,我們先來列一下,這兩者的技能差異有哪些:
Thumbnail
這個應該算是許多人透過粉專私訊小編、或是在個別諮詢中,最常被問的問題了。 其實我並不鼓勵大家購買大量課程、書籍來淹沒自己,因為資訊量很大,而且每位老師的經歷、教法有不同,有些著重於視覺創意、工具深入應用 ; 有些則對於 UX分析研究相當有經驗。 而此時的你並不知道,到底應該投資哪一種類型項目,最能「
Thumbnail
這個應該算是許多人透過粉專私訊小編、或是在個別諮詢中,最常被問的問題了。 其實我並不鼓勵大家購買大量課程、書籍來淹沒自己,因為資訊量很大,而且每位老師的經歷、教法有不同,有些著重於視覺創意、工具深入應用 ; 有些則對於 UX分析研究相當有經驗。 而此時的你並不知道,到底應該投資哪一種類型項目,最能「
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News