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

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

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

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