將極簡(jiǎn)風(fēng)格網(wǎng)站設(shè)計(jì)

@喪心病狂十六夜貓 ：極簡(jiǎn)風(fēng)格能幫助用戶簡(jiǎn)化操作，兼容性好，載入頁(yè)面快等等好處，不過(guò)雖然看起來(lái)簡(jiǎn)單，我們必要考慮的東西可一點(diǎn)都不少。這一次，就讓我們一邊學(xué)習(xí)簡(jiǎn)約風(fēng)格的原則，一邊將它應(yīng)用到現(xiàn)實(shí)網(wǎng)站制作中去吧。

細(xì)致從以下開始。

什么是簡(jiǎn)約風(fēng)格的網(wǎng)站?

扁平設(shè)計(jì)、好漢形象和漢堡包菜單等等很多這些如今流行的設(shè)計(jì)趨勢(shì)，都是于 2000 年開始漸漸受到極簡(jiǎn)風(fēng)格的影響才誕生的。

「這里的好漢形象指的是：在網(wǎng)站首頁(yè)上使用的大尺寸圖片。在日本，作為視覺(jué)的關(guān)鍵，也被稱為主視覺(jué)。在Bootstrap中也有命名為「Hero unit」的組件而被大家廣泛使用著?！?/p>

如今為我們提供了很多服務(wù)的google，它的主頁(yè)也已經(jīng)有 15 年以上沒(méi)有變動(dòng)過(guò)了。

谷歌一向被評(píng)為采用簡(jiǎn)約風(fēng)格的Web界面的先驅(qū)，自 20 世紀(jì) 90 年代所提供的測(cè)試版以來(lái)，一向都很正視界面的簡(jiǎn)潔性。

關(guān)于簡(jiǎn)約風(fēng)格的討論還在繼承，但也有一些許多設(shè)計(jì)師都認(rèn)同的共同點(diǎn)。那么，就讓我們一路來(lái)細(xì)致的看一看簡(jiǎn)約風(fēng)格究竟有著哪些特性吧。

只有需要的元素

簡(jiǎn)約風(fēng)格的哲學(xué)特別很是簡(jiǎn)單，即“少即是多(英文：Less is More)”。在網(wǎng)頁(yè)設(shè)計(jì)中，只使用真正有需要的要素，就可以實(shí)現(xiàn)更多的事情。簡(jiǎn)約風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)策略，就是刪除用戶操作時(shí)不需要的內(nèi)容，以實(shí)現(xiàn)接口界面的單純化。

屏幕上的要素越少，所留下的要素就會(huì)變得更強(qiáng)。假如在屏幕上的設(shè)計(jì)要素只有一個(gè)，信息就能很正確的傳遞給用戶。

極簡(jiǎn)風(fēng)格是刪除所有讓用戶無(wú)法專注于內(nèi)容的元素。但與此同時(shí)，為了防止刪除或者隱蔽了對(duì)用戶來(lái)說(shuō)真正需要的內(nèi)容，而讓用戶的操作感到困難，你必要細(xì)心地檢查。對(duì)內(nèi)容的四周加以設(shè)計(jì)，使用戶不會(huì)感到紊亂，讓我們留下一些輔助元素(如導(dǎo)航菜單)吧。

留白空間

簡(jiǎn)約風(fēng)格的最常見(jiàn)的元素，就是什么設(shè)計(jì)元素都沒(méi)有。簡(jiǎn)約風(fēng)格最緊張的一點(diǎn)就是負(fù)空間或留白空間，這些將有助于指導(dǎo)用戶的視線。在設(shè)計(jì)要素的四周留有很多留白空間，就可以很好的將用戶的視線集中起來(lái)。

留白空間對(duì)簡(jiǎn)約風(fēng)格來(lái)說(shuō)是最緊張的元素。

視覺(jué)特征

在簡(jiǎn)約風(fēng)格中，每一個(gè)設(shè)計(jì)的細(xì)節(jié)都是特別很是緊張的。接下來(lái)介紹一些在設(shè)計(jì)中可以天真使用的要點(diǎn)。

平整紋理(英：flat textures)

在簡(jiǎn)約風(fēng)格的界面中，簡(jiǎn)單的紋理和圖標(biāo)是經(jīng)常被使用的圖形元素。在界面中，不管是清晰高亮的結(jié)果、模糊昏暗的結(jié)果照舊給UI 元素添加上光澤體現(xiàn)3D的結(jié)果都是沒(méi)有需要的。

色彩美麗的圖片

圖片是簡(jiǎn)約設(shè)計(jì)中最?yuàn)Z目的要素，可以渲染出作品的氛圍。然而，我們也必要謹(jǐn)記，必須要使用捉住了簡(jiǎn)約風(fēng)格特點(diǎn)的圖片。選擇了錯(cuò)誤的圖像(如雜亂無(wú)章不能集中的圖像)，它會(huì)抵消采用了簡(jiǎn)約風(fēng)格界面的益處。

△ 簡(jiǎn)約風(fēng)格中最搶眼的好漢圖像

用最少的顏色

在簡(jiǎn)約風(fēng)格中，無(wú)需添加設(shè)計(jì)元素和圖形，只使用顏色便能引起視覺(jué)上的關(guān)注，將視線集中到元素之上。由于使用的顏色數(shù)量必須很少，所以必須做出具有創(chuàng)意的視覺(jué)性條理感結(jié)果。

△ 用戶所能行使的有用情報(bào)很少，配色就會(huì)變得顯眼，對(duì)網(wǎng)站也會(huì)有著明顯的影響。

印刷字體

勇敢的印刷體，側(cè)重于將瞬間描述所記載的詞匯和內(nèi)容作為焦點(diǎn)，以達(dá)到更風(fēng)趣味的視覺(jué)結(jié)果。當(dāng)你使用引人注目的具有魅力的印刷體時(shí)，使用筆墨來(lái)傳遞情報(bào)是特別很是有用的。

想傳遞信息時(shí)，請(qǐng)使用具有魅力的印刷字體吧。

對(duì)比度

因?yàn)槭褂昧吮绕綍r(shí)較少的設(shè)計(jì)元素，當(dāng)你想創(chuàng)建一個(gè)具有視覺(jué)性條理感的畫面時(shí)是特別很是有創(chuàng)意的想法。在下面的案例中，白色的背景與黑色的寶石作為視覺(jué)性的要素被使用，實(shí)現(xiàn)了經(jīng)典的簡(jiǎn)約風(fēng)格。

簡(jiǎn)約設(shè)計(jì)中，多數(shù)情況下只使用一種顏色作為重點(diǎn)，那個(gè)顏色可以強(qiáng)調(diào)緊張?jiān)亍?/p>