資訊爆炸時代，沒人想逛的的網站版面設計該淘汰了！

2022 年 4 月 8 日

很多時候我們都在專注於擁有一個網站、追求能被搜尋引擎認可，但卻忘了到頭來網站視覺還得經的起使用者考驗。別說是使用者，今天若有兩種不同網頁設計視覺在你眼前，一個精緻但後台可能有問題，另一個粗糙卻有完整的後台功能，你會怎麼選？

現在想要自架網站的難度幾乎為零，無論是電商或形象網站都不需要用到程式，只要在架站平台用滑鼠拉一拉，一個全新的網站就誕生了！不過當你選好版型、放上LOGO、置入文字、放上圖片…，不久後你便會察覺你的網站會陷入泥沼。

網站經營前期最注重的就是曝光，但網站版面運用套版設計，就會導致每一個網站都看起來差異不大，在品牌商家知名度還沒打出來時，做不出差異化、使用者瀏覽的意願也會隨之降低。

舉例來說，形象官網一定會出現與企業商家相關的圖片，但會選擇自架網站的人們通常不會有多餘的成本去做商業拍攝，所以關於網站的版面設計會下意識的選擇圖片使用最少的方式，並且很高機率只是套用模版設計、修改色彩而已。

然而網站版面設計不變，無論再怎麼修改色彩、替換自行拍攝的圖片，你的網站在使用者眼裡，仍與其他網站大同小異，並沒有積累足夠的誘因，能拉回視覺注意力，到這裡基本已經能預料到這個網站之後，絕對會需要龐大的人力、物力才能撐起，那還不如果斷重製一個具有視覺吸引力的網站。

網站繞不開的版面視覺設計

網站的版面視覺設計不會是影響網站排名的主要因素，但網站不存在版面視覺設計等於是把流量拱手讓人，因為目前新創網站一篇關鍵字文章要上排名的時間都需要以月計算，何況你有可能選用的是有限制的伺服器或SEO架構有問題的版型，那麼被索引的時間都會再被拉長。

然而這種時候人們都會非常一致的決定「付錢投廣告推廣」，只要廣告素材有打動受眾就會有流量進入網站，不管要強化印象或轉換訂單都沒問題，但實際操作會那麼順利嗎？撇開廣告素材問題，目標網站的版面設計如果過於陽春或套版化，你會發現流量一進即出，不管你的廣告打再兇，都無法勾起人們買單意願，而這關鍵正在於——網站版面設計創造的視覺注意力。

資訊爆炸下的視覺注意力

陌生網站擁有什麼要素，會讓你願意停下瀏覽？可能是標題文字、版面色彩或是優惠價格，但更有可能的是網站整體版面的視覺設計。想像你在逛百貨公司的櫃位，每一個櫃位的動線、產品擺放差異不大，陌生的櫃位除了價格，還有什麼能吸引停留，那當然是裝潢風格、色調展現的質感。

同樣的概念放在網站上也是共通的，不過這裡所謂的網站版面設計的風格並非一定要前衛、未來、極端特別才能吸引人們瀏覽，只要風格明確、能與品牌相互連結，讓整體看起來舒服、有質感，基本就能讓人們產生深刻的印象。

網站版面視覺怎麼設計才能抓住注意力？

雖然我們已經訂下了網站版面設計應該給予使用者的感受，但實際該如何下手，恐怕還是有很多人不明究裡，因此接下來會整理三大重點來解決網頁版面設計難題，但首先你必須先跳脫套版的框架，尤其是用中文填入的英文模板，你需要找到你真正想傳遞的色彩、風格、資訊，再回來接續設計流程。

少即是多，視覺注意力更集中

過多的資訊，反而會讓使用者產生認知問題，當網站版面內容需要花費更多力氣去理解、閱讀其中的意思，你的大腦很高機率會驅使你選擇忽略，因此網站版面的設計需要用最少的元素襯托出網站的重點，哪怕是近期越來越流行的復古風格，也同樣注重少即是多的概念。

這樣的概念執行不難，但大多網站執行出來的成果都會變成白底黑字的極簡風，因此在動手前，你可以去參考I/O 3000裡的網站範例，相信藉由擺在眼前的實作案例，你一定能更明白什麼是網站版面視覺的「少即是多」。

瀏覽路徑，每一步都經過設計

網站版面風格大致底定後，接著就要精心設計每一步的瀏覽路徑。在順利留住使用者注意力後，要做的就是控制視覺注意力的移動，最好的成果便是讓他們能一步步的按照規劃瀏覽完網站後成為付費顧客。

想達成這樣的目標，你可以從這兩個部分下手，其一是網站主視覺規劃，也就是進到網站映入眼簾的第一個畫面，經常性的做法會用滿幅區塊作為網站瀏覽的開場，有些下方甚至會做版面視覺的延續，引導使用者向下繼續瀏覽；其二是網站瀏覽的流暢程度，關於你的業務內容，使用者會因為那些要素的揭露而產生購買意願，可以按照吸引力的排序交錯置於版面中。