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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、網頁瀏覽動線

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

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

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

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

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

三、一致的品牌視覺形象

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

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

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

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

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

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

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

四、區塊段落層次分明的版面配置

講完大方向後，開始要把範圍縮小。

如果網站內容豐富，但缺乏邏輯與導覽，無法讓人理解內容想要傳達什麼的話，就會像一道浪費優質食材的餐點。

將內容資訊的優先順序先整理出來是最重要的事情。

利用「區塊化」與「群組化」，都能有效的呈現希望使用者優先看到的資訊。

妥善地運用字級、字距、行距、段距，並將搭配的圖片配合網站的色系稍微調整色調，都能讓區塊內的資訊具有「層次」。

網站設計更需要靈活地應用閱讀順序、合適的網頁字體、符合氛圍的圖片色調，圖片與文字需要相輔相成，才能在清楚傳達的內容資訊的同時具備美感。

在規劃特效時，還是要記得，比起美感，使用者閱讀順暢還是要最優先考量的，版面整體編排時還是要簡潔俐落，避免過多的花俏凌亂動態特效，避免讓人感到視覺疲勞喔！

五、經營與維護網站

不管網站最後做得有多漂亮，內容還是最關鍵的。

設計完整且內容豐富的網站，看起來專業又經驗老道，如果訪客對於網站內容產生共鳴，進而主動分享、推薦給朋友，這就是最美好的行銷成果了。

在網站設計案件的洽談過程中，設計師也要記得跟客戶確認「網站內容資料」是否需要列入報價內，避免雙方都誤會對方會處理好內容，最後做出如空殼一般的網站，徒增溝通上的糾紛喔。

建構出一座花園後，維護修剪會是最基本也最重要的工作。

當一個負責的網站園丁，好好經營與累積，將更容易提高分數，讓網站排名往前。