給網頁減負！簡化網頁使內容更具可讀性的幾種方法

前天我們推薦了《高手之路！如何有效布局信息繁雜的網站？》這篇文章。今天我們繼續來聊聊為網頁如何“減負”。

很多時候，設計不可避免的會變得復雜。因為按照客戶的要求去設計，往往會添加大量元素，使得頁面變得較為臃腫，內容過載，讓人難以理解，因此我們就需要通過設計手段，來個網頁"減負"。

作為設計師，我們懂得如何有創意的解決客戶的問題。問題是什么并不重要，無論是為客戶設計響應式網站，還是通過設計吸引用戶，增加客戶的銷售量，重要的是網頁的核心元素，通過手段凸顯這些元素，讓網站更好的工作，更好的服務客戶、用戶。給網站"減負"就是個不錯的方法。

如何讓界面看起來更直觀、不含"贅肉"？請看本文。

oak.is 充分利用了空間，讓整個頁面看起來干凈，而且易于瀏覽。怎樣才叫復雜？怎樣才叫簡約？這之間的界限似乎很模糊也很抽象。因此網頁設計中的復雜性很難于駕馭，也很難于發現。當你設計完網頁后，你會覺得"存在即合理"，你覺得頁面中的每個元素都能流暢運作，都有存在的意義，但是在用戶看來，整體的交互性不是那么好——等到這個時候再去發現問題已經晚了，差評已經產生了。

如果設計過于復雜，那么這對客戶還有用戶來說，都是個麻煩。降低了網頁的可讀性以及可用性，也增加了導航的難度，用戶體驗隨之降低。
綜上所述，給網頁"減負"是大勢所趨，盡管很難去實現，但是為了網站的性能，為了加速開發周期，為了簡約，我們必須"忍痛割愛"。

簡化網頁

簡化網頁，要求設計師回歸基本，先考慮設計的核心，然后再考慮添磚加瓦。簡化網站不意味著完完全全的簡化，去除所有的裝飾和視覺修飾。實際上，簡化網站的目的在于打造更整潔的界面，這就夠了！

然后要提的是，簡化網站不意味著一味的刪除元素，殊不知有的時候"加即是減"，只要我們能夠更好的駕馭內容，只要加入元素后瀏覽體驗更佳，不妨試試"加法"去簡化。

Paravel 的頁面非常簡單，告訴了用戶公司的業務，同時也加入了一點個性。

開始

我們開始實踐了，學習一下如何簡化網站。

檢查內容結構

首先我們要檢查一下內容結構，畢竟設計是圍繞內容展開的。設計完成后，經常會發現有些內容和設計不協調，可以做出一些調整，編輯或者刪除這些內容。

我們需要檢查內容是跟設計具有上下文聯系，如果毫無聯系，或者內容過于繁重，那么快解決這個問題。試著找出解決方案，讓內容更具可讀性。老話說的好"質量高于數量"

然后可以嘗試切分內容，使用小黑點，鏈接，圖像，標題，將內容切分為不同的區塊，這樣閱讀起來更流暢。
如此調整之后，是不是整體看起來"呼吸空間"更多了？雖然沒有減少任何設計，但是通過對內容的調整，網站變得更加有序，這也是簡化的手段。

留點"呼吸"空間

使用網格線布局來讓設計具有更多的呼吸空間，這樣看起來就不擁擠了。網格線還是不好使？那就從規矩中跳出來，有更好的辦法，用自己的辦法！一切只為目的。

Simon Foster's website極簡設計，內容看起來干干凈凈。

還不行就刪吧！

問一下你自己，所有的視覺元素都是必要的嗎？最終設計時，要無情的刪掉那些不必要的設計元素。
把自己想象成用戶，"我瀏覽此網站的目的是什么？我想得到什么？我登入網站后第一件做的事又是什么？"要確保設計元素位置合適，這樣才能幫你完成設計目標。要確保設計元素不要"過載"。我覺得移除一些不必要的元素很有必要，很能提高網頁的可讀性。

除了刪，當然也可以增！

聽起來有點不可思議，是嗎？別害怕，試著增加一點，通過風格化和裝飾化的設計，來進行內容的區分，這樣內容也可以變得具有可讀性。聽起來有點不正常，但正如我前面說的那樣，有時候"加法即是減法"。只要能夠便于用戶閱讀、搜索信息、瀏覽頁面，那么"加"也無妨！

原文地址：webdesign
優設網翻譯：@MartinRGB
轉摘請注明優設網譯文出處，謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量55萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：