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

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

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

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

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

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

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

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

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

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

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

2. 廣告太多：

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

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

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

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

極簡(jiǎn)主義的最佳實(shí)踐

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

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

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

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

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

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

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

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

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

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

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

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

極簡(jiǎn)主義與其他設(shè)計(jì)風(fēng)格

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

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

1. 扁平化設(shè)計(jì)

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

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

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

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

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

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

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

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

總結(jié)

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