【愛酷人物誌】左手製圖、右手寫CODE,前端網頁設計師以科技做行銷的獨門祕訣!
一般而言,「前端網頁設計師」主要負責平面視覺設計及排版,工作範疇更涵蓋了UI(User Interface,使用者介面)、UX(User Experience,使用者體驗)、網頁切版及前端的程式設計等。多數人可能認為要勝任這份職位,必得是畢業於相關科系、受過多年程式語言訓練的學生。
然而,目前擔任愛酷「前端網頁設計師」的曾詩婷(曾曾),於資訊傳播系畢業後,不願自限於平面設計相關領域,自學了網站設計和程式語言僅八個月,便決定踏入前端網頁設計的領域──以此作為職業,幾乎每一個專案對曾曾來說都是嶄新的挑戰,那在如此狀況下,她又是如何迎擊不同的專案、將所有問題迎刃而解的呢?
接下來曾曾將分享擔任前端網頁設計師一路走來的心路歷程,從網站設計的流程到和各部門間的溝通,以及她是如何在工作之餘,仍持續精進能力的獨門祕訣!
Q:曾曾本身並不是學習程式語言背景出身的,那是什麼讓妳決定踏入網頁視覺設計師這行的呢?
曾曾:我在大學時主修資訊傳播學系,當時學校的課程內容其實很多元,從平面設計、拍片、社群行銷、SEO關鍵字……等等都有機會接觸與學習,也因為這樣,在畢業後我前兩份工作都和平面設計有關,是到後來漸漸發覺這不是自己喜歡做的,才決定深入大學曾接觸過、但學得很淺的「程式語言」。
其實當初要找網站設計相關的工作時是蠻沒有自信的,也不覺得自己可以獨當一面。進到愛酷對我來說應該也是「誤打誤撞」吧。其實在大學時我曾經進過一間知名的遊戲公司實習,當時卻因為覺得自己與同儕的能力差距太遠了,一個月後便主動就退出了實習計劃。那個時候覺得自己程度不足、很沒有自信,後來這件事讓我後悔了好長一段時間,現在覺得,自己當時是在「逃避」,所以後來工作時我都會告訴自己,不要再做讓自己後悔的事情,遇到挑戰硬著頭皮上就對了,能走多遠是多遠,總之都要盡力去做、去發揮。
※編按:現在大家都統稱UI/UX為「使用者經驗設計」,那詳細的差異又在哪裡呢?
→UI(使用者介面):設計網站頁面的功能、使用便利性、並顧及整體網站的視覺美感
→UX(使用者體驗):從網站使用者的角度出發,安排、規劃整體網站的區塊內容
Q:可以請曾曾簡單分享一下愛酷在執行「網頁設計」時的流程嗎?
曾曾:一開始會先從PM(專案負責人,Project Manager)那裡拿到專案的設計原型,之後大概了解案子的流程、時程安排、原型內容及架構等;接著便輪到設計著手進行UI、UX,並將之畫成平面設計稿,再交由客戶確認。等到客戶確認無誤後我們會開始「切版」、加上網站互動效果和動畫等,如果網站有資料傳輸的需求例如註冊會員、填寫表單等,就會再交給RD進行串接。
※編按:那「切版」又是什麼呢?切版就是把設計師編排出的設計圖轉換成供瀏覽器閱讀的程式碼。
Q:承上題,若從企劃手上拿到的是已經設計好的原型,那曾曾在作業時是可以加入自身的想法及創意嗎?如果可以的話,通常又該如何和各部門溝通呢?
曾曾:理論上來說,PM會把專案的大架構告訴設計師,之後網站的介面等設計都會直接交由設計師處理;但在愛酷,PM通常都會先設計好網站原型,並以XD(Adobe Experience Design)將紙本的原型繪製成有組職的動態圖,再交由前端網頁設計師處理。
這樣的方式對我們來講其實能更好掌握客戶想要的方向,有時如果需要再美化一下,PM當然也不會侷限我們的想法,甚至彼此若有更好的點子都會互相討論。所以其實反而常常要提醒自己別被PM給的原型綁住了,要反思流程是不是真的沒問題,不因此僵化了自己的思考。
Q:在愛酷擔任前端網頁設計師和之前的工作有很大的差異嗎?
曾曾:我之前工作是「平面設計」相關的內容,像修圖、製作Banner等等,要處理的只有眼前看到的「一屏(一個螢幕屏面)」,掌握一定的原則便能進行。但網頁設計很不一樣,要先有組織架構、程式邏輯,從頭去想頁面彼此間的連結;而如果是有著相同規則的樣式設計,則需思考程式碼要如何模組化、哪些地方要先預留空間等比較細節的問題,這樣臨時要加東西才不需全部重寫──很多細節安排在一開始就需要先計劃好。
Q:那可以請曾曾與我們分享是否遇過特別有挑戰性的專案或經歷嗎?
曾曾:我覺得在愛酷的每項專案對我而言都是挑戰,因為這是我第一份「網頁設計」的工作!每個客戶會有自己關注的問題,有的客戶非常嚴謹,字的間距、分類、有沒有對齊這些非常細節的部分都會有所要求,面對這種客戶時就要訓練自己的細心程度;而有的客戶則不會給太多的限制,只要成品出來是漂亮的就好。
而在面對各式挑戰時,主管都會給我鼓勵,不會因為我經驗不足就批評,而是提出很多新的解決方案來協助我更好。她就像我的心靈導師,一路上除了實務上的指導外,更給予了我許多勇氣和陪伴。
Q:在新創團隊擔任前端網站設計師相較一般公司而言,所需負責的範疇相當廣,曾曾是如何適應的呢?平時又是如何提升與充實自己的能力?
曾曾:其實我在家自學時也是從零到一,什麼都要自己鑽研與規劃,像從把自己的作品集建設成獨立的網站開始,就是一個不斷學習的過程。因此在愛酷這樣的模式下,也不會不習慣,甚至是從之前平面設計相關的工作轉而接觸網頁,其實適應狀況還算不錯。
也可以說,以前的網站不像現在這麼「多采多姿」,現在有許多不同的、新的載具、動畫效果、網頁呈現方式等等,所以平時我會利用很多網路的課程,或是看相關書籍來精進自己。
Q:那曾曾認為身為一位前端網頁設計師,最需要具備的特質為何呢?
曾曾:要回答這個問題,我覺得首先要知道自己想成為哪種設計師,有的人會想創造自己獨特的風格,有的人則習慣以「彈性」風格來接案。雖然我自己仍在學習階段,但還是希望能朝「獨特風格」這個路線前進。目前希望自己在心靈和技術上都保有「彈性」,能因應客戶的需求做出不同的設計、同時能虛心接受對方的批評和建議。
其實入行前期,我常因「美感」而受挫,當時曾有客戶認為我做的東西不好看、設計不夠好,過程中我學會了慢慢調適自己,了解其實「美感」是非常主觀的事情,我自己覺得很美、很棒,但是如果不合乎客戶的需求,對他們來說就不是一個「好」設計。即便有時候會形成自己和客戶拔河的狀態,但我覺得還是要以客戶為主,提供能解決他們問題的回答,才是真正專業的表現。
最後,曾曾與我們分享她這一路走來最大的感悟:「我覺得,一直遇到挑戰雖然是困難的,但也可以因此成長,很像遊戲中解鎖成就的感覺。」跌跌撞撞的過程即便充滿挫折,但一路上也會有許多提攜著她前進的人──曾經她也對自己很沒自信,但前一份工作中主管卻再三鼓勵她「不要小看自己」,漸漸地她也真正做出成績,走到了穩定成長的階段,回應了這句肯定。
「彈性」和「越挫越勇」的精神,讓曾曾在快節奏的愛酷,克服了一個又一個充滿挑戰的專案,也找到了屬於自己的方向。
圖示:愛酷智能科技團隊/日期:2019.04.26(五)
/作者:邱媛彣
/文編:宋權修、周儒婷