【推薦本文原因】
儘管市面上的網站建置工具大多提供精美範本給初學者使用，但要製作出一個專業且好看的網站，仍然需要遵守一些網頁設計的法則，再加上並非範本中的所有元素都符合你的需求，你還是需要針對網頁做一些調整。
然而在利用平台的編輯器做網頁修改時，到底該怎麼設計才不會觸犯地雷？以下我們就來看看網頁製作需要遵循哪些原則，只要依照這些原則設計網頁，就能夠讓網站的視覺效果更加分。
內容目錄
原則1：Less is more.
在設計網頁時，初學者經常犯的一個錯誤，因為想要讓網站有設計感，便將過多的元素都放置同一個頁面，以致頁面凌亂、讓人找不到重點。
網站的最大功能就是讓使用者接收到你想傳達的資訊，然而若是將所有東西都硬擠在同一個版面上，導致訪客注意力分散，無法獲取到資訊，那麼你的網站就無法發揮它的主要功能。
不要過度設計會造成網站的重點模糊，花俏的版面並不利於訪客瀏覽，反而簡單明瞭的設計才更吸引人，也有助於訪客找到他們想看的資訊。
因此，你應該盡可能保持簡單的設計，記得少即是多，每個頁面只強調重要資訊，並且提醒自己：適當的留白也是一種美。
原則2：字體選擇清楚優先，美觀次之
不少人為了讓網頁看起來有設計感，而選擇使用時尚酷炫的字體，然而如果這些字體需要你歪著脖子看才看得懂，那麼這些漂亮卻難懂的字體就不適合放在網站上。
當你追求好看的同時，不妨想想為什麼要製作網頁，網頁不就是為了要傳達資訊給訪客嗎？即便視覺效果也很重要，但是「傳遞資訊」才是你的目的，所以不要搞混兩者的順序，設計網頁永遠都是清楚優先、美觀次之。
因此在選擇字體上，應避免選擇漂亮但可讀性低的字體，而是要以清晰、利於閱讀的字體為優先選擇。
原則3：選擇一個完美的色彩組合
在網頁設計中，選擇一個合適的色彩組合非常重要。如果網站的色彩搭配得好，就能夠吸引訪客的目光，進而讓他們對你的網站產生良好的印象。
網站色彩組合的選擇上，如果你創立的是一個形象網站，那麼可以先想想你的品牌想要傳達的形象為何？根據你想帶給訪客的形象，去選擇你的配色，色彩組合不同，網站帶給人的氛圍也會有所不同。
通常品牌都會有自己的一個代表色，你可以先選定1-2個主要顏色作為你的代表色，再依序去找其他合適的色彩來搭配代表色。
不過若是你對於色彩搭配沒有靈感，也可以善用網路上的配色工具，這些工具可以幫助你找到最完美的色彩組合。
原則4：行動裝置的兼容性
一般人在進行網頁設計時，往往會以電腦的比例作為出發點，然而如果僅考慮到電腦的顯示效果，可能就會忽略了行動裝置用戶的瀏覽體驗。
由於科技演變，目前多數人習慣使用行動裝置來瀏覽網頁，所以在設計網頁時，建議先以行動裝置作為設計的出發點，讓你的網站有利於在行動裝置上瀏覽，才能獲取行動裝置用戶的青睞。
不過，最好的方案仍是顧慮到兩邊的訪客，如果你能夠兩者兼顧，設計出在不同裝置上都能有效瀏覽的網站，那麼不同訪客在你的網站將會有更好的瀏覽體驗。
原則5：考慮到使用者體驗
網頁製作中，考慮到使用者體驗絕對是必要的。所以當你設計網頁時，不妨以使用者的角度來檢查自己的網站。
進入網站後，訪客的第一印象是什麼？是否能快速找到他想要的訊息？這樣的文字大小和字型利於閱讀嗎？他看得到重點資訊是什麼嗎？
以訪客的角度來檢視網頁時，你會發現到很多在設計過程中沒有發現的地方，例如使用者可能需要點擊很多次才能獲取他想要的資訊，這時你就可以想辦法改進，讓這個繁瑣的過程變得容易一些。
你也可以請教周圍的人，在發布網站前，先讓他們看看你做的網站，並詢問他們的意見，聽聽看不同的見解，你才知道網站有哪些地方需要優化，如此一來，也才能設計出讓訪客滿意的網站。
本文為 今日訊息 自產精華，請勿商用或以任何方式散播、贈送、販售。未經許可不得轉載、摘抄、複製及建立圖像等任何使用。如需轉載，請通過 今日訊息 申請獲得授權。圖片來源：【Unsplash】作者：Jiho
今日Summary
如果你擔心在網頁設計編排時觸犯了一些地雷，不妨依照這五個原則，可以讓你的網站視覺效果更加分！
適當留白
字體選擇清楚優先，美觀次之
選擇一個完美的色彩組合
行動裝置的兼容性
考慮到使用者體驗
<為您推薦>
今日訊息的IG上會有更多相關知識懶人包，立即追蹤不錯過任何成長機會！
想持續接收到最精華的文章，可按這裡加入 今日的Telegram
