如何成為網頁設計師?

閱讀時間約 3 分鐘

今年的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上課的同學們,這篇文章是給你們的備忘。

  • 請試著從頭開始,為自己規劃一個作品集網站吧。
  • 然後,請搜尋一個自己有興趣的網站,為他的網頁改造一下吧。
2.2K會員
21內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
留言0
查看全部
發表第一個留言支持創作者!
筱涵|Hannah的沙龍 的其他內容
關於我
閱讀時間約 1 分鐘