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

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

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

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

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

　　如果設計過於復雜，那麼這對客戶還有用戶來說，都是個麻煩。降低了網頁的可讀性以及可用性，也增加了導航的難度，用戶體驗隨之降低。

　　綜上所述，給網頁”減負”是大勢所趨，盡管很難去實現，但是為了網站的性能，為了加速開發周期，為了簡約，我們必須”忍痛割愛”。

　　簡化網頁

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

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

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

　　開始

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

　　檢查內容結構

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

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

　　然後可以嘗試切分內容，使用小黑點，鏈接，圖像，標題，將內容切分為不同的區塊，這樣閱讀起來更流暢。

　　如此調整之後，是不是整體看起來”呼吸空間”更多了?雖然沒有減少任何設計，但是通過對內容的調整，網站變得更加有序，這也是簡化的手段。

　　留點”呼吸”空間

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

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

　　還不行就刪吧!

　　問一下你自己，所有的視覺元素都是必要的嗎?最終設計時，要無情的刪掉那些不必要的設計元素。

　　把自己想象成用戶，”我浏覽此網站的目的是什麼?我想得到什麼?我登入網站後第一件做的事又是什麼?”要確保設計元素位置合適，這樣才能幫你完成設計目標。要確保設計元素不要”過載”。我覺得移除一些不必要的元素很有必要，很能提高網頁的可讀性。

　　除了刪，當然也可以增!

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