教你怎樣簡化你的網頁設計

作為設計師，我們都知道極簡的設計效果的確非常出彩。然而，在設計過程中，我們往往會由于使用較少元素而感覺缺了什么，或是讓最終成品看起來仿佛沒有完成。

那么什么是極簡設計？又是什么方法使你的設計看起來簡約又不簡單呢？這篇文章也許會幫到你。

什么是極簡設計

極簡設計，嚴格上講不能算作一種視覺風格，而是一種設計哲學。它在保持了基本的骨架內容的基礎上，剔除掉多余的元素、裝飾、色彩和紋理，是通過不斷思考而進行化繁為簡的設計過程。這樣做的結果是突顯了主題內容。所以，它是扎根于設計思想根部的概念。

極簡主義起源于蘇格蘭，當時在各個文化領域都掀起了極簡的風潮：平面設計、建筑、音樂、文學、繪畫等。直到現在，也開始在網頁設計中盛行。

盡管極簡設計風格在十年間并未得以足夠的關注度，早先的互聯網領域中根本看不到它的影子，樣式復雜的LOGO和廣告，艷麗的色彩……網頁設計一直以來都以臃腫繁雜的形象出現。

少即是多

前已提及，極簡風格是直截了當地展示主題，減少對觀者的視覺干擾。如果一個頁面有太多的元素，用戶就會在眾多的元素中，由于無法決定其主次而陷入混亂。一個優秀的極簡設計勢必會用不偏不倚的姿態焦距主體內容。

怎樣簡化內容

首先對于網頁所展示的內容，設計師要有一個清晰的認知。先將網頁上所需要出現的元素列出清單，再從中進行逐次審視是否有出現的必要，是否需要去除。

這是一份我認為可能需要思考是否應該不予出場的元素清單。

社交媒體的圖標 標語和詳細介紹 目前流行的一些比較引人耳目的元素（比如分享和贊等） 一個頁面多出三個部分以外的部分 導航中的次級元素

當然，這并不是一個框架，你當然需要考慮如果有必要時也不能統統刪除而后快。主頁出現的部分元素都可以放到二級頁面里。畢竟如果主頁信息量太大，你的用戶也許也會“消化不良”。

這樣精簡以后的結果是，也許你的網站的功能性相比弱化了一些，但刪減了多余的元素，使之成為一個更為簡化的布局，這讓用戶可以在你的網站停留時間更長一點。而讓用戶成為愿意為之學習的網站。

怎樣簡化設計

你需要不斷簡化任何出現的元素，讓紋理消失直至不見、更少顏色、更簡單的造型……總而言之，這一系列的處理過程的確讓你的設計變得有些平淡了。但這時你要記住，不要偏離了極簡的方向，你可以把設計集中到焦點內容上，讓焦點內容成為唯一重要的視覺核心。使用一些創造性的技巧來處理細節。

使用優雅的線框

大家都知道，使用線框能讓你的設計看上去更“穩固”，因為你的眼力其實超乎你想象的好用，它甚至會記得每一段間隔每一個交點，所以任何破壞視覺平衡的元素都會格外突兀，這時你的直覺只會告訴你“感覺不對”。但這其實就是沒有運用好線框的結果。

一個合適的線框圖是極簡設計致勝前提。你可以運用它獲得合適的比例，創造出有趣的視覺平衡。

你可以在設計伊始就用2B鉛筆在草稿上畫出你的頁面布局和元素樣式。

在畫線框時，你需要遵循下面的順序

1）決定你的網頁中需要出現的元素2）對元素之間，按優先次序進行排序3）畫出線框草圖并試著去達到最佳的布局視覺效果

留白

在我眼中，留白是一種設計素材。留白并不等同于極簡，但它與極簡設計有著千絲萬縷的聯系。

不管你多么有創意，一個極簡設計如果沒有足夠留白，那么也將是失敗的。所以，在設計時，你要考慮每個元素的周圍都有足夠多的留白空間。

讓簡單成為習慣

我們不可否認，我們有一種自我膨脹的惡習。設計中，不知不覺就會增加過多的東西，因為你的腦海中一直浮現一種想要“完美”它的欲望。鑒于此，我們必須要讓自己從這個習慣中擺脫出來形成另一個良好的習慣。

如果你在設計中陷入了盲區，總覺得不對勁“仿佛缺了點什么”的話，這時，與其糾結于給頁面增加更多的元素，不如想想怎樣讓頁面減少更多的元素。

最后，當你對設計已經滿意后，再看看是否仍然可以進一步簡化設計。就像給樹苗修剪枝葉一樣的耐心。

網頁設計中極簡范式

黑白灰：色彩禁欲主義

黑白灰的大氣讓人難忘，雖然是信手拈來的設計道理，但放到實踐中，設計師往往需要更多的勇氣做這樣的設計。因為做這類設計的風險太大，不小心就會讓設計變得死氣沉沉一片荒蕪，帶給觀者負面的感受。如上圖中以黑色為背景就需要嚴格與網站的內容契合，表現出黑色的“酷”。同時，元素的編排也必須不拘一格，比如將人物置最前，文字放于背景之上，黑白的搭配頓顯時尚感。

線形插畫：形魅力

灰色的背景上只用白色作為前景色，首頁的焦點是中心位置的線性插畫，這是品牌展示的一種最為直觀的方式。而運用一定的投影效果，讓插畫仿佛懸浮在半空中則是增加了一些創造性的細節，這就讓畫面活躍起來，不會陷入一片荒蕪當之中。