網頁平面設計的五個重點概念

2023/10/25閱讀時間約 5 分鐘

在回到母校授課的期間，有些同學會因為我的分享而對網頁設計產生興趣，有些則是好奇為何會從CMYK的領域改為投入RGB的世界？

這時候我都會與他們分享自己從前某次的嚴重印製錯誤事件，那次的經驗讓我慶幸自己一直以來都有請人校稿必簽名的習慣，也深刻體會到印刷品的不可逆，堅持自己的工作原則真的是很重要的一件事。

~~簽約再開工、校稿者簽名也一直是設計業界內老生常談的話題。~~

有太多產業的設計工作環境還停留在原始時代(?)，習慣性將文案工作交給設計師，然後又很矛盾地把校稿的責任壓在設計師的身上。

先不論薪資差距，若會因為完稿發印而有巨大的壓力，那RGB世界中的設計職缺真的會是不錯的選擇。

在這個世界中有豐富的工作選擇，比如網頁設計、介面設計、使用者體驗、網頁設計、遊戲美術、影音創作、特效設計等等，若同學對於網頁設計有興趣，那我整理了網頁平面設計的五個重點概念，有些概念在平面設計編排也是相通的，不管是未來就職或剛任職的新鮮人，希望這篇能稍稍派上用場。

一、把握使用者進網站的瞬間

在工作期間，同事們常會開玩笑說：「會認真看網頁的不是設計師就是工程師。」

畢竟一般人進入網站時，停留時間通常都只有幾秒鐘，網站內容如果不吸引使用者，或者找不到自己所需要的訊息、商品的話，大多就會直接左轉上一頁，離開網站。

無法滿足需求的原因有很多種，除了找不到想要的資訊，也可能是一進站後的設計就沒有足夠的吸引力，這就會造成常聽到的「無效流量」狀況。

因此，對於網頁設計師來說，抓住使用者進站後的第一眼非常重要。

清楚的視覺動線配置、適量的特效動畫、清楚的選單指引文字，讓瀏覽者盡可能地停留久一些，才能提高流量轉換率。

先寫起來避免忘記，之後待補充的延伸閱讀：Google Analytics

※這項工具可以讓人了解網站的哪個頁面、在哪個日期最多人瀏覽，還可以看到用戶平均停留時間、網站瀏覽排名，藉由這樣的數據分析用戶行為，才能做到內容改善。

二、網頁瀏覽動線

「如果自己因為某種需求而進到網站，會想要如何尋找自己需要的資訊呢？」

這是做網頁時，必須時時提醒自己的問題之一。

規劃一個好的用戶瀏覽動線和方便閱讀文字的方向，讓資訊能夠被妥善地傳達。

簡單俐落的呈現，讓用戶不會因為在網頁中迷路而選擇關閉視窗。

常見的主選單視覺導覽，會將LOGO放於左上角或正中間，是很常見的「由上往下」瀏覽動線，也有將主選單固定於左側邊，讓畫面有比較特別的視覺體驗。

三、一致的品牌視覺形象

「一個好的視覺形象系統，能夠增加品牌的知名度和價值，小至名片大至外牆廣告，視覺設計都應該要一致，才能使企業更具競爭力。」——把一套視覺形象應用到不同地方，並非是設計師偷懶，這是為了讓品牌具有一定的識別度、建立品牌忠誠度，進而累積該品牌的市場信任度。

做電商廣告的resize都知道要依照尺寸做簡化調整，若設計師的每一項「應用」都是枯燥乏味的無腦複製貼上，那是設計素養不足，連偷懶都還稱不上。

成熟的網頁設計師在碰到已具有視覺一致條件的案件時，就該具備將一間公司的LOGO、品牌標準色、營業理念資料、主打商品或服務等等的內容，用「適當的方式」呈現在網頁的職業素養，比如室內設計產業網站的白底設計，或許可以加些淡淡的牆面紋路，或者是能呈現建材質感的底圖，這些不一定會出現在視覺規範內，但能正確傳達出品牌產業的形象，並讓品牌與網站的調性相符合，增加使用者瀏覽網站時的信任感，才能讓人願意為該品牌的產品或服務買單。

總之，有品牌視覺策略的情況下，網站設計的完整度一定比較高。

這也是為何現在有些山寨或詐騙會將網站做到跟正版的很相似，在資訊量爆炸多的情況下，魚目混珠的網站容易讓人混淆，真假難分的情況下，識別「網址」就是一件很重要的事情，比如「.tw」結尾的是台灣網站，而「gov.tw」結尾的，才是政府專用網址。

具有品牌形象的公司，也會有與其對應的正確網址，為品牌設定一個好的網路門牌，這也是一開始做品牌設計的策略時，就需要考量進去的一點。

網站與品牌的一致性可以提高品牌的可信度和形象，同時可以幫助建立品牌忠誠度。當消費者在網站上感受到品牌形象的一致性時，他們會更有可能信任和購買該品牌的產品或服務。因此，網站設計中的品牌一致性是建立強大品牌形象的關鍵要素之一。