很多時候,設計不可避免的會變得復雜。因為按照客戶的要求去設計,往往會添加大量元素,使得頁面變得較為臃腫,內(nèi)容過載,讓人難以理解,因此我們就需要通過設計手段,來個網(wǎng)頁”減負”。
作為設計師,我們懂得如何有創(chuàng)意的解決客戶的問題。問題是什么并不重要,無論是為客戶設計響應式網(wǎng)站,還是通過設計吸引用戶,增加客戶的銷售量,重要的是網(wǎng)頁的核心元素,通過手段凸顯這些元素,讓網(wǎng)站更好的工作,更好的服務客戶、用戶。給網(wǎng)站”減負”就是個不錯的方法。
如何讓界面看起來更直觀、不含”贅肉”?請看本文。

oak.is 充分利用了空間,讓整個頁面看起來干凈,而且易于瀏覽。怎樣才叫復雜?怎樣才叫簡約?這之間的界限似乎很模糊也很抽象。因此網(wǎng)頁設計中的復雜性很難于駕馭,也很難于發(fā)現(xiàn)。當你設計完網(wǎng)頁后,你會覺得”存在即合理”,你覺得頁面中的每個元素都能流暢運作,都有存在的意義,但是在用戶看來,整體的交互性不是那么好——等到這個時候再去發(fā)現(xiàn)問題已經(jīng)晚了,差評已經(jīng)產(chǎn)生了。
如果設計過于復雜,那么這對客戶還有用戶來說,都是個麻煩。降低了網(wǎng)頁的可讀性以及可用性,也增加了導航的難度,用戶體驗隨之降低。
綜上所述,給網(wǎng)頁”減負”是大勢所趨,盡管很難去實現(xiàn),但是為了網(wǎng)站的性能,為了加速開發(fā)周期,為了簡約,我們必須”忍痛割愛”。
簡化網(wǎng)頁
簡化網(wǎng)頁,要求設計師回歸基本,先考慮設計的核心,然后再考慮添磚加瓦。簡化網(wǎng)站不意味著完完全全的簡化,去除所有的裝飾和視覺修飾。實際上,簡化網(wǎng)站的目的在于打造更整潔的界面,這就夠了!
然后要提的是,簡化網(wǎng)站不意味著一味的刪除元素,殊不知有的時候”加即是減”,只要我們能夠更好的駕馭內(nèi)容,只要加入元素后瀏覽體驗更佳,不妨試試”加法”去簡化。

Paravel 的頁面非常簡單,告訴了用戶公司的業(yè)務,同時也加入了一點個性。
開始
我們開始實踐了,學習一下如何簡化網(wǎng)站。
檢查內(nèi)容結(jié)構(gòu)
首先我們要檢查一下內(nèi)容結(jié)構(gòu),畢竟設計是圍繞內(nèi)容展開的。設計完成后,經(jīng)常會發(fā)現(xiàn)有些內(nèi)容和設計不協(xié)調(diào),可以做出一些調(diào)整,編輯或者刪除這些內(nèi)容。
我們需要檢查內(nèi)容是跟設計具有上下文聯(lián)系,如果毫無聯(lián)系,或者內(nèi)容過于繁重,那么快解決這個問題。試著找出解決方案,讓內(nèi)容更具可讀性。老話說的好”質(zhì)量高于數(shù)量”
然后可以嘗試切分內(nèi)容,使用小黑點,鏈接,圖像,標題,將內(nèi)容切分為不同的區(qū)塊,這樣閱讀起來更流暢。
如此調(diào)整之后,是不是整體看起來”呼吸空間”更多了?雖然沒有減少任何設計,但是通過對內(nèi)容的調(diào)整,網(wǎng)站變得更加有序,這也是簡化的手段。
留點”呼吸”空間
使用網(wǎng)格線布局來讓設計具有更多的呼吸空間,這樣看起來就不擁擠了。網(wǎng)格線還是不好使?那就從規(guī)矩中跳出來,有更好的辦法,用自己的辦法!一切只為目的。

Simon Foster’s website極簡設計,內(nèi)容看起來干干凈凈。
還不行就刪吧!
問一下你自己,所有的視覺元素都是必要的嗎?最終設計時,要無情的刪掉那些不必要的設計元素。
把自己想象成用戶,”我瀏覽此網(wǎng)站的目的是什么?我想得到什么?我登入網(wǎng)站后第一件做的事又是什么?”要確保設計元素位置合適,這樣才能幫你完成設計目標。要確保設計元素不要”過載”。我覺得移除一些不必要的元素很有必要,很能提高網(wǎng)頁的可讀性。
除了刪,當然也可以增!
聽起來有點不可思議,是嗎?別害怕,試著增加一點,通過風格化和裝飾化的設計,來進行內(nèi)容的區(qū)分,這樣內(nèi)容也可以變得具有可讀性。聽起來有點不正常,但正如我前面說的那樣,有時候”加法即是減法”。只要能夠便于用戶閱讀、搜索信息、瀏覽頁面,那么”加”也無妨!