3大速成法則！幫你輕松搞定極簡主義網(wǎng)站設(shè)計

極簡主義風(fēng)格網(wǎng)站，越來越受到眾設(shè)計師和公司青睞，一方面能更準(zhǔn)確的傳達(dá)文字信息，另一方面極簡的網(wǎng)站看上去更加的高大上；

本文來自@念經(jīng)的大獼猴桃的譯文，很不錯，對于沒有經(jīng)驗，想借鑒他人的設(shè)計師，如果沒有強大的歸納能力，閱遍極簡也枉然。恰好這篇文章把極簡主義必備/拋棄的元素，可以運用的技巧，如何與其他風(fēng)格結(jié)合這幾個關(guān)鍵點都說得非常仔細(xì)，怒馬不多說!

如今極簡設(shè)計已普遍被應(yīng)用于網(wǎng)頁設(shè)計中，當(dāng)然這擁有充分理由。輕量級的布局和低維修成本使其靈活適用于響應(yīng)式設(shè)計。自然優(yōu)雅極具美感，使得很多品牌和機(jī)構(gòu)青睞并采用。然而贊賞這一設(shè)計風(fēng)格和創(chuàng)造它是兩碼事。

看起來，由于極簡主義元素不多，復(fù)制某種風(fēng)格似乎變的及其容易。然而事實卻正好相反，由于設(shè)計師可利用的元素極少，創(chuàng)造一個極簡主義的設(shè)計設(shè)計師往往要付出更多思考和努力。

這篇文章將解釋如何充分利用極簡主義設(shè)計的優(yōu)點，我們可以通過以下標(biāo)準(zhǔn)快速判斷極簡設(shè)計是否適用于你的網(wǎng)站設(shè)計，然后深入去做最佳實踐，因為你需要后續(xù)和技術(shù)討論合作。

極簡主義是否適合你的網(wǎng)站?

根據(jù)免費電子書《Web Design Book of Trends 2015-2016》的推薦。極簡主義設(shè)計并不是每個網(wǎng)站最好的選擇。雖然這項技術(shù)非常適合簡單的企業(yè)機(jī)構(gòu)像是事務(wù)所網(wǎng)站和創(chuàng)意個人簡歷，但對于更復(fù)雜的網(wǎng)站情況會變得非常棘手。

讓我們來看看一些常見的網(wǎng)站應(yīng)用極簡主義時遇到的問題:

1. 內(nèi)容太多：

比如ebay或是Amazon的網(wǎng)站需要一個支持多內(nèi)容分類的詳盡界面，所以一個極簡主義的界面并不是最佳選擇。然而，這些網(wǎng)站仍應(yīng)用了極簡設(shè)計的一些準(zhǔn)則，比如在你不需要的時候，將內(nèi)容隱藏。

2. 廣告太多：

總的來說，外部的廣告和極簡主義無法很好并存。極簡主義準(zhǔn)確而細(xì)致，如果你無法確認(rèn)外部的廣告服務(wù)器會在網(wǎng)站插入怎樣的廣告，你的整個設(shè)計可能會被一些瑣碎的元素打亂，比如廣告圖片的顏色。即便廣告是被預(yù)設(shè)好的，仍然可能會成為你設(shè)計中多余的元素。

3. 兒童和年輕人的網(wǎng)站：

年輕觀眾可能會因為極簡主義的設(shè)計感到無聊，他們常常會喜歡更多視覺刺激的網(wǎng)站，甚至也可以包含一些音頻。

相比于其他的風(fēng)格，極簡主義有一套特定的風(fēng)格標(biāo)準(zhǔn)，當(dāng)你決定使用這種風(fēng)格前，需仔細(xì)思考。

極簡主義的最佳實踐

看看這些有價值的極簡主義的指導(dǎo)方針：

1. 只有著陸頁：對一些內(nèi)容豐富的網(wǎng)站來說，極少的元素并不有利。這種情況下，更好的選擇是創(chuàng)造一個極簡主義的著陸頁，以這個頁面作為一個更復(fù)雜網(wǎng)站的入口。

2. 干脆利落的設(shè)計稿：一般來說，“省略不必要的詞”是極棒的寫作建議，甚至更適用于極簡設(shè)計。在做設(shè)計稿的時候，想象你是海明威在寫作吧～

3. 重視頂部空間：根據(jù)用戶瀏覽的習(xí)慣，將高質(zhì)量的內(nèi)容以充足的負(fù)空間排版放置于頁面頂端，隨著向下滾動頁面逐漸增加內(nèi)容的密度。

4. 保持趣味性：對極簡主義來說，無聊始終是一種威脅，所以改變你的布局以進(jìn)一步吸引用戶，交替沿z字形布局模式可以幫助閱讀。

5. 一頁一個概念：簡潔設(shè)計的主旨，每個頁面/屏幕圍繞一個視覺，專注在一個概念上。

6. 少于等于五部分：內(nèi)容最好不多于五個部分，否則便縮減它們。

7. 從簡入繁：最好在設(shè)計的時候先從黑白的框架入手，然后再慢慢往里面添加元素比如說顏色等等，這樣做的目的是幫助你搞明白什么是必要的，什么可以省去。

如果你是學(xué)習(xí)極簡設(shè)計的新手，如何取舍是極痛苦的選擇。下面我們做了一個列表給新手們。

1. 必要元素——logo，導(dǎo)航選項，正文內(nèi)容，聯(lián)系信息

2. 可以舍去的——社交媒體鏈接/圖標(biāo)，頁腳，小部件(尤其是列表，比如最熱門點擊)。

從好的一面看，隨著你更深入地進(jìn)行極簡設(shè)計，你直覺就會越清楚哪些可以被省略。將必要的和多余的內(nèi)容元素區(qū)分開來是所有設(shè)計風(fēng)格都需要的技能(更不需要提你的生活或工作以外的事情)。

極簡主義與其他設(shè)計風(fēng)格

《極簡主義設(shè)計之美》 這篇文章的一部分是講極簡主義是如何與其他設(shè)計風(fēng)格很好配合的?？梢园褬O簡主義當(dāng)作一種屬性，而它可以添加或結(jié)合其他的風(fēng)格和技術(shù)以揚長避短。

特別是，現(xiàn)今流行的移動設(shè)備和重加載動畫，極簡主義設(shè)計提供了一個方法來保證質(zhì)量的同時降低維護(hù)成本。因此，極簡主義設(shè)計常常和其他風(fēng)格的設(shè)計并用。

1. 扁平化設(shè)計

極簡設(shè)計和扁平化設(shè)計兩者搭配相得益彰，因為兩者重點都是強調(diào)簡潔之特性。同樣都是舍棄了很多設(shè)計上的技巧而將重點放在內(nèi)容上，扁平化設(shè)計的基本風(fēng)格就其本身來說，其實便是極簡化設(shè)計。

2. 英雄標(biāo)題和圖片

先不談及光鮮的扁平設(shè)計，真實照片和大尺寸篇幅的照片正在越來越廣泛地被應(yīng)用。隨著這大量又極具吸引力的影相自然而然成為屏幕上最吸引人的焦點，將他們同極簡主義設(shè)計結(jié)合可以防止分散太多用戶的注意力。

3. 簡單的導(dǎo)航

換句話說，你大可以簡化你的導(dǎo)航為漢堡按鈕(左上三條橫線)，當(dāng)你需要顯示全部導(dǎo)航內(nèi)容的時候，只需要點擊或鼠標(biāo)滑過。

雖然這個方法是實現(xiàn)純粹極簡主義設(shè)計的最快策略，但并不推薦用于所有網(wǎng)站——這種過于簡單化的導(dǎo)航致使用戶更難發(fā)現(xiàn)導(dǎo)航，所以對于一些不熟悉的頁面并不適合用這種導(dǎo)航來吸引用戶。

4. 具有藝術(shù)性的排版

因為對于極簡設(shè)計來說，文字總是不可或缺的組成部分，文字的排版因此顯得舉足輕重。也成為創(chuàng)造更具有有個性和感染力的極簡主義網(wǎng)站的幾種方式之一。

總結(jié)

極簡主義設(shè)計有諸多的優(yōu)點，例如減少加載時間更適合響應(yīng)式設(shè)計，值得我們?nèi)パ芯?。如果你的設(shè)計符合上面所提到的所有標(biāo)準(zhǔn)，便可以嘗試用更少的元素重新構(gòu)思你的網(wǎng)站，可以當(dāng)作只是一個練習(xí)。你會發(fā)現(xiàn)有很多你曾經(jīng)覺得必要的元素也是可以被省略。