擁有設計背景的人,可以說是最適合轉向前端這條路的最佳人選了。
因為前端其實就像是一間店中最重要的「門面」,也就是說,它是決定這個網站在使用者瀏覽時會呈現的樣貌,因此若是擁有基本的設計知識、美感表現的人來呈現,在前端的角度上看,絕對是加分的。
但在開始學習時(或是根本尚未開始的你),我認為可以先朝以下幾個方向思考,畢竟想要開始去學習不同領域的事物,內心或多或少會有一些遲疑、疑惑點,而我自己當時也是這樣。或許思考完下述三點,你會更有動力去付出行動

確認自己的學習目的
首先,可以先問自己學習的目的是了什麼?
已經在職場的工作者,也許是想轉職、亦或是現在工作上就需要這項技能,而與現實面最關聯的,可能是想藉由多學習其他領域擴充技能組,好提升薪資;若是設計系學生,也許還在探索職涯道路的階段,想多嘗試其他不同的領域、在畢業前學習更多技能,好銜接就業;那若是位 SOHO 族的你,可能就是想提升案源的廣度,讓自己的服務品質、技術可以更上一層樓。
無論上面的敘述是否與你有關聯,你都可以再去從不同角度切入思考看看。而「確認學習目的」這件事,就會決定你的行為和行動,甚至影響速度及效率,因此認清目標,你才能夠讓自己的想法開始運轉、開始為付出行動做準備。
別對程式有先入為主的恐懼
多喜自己在未開始學習前,對於程式這二字其實是很排斥的,因為我覺得那看起來超困難,且跟我領域一點邊都碰不到。我想有些設計師、設計系學生也會有這樣的想法,而當時,我是透過主管淺顯易懂的教學、引導,才逐步排除這份恐懼。經歷過這個階段的我,也想告訴你初階段的前端程式語言,其實是不難懂、也非常直觀的,根本不需要害怕呀~

因此,認為好像很困難、過度的擔憂,都可能是造成你遲遲不行動的原因,但若是願意先放下這些疑惑,選擇跨出第一步去認識它,那麼我想你一定會持續的進步的!
做點有感的東西出來
想要先找出一點信心,讓自己「更有感覺」,無非就是將自己設計的稿子實現在網頁上了,因為那是看得到的東西,而不是面對一堆英文、數字,但卻看不到成果。當我第一次手打出自己設計的頁面時,那個興奮感真的無法形容,即使只是小小的頁面我也覺得超開心。
而在網頁前端程式中,最基礎的「Html/Css」正是用來做這件事情的,因此先從最基本的部分開始理解,並試著放上自己設計、喜愛的元素,將設計版型轉換為 HTML 和 CSS 呈現出來,我相信你會更有感覺的
(延伸閱讀:網頁三層次超直白說明:Html、Css、JavaScript簡介)
=====
以上,將我自已在學習前、學習過程的經歷分享給各位想開始學習網頁前端程式的設計師,希望能夠給你帶來一點幫助。