如何成為專業的網頁設計師？

如果你對網頁設計有興趣，想成為網頁設計師的你該具備哪些條件與能力？我們就設計業的角度提供給你一些學習建議，即使你不是設計相關科系，都能透學習成為獨當一面的網頁設計師。

以前的網頁設計師

大約10年以前，網頁設計師是一個多才多藝的工作，需具備美感、善溝通、熟稔設計趨勢，要會用的軟體有Fireworks(網頁設計圖)、Dreamweaver(網頁編輯)、Photoshop(圖片處理)、Flsah(網頁動畫)，從網頁設計圖檔、網頁編輯(HTML)、圖片處理、設計動畫都由網頁設計師一手包辦。

現在的網頁設計師

現在的網站不再流行靜態網站，走向完整的CMS內容管理系統(網站後台)，網站建置也走向專業分工，根據網站設計流程分成前端設計、後端設計，前端又分成掌管視覺的「網頁設計師」、負責切版與相容性的「前端工程師」、負責撰寫後端系統程式的「程式設計師」。Flash動畫因為效能不佳已經走入歷史，網頁設計師不再需要設計動畫、不再需要切版，只需要專注在「網頁設計」的視覺設計上。
〈延伸閱讀：網站後台CMS- 成功網頁設計的關鍵〉  

專業網頁設計師需要具備什麼條件？

很多客戶會說，我們有平面設計師，可以自己先設計網站畫面再給你們切版、寫程式嗎？當然可以，但前提是要有網頁知識與觀念，會「設計」不代表就可以是「網頁設計師」，不具備網頁知識與觀念，只仰賴原先的設計經驗是無法勝任網頁設計工作的，以下是專業網頁設計師需具備的條件。

溝通能力

網頁設計師需要跟客戶溝通網站設計，透過溝通了解客戶產業需要的設計呈現，要跟前端工程師(切版)溝通為什麼要這樣設計，具備溝通與表達的能力對於一個設計師來說是非常重要的，才能將每一個需求精確的處理。   
〈延伸閱讀：2021網頁設計指南〉

美感與創意

「美觀」是網頁設計很重要的一個基本元素，而對美感的強烈程度會影響網站整體的視覺，對色彩、圖片、細節配置、平衡、邏輯性越堅持的設計師，最有機會成為優秀的網頁設計師，至於創意就是一個突而其來的想法，創意如何被實現就是需要網頁設計師的經驗累積了。
〈延伸閱讀：網站設計出了什麼問題？如何改善？〉
 

RWD設計邏輯

要做出RWD響應式網站就要具備RWD的邏輯概念，不然就會設計出前端工程師無法切版的窘況，當畫面從大到小的時候，RWD會產生內容重組、畫面排隊的狀況，如果沒有預先想像前端的變化，那肯定會被前端工程師退件，這就是目前網頁設計師需要培養的RWD能力，當然採用現成的Bootstrap套版的設計師不在這邊討論。
〈延伸閱讀：RWD比較好還是AWD? 〉
 

SEO概念

這也是目前網頁設計師最缺乏的，因為視覺與網站速度產生衝突的時候，很多網頁設計師不懂得如何用「減法設計」同時達到SEO網站優化與設計的目標，網站有一些基本的設計準則，例如：導覽列(麵包屑)、頁尾Sitemap、點logo可回首頁、右上搜尋、下方聯絡資訊、可以快速上下頁… 還有一些SEO需要注意的內容編排，首頁不要放影片、圖片要控制大小與數量、效果不要過多…等，都要隨著SEO指標進行網站的設計微調。
〈延伸閱讀：SEO入門知識，簡單說讓你聽得懂〉
〈延伸閱讀：好的SEO網站架構是什麼？這樣做SEO成功率才會高！〉

基本HTML/CSS能力

雖然將網站變成HTML/CSS的過程(切版)已經變成前端工程師的工作，但是網頁設計師最好還是要有基本的HTML的能力，因為隨著CMS內容管理的時代來臨，很多的管理都會使用HTML編輯器與CSS樣式調整，如果沒有HTML的基礎能力，將無法滿足客戶要求的維護與修改，如果希望成為全面的網頁設計師，HTML的能力最好是越強越好。
〈延伸閱讀：網頁設計為什麼需要前端工程師？〉
 

使用者體驗

網頁設計師本身也是一個網站使用者，對於網站的使用者體驗也是有個人的看法，但是使用者體驗不能單憑個人的看法，所以越有經驗的網頁設計師，經過多年客戶反饋累積之後，越能設計出「符合大部分人」期待的網站流程，順手好用的網站，而這些UX/UI是專業具體的過程，要成為一個好的網頁設計師必須具備UX/UI的知識與具體實踐能力。
〈延伸閱讀：UX/UI不一樣，UI/UX設計是什麼？〉
 

結論

以上就是要成為一個網頁設計師所需具備的能力，設計師的本質是溝通、美感、創意，熟悉設計軟體是最基本的，再來就是要有RWD邏輯、SEO觀念、基本HTML/CSS能力、使用者體驗…要從無到有完成一個網站，需要經過網頁設計、網站切版(html)、程式設計、系統測試、網站代管，網頁設計師必須熟悉每一個流程才能把每一個環節需要注意的事情內化到設計裡，這也是成為專業網頁設計師最大的挑戰。
〈延伸閱讀：網頁設計是什麼？設計公司不會告訴你的5個真相 〉

(本文為達文西數位科技所有，轉載文圖請註明出處)