如何成為網頁設計師？

今年的9/08起，我回到校園與學弟妹們分享的一些職場點滴，與他們分享了一些版面設計、專題製作的方法。

高中生們所帶來的青春活力滿滿，同學們將心力全部投注於圖畫紙張，帶著顏料與筆墨，在校園內忙碌奔走——這些設計相關科系的學生，大概有一半是因為喜歡畫圖、喜歡漫畫而進到該科系的吧，然後在高中三年，匆匆忙忙塗塗畫畫，接著開始體悟到畫畫跟設計原來不一樣。

在高中時期就能決定自己未來設計之路的是少數，大部分同學在努力備考後，就要盡快選擇一個自己不討厭，且能力範圍內可以就讀的相關科系。

沒有心理準備的情況下，會有選系焦慮是很正常的。

同學們大多會看到數位媒體系、商品創意經營、多媒體設計、商業設計系、視覺傳達系......等等琳瑯滿目的設計科系，而「網頁設計」應該只會出現在某一科系的必修或選修清單裡面。

在上網搜尋「如何成為網頁設計師？」之後，得到的答案大多都指向自學。

或許這個結果會讓人有些灰心，但學習網頁設計最重要的其實就是自學力，光是知道要上網搜尋，就很值得嘉獎，這將會是這條路上最重要的能力。

若還不確定自己的設計之路，請在大學期間試著多去嘗試吧，多方利用學校資源去了解自己有興趣的設計職業，思考自己希望具備的專業需要哪些條件。

不管選了哪一個設計科系，都有機會成為網頁設計師。

如果是希望成為一個全方位的網頁設計師，那除了設計美感之外還需要具備多方技能，比如網站佈局概念、HTML、CSS、JavaScript等網頁開發技術，並了解網站的目標用戶(user)需求，製作出相對應的圖像廣告，維護並經營網站。

此外，可能還需要了解網站SEO優化和使用者操作體驗等等的知識素養。

也就是說，除了設計系學生，資處和資工相關科系的學生也具備技術條件，他們可能在前端/後端的技術研究上更有天賦，在這條網頁之路上，不是你學程式就是人家來學美感，在這個過程中，彼此都是對方值得學習的對象。

接下來提到的，是除了美感之外，網頁平面設計師所需要的觀念，或許設計師們不一定要會實際的切版技能，但有RWD和div的概念，後續執行時才不會有太多問題，設計是來解決問題的，請尊重一起解決問題的人。

一、什麼是 RWD(Responsive web design )響應式網頁？

RWD是一種設計網頁的方法，其概念主要是利用CSS和JavaScript技術讓網頁能夠「依照不同的裝置和尺寸，自動調整版面、內容、效果」。

透過百分比寫法，這種方式可以有效率地提供最佳畫面呈現與使用體驗，在手機搜尋網站已成主流的情況下，RWD已是必需品。

這位作者介紹很淺顯易懂，若想了解更完整的概念可以追蹤閱讀

【 UI/UX 】RWD / AWD / PWA 網站最佳選擇？

二、網頁平面設計師在「設計」什麼?

在網頁設計中的「設計」，包括了網站地圖架構設計、視覺動線規劃、版面設計、圖像設計、色彩搭配、字體設計、使用者體驗等多方面考量。

整體核心會圍繞在：

「具有美感的情況下，必須要讓使用者能輕鬆地找到需求內容。」

在開始製作網頁設計前，請檢視網站製作的幾個條件：

• 該案件是否有明確的企業識別系統？LOGO？標準色？象徵圖樣？客戶所擁有的資料條件和網頁設計完整度成正比，總不可能什麼都沒有就要來做網站吧？ 可能還真的有

• 是否已具有基本網站所需資料？內容是網站必備元素，設計師必須消化資料，呈現適當的文字長度和關鍵字。 就算是用GPT寫的也好

• 到底是要做形象網站還是購物網站？若是要做購物網站，除了購物流程與金物流功能需要細細討論確認之外，也請記得定義出「會員」所需的功能喔，這會影響到優惠券功能派送方式，以及最常聽到的會員分級、金額累計規則，一個客製的購物網站是需要考量很多事情的。

三、課堂課題

在10/06、10/20上課的同學們，這篇文章是給你們的備忘。

• 請試著從頭開始，為自己規劃一個作品集網站吧。
• 然後，請搜尋一個自己有興趣的網站，為他的網頁改造一下吧。