一般人對工程師的想像大多是男性，一整天與電腦大眼瞪小眼，埋首於複雜的運算公式。不同於刻板印象，Cat 以設計師的身份一腳進入前端工程的領域，彷彿在繪圖的過程中，她早已與程式結下了緣分。一起來認識這位，即將在 Hahow 開設 CSS 繪圖課程，從視覺傳達設計跨領域的女性工程師－Cat。
相信每件事物都有最佳的解法，追求心中的美卻有成千路途，但我們只是一個人，只能走一遭選好的路，身邊的朋友同樣是設計師，有人擅長 AI 作圖、有些人對 PS 獨鍾，也有人走進了 AE 的世界，而身為五倍紅寶石的設計師 Cat，則是在學生時代的尾巴走進了前端工程的領域。
外界對於視覺傳達設計的想像，可能就是不停地做圖，沒想到與程式也能牽上線！
Q：想問 Cat 在學期間與程式碼開始接觸的原因是什麼呢？
視覺傳達設計系的學習範疇很廣，只要眼睛看得到需要設計的都會學到，包含網頁設計，雖然當時只會用 Dreamweaver 點畫面切版，但我還是會好奇去看分割視窗內的畫面原始碼（後來才知道那是 HTML ），發現程式碼內有些固定的規則，所以有時候上課就會憑著記憶用幾個簡單的 HTML tag 寫寫看，寫出想要的結果就會開心很久！
Q：離開校園後，妳就義無反顧地走上這條路嗎？
算是義無反顧吧，因為我的個性就是想做什麼就會直接去做的人，不太會掙扎，尤其是對有興趣或喜歡的事更是如此，對我來說只要能學習都是快樂的，而且多學對自己也不會有損失呀！所以畢業前知道自己想學寫程式就有開始注意學寫程式的資源，剛好那時候知道了政府青年就業讚的輔助計畫跟資策會的前端網頁設計班，就直接報名安排好中壢的住宿，一畢業就立刻搬去中壢閉關了半年。
Q：在這個領域中是否有過挫敗的時刻，後來又是怎麼解決的？
對於挫折的解決方法，我覺得就是好好的面對它，因為知道自己並不是完美的人，雖然過程很痛苦，但我知道當這些挫折過去的時候我會變成更棒更好的人，不過在痛苦的當下我會一直暴食就是了（笑）。
Q：工程界真的有外人所想像的男女優劣勢嗎？
就我而言我覺得還好，可能因為我很幸運是設計前端加上待在五倍（紅寶石）吧，因為設計前端的女性比較多，加上五倍的男女比例差不多，所以沒有感受到性別之間太大的差別。
Q：每個值得付出心力的公司都有其迷人之處，能向大眾揭露一些五倍紅寶石不為人知的部分嗎？
五倍（紅寶石）有很多迷人的地方，不過要說到比較不為人知的，應該就是公司的兩隻小貓咪！「學弟」跟「學妹」是公司裡的兩隻小貓，平常的工作就是負責融化大家的心，還有討罐罐跟踩大家鍵盤（笑），當大家工作累了的時候就會去摸摸他們、進貢食物，是職場中的心靈綠洲～
Q：妳說自己喜歡詩句、喜歡推理小說，感性理性不偏廢的妳，覺得哪些文學作品特別影響了妳的生活？
雖然說喜歡詩句和推理小說，但那其實比較像是我平常放鬆時會讀的閒書，比起閱讀完後的影響，讓我收穫更多的是閱讀當下文字的氣氛。
真正要說影響我生活的文學作品，其實是小王子跟愛麗絲夢遊仙境，小王子裡面的狐狸一直是我很喜歡的角色，從他與小王子的對話當中，影響了我對生活事物付出的想法，正因為在事物上面花費了時間及心力，所以這些事物才會顯得那麼重要，即使最後有可能會失去，但也只有重要的事物才能帶給你真正快樂或傷心的體驗。而愛麗絲夢遊仙境裡，柴郡貓對愛麗絲指路時說到：
「走哪一條路都沒差，只要走得夠遠就能抵達。」
這是影響我很深的一段話，只要大方向是正確的，偶爾繞點路的人生其實也沒有關係，多走的那些路跟風景，也都是人生中的特別經歷呀！
Q：可否跟大家說說你的私房書單呢？有沒有喜歡逛的網站？
我目前最喜歡的是潘柏霖的《我討厭我自己》詩集，設計相關的網站我最常逛 pinterest 、straightline 、s5-style 還有 awwwards。
Q：妳的 CodePen 中有個 100 天計畫（其中也包含這次課程要給同學練習的範例），可否聊聊這個自發計畫對妳的影響，以及想對學生們說的話？
其實在寫 100 天的 daily CSS images 之前，我也曾經在資策會寫過 180 天，一天一個網頁練習的 180 days web 挑戰。雖然最後只寫了七十幾天，但在挑戰過程中我學到了很多開發的經驗跟解決問題的能力，我們每天必須完成一個練習，因此那個時期看了很大量的網站、找了很多有興趣想研究的特效，像是視差動畫、網頁互動特效或是 CSS 繪畫等，先以自己的方法臨摹一次，再打開網頁的原始碼看別人是怎麼寫的。常常自己寫出來的東西雖然與原始的樣貌長很像，但跑起來就是比較不順，直到看完原始碼後就會有恍然大悟的感覺。
那段時間，確實也是寫到有些走火入魔，因為每天需要想一個題目來寫，便養成看到任何東西的第一個念頭，就是「這個東西如果要用 CSS 畫該怎麼拆」，同時也養成了一看到厲害的效果，就會立刻打開網頁原始碼的習慣（笑），而後來的 100 天繪圖練習則是比較偏興趣取向，想要精進自己在 CSS 繪圖上的思考邏輯跟功力，因此作品完全是僅以純 CSS 繪圖為主。
對我來說 CSS 是個很友善並有趣的語言，它讓我了解到就算屬性是固定的，但只要透過屬性之間的重組跟搭配，它也可以寫出很多意料之外的東西，希望透過線上教學的過程，也可以讓原本害怕 CSS 的人，有機會認識它活潑有趣的那一面！
跟著 Cat 學 CSS 繪圖 》用程式構築繪畫世界
延伸閱讀
留言