若是要將這樣的理論融入到我們的設(shè)計(jì)中，那么不得不提的一定就是留白設(shè)計(jì)了。干凈的設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中被越來越廣泛的使用，從內(nèi)容之間到整體布局都會(huì)發(fā)現(xiàn)短暫或大片的留白設(shè)計(jì)。AnyForWeb今天為大家收集了各種網(wǎng)頁留白的設(shè)計(jì)，供大家學(xué)習(xí)參考。
1.第一個(gè)網(wǎng)頁留白設(shè)計(jì)的案例就將留白所要呈現(xiàn)的效果表現(xiàn)的淋漓盡致，中部的圖片成了整個(gè)頁面的視覺中心，圖片周邊的紋理設(shè)計(jì)讓整體看起來不再單調(diào)。該網(wǎng)站無論從整體還是細(xì)節(jié)上來看，都秉承著極簡主義的設(shè)計(jì)風(fēng)格。
2.用素描效果的圖片作為網(wǎng)站首頁是不是也很不錯(cuò)？素描的背景雖然通常會(huì)使用留白，但它的留白一定不會(huì)是普通的純色塊，陰影光線都恰到好處，不知不覺中為網(wǎng)站增添了許多藝術(shù)氣息。
3.高清真實(shí)大圖的使用在《2014年全球網(wǎng)站設(shè)計(jì)的15個(gè)趨勢(shì)》中被提及，下面這個(gè)案例中就得到了很好的體現(xiàn)。不僅如此，大片的真實(shí)場(chǎng)景留白也成了頁面中的亮點(diǎn)。高速公路的上空顯得無比遼闊，是不是會(huì)讓你有無限遐想呢？
4.突出重點(diǎn)內(nèi)容是留白設(shè)計(jì)的其中一個(gè)作用，如下案例所示，用戶一定會(huì)集中所有的精力看文字表述。與留白設(shè)計(jì)搭配，設(shè)計(jì)師們可以選擇色彩較為鮮艷的內(nèi)容，這樣能讓主要內(nèi)容更加突出明顯。
5.朦朧的線條形狀與留白的設(shè)計(jì)似乎都是以極簡風(fēng)格著稱，那這兩者互相搭配會(huì)不會(huì)令網(wǎng)站看起來很無聊呢？下面的案例告訴你答案當(dāng)然是否定的。大片留白、線條組成的簡單圖形、優(yōu)美的線條，以及清淡的色調(diào)，不僅不會(huì)讓網(wǎng)站變得無趣無味，反而會(huì)制造出一種高大上的感覺。
6.這個(gè)網(wǎng)站使用單頁式的網(wǎng)頁設(shè)計(jì)手法，并且全局不間斷的使用網(wǎng)頁留白，每一個(gè)部分之間都運(yùn)用了漸變的色彩設(shè)計(jì)，利用最簡單的方法，讓網(wǎng)頁變得美妙起來。
7.扁平化的風(fēng)格似乎特別適合留白的設(shè)計(jì)，兩者之間的隨意搭配就能表現(xiàn)出清新可愛的格調(diào)。但在這其中也有一點(diǎn)需要注意，在色彩的應(yīng)用上建議使用透明度較低的顏色，一定能為網(wǎng)頁的可愛指數(shù)加分。
8.漫畫風(fēng)的網(wǎng)頁設(shè)計(jì)本來就不多見，帶著詼諧幽默的漫畫風(fēng)網(wǎng)頁設(shè)計(jì)就更加稀有了，這個(gè)案例就是其中一員。誰說留白設(shè)計(jì)是高端極簡的專利和代名詞，下面的案例也許會(huì)顛覆你心中對(duì)留白的傳統(tǒng)看法。案例中的留白是不是讓網(wǎng)頁看起來更像是我們童年時(shí)代最愛的連環(huán)畫呢？
9.無論從色彩還是結(jié)構(gòu)上，Yogy的網(wǎng)站都屬于比較簡單的類型。網(wǎng)站中的留白設(shè)計(jì)讓布局看起來不那么緊湊。單一化的色彩也讓整個(gè)頁面看起來不那么凌亂，卻又不失可愛俏皮的瀏覽體驗(yàn)。
10.SUBSIGN的留白設(shè)計(jì)僅限于Logo周圍的中間部分，這樣做的好處是營造出了一種聚光燈的效果，讓用戶在瀏覽時(shí)能夠更加專注于留白以內(nèi)的Logo部分。留白以外的設(shè)計(jì)運(yùn)用了底紋的效果，讓整體看起來不那么乏味或倉促。
Exformationd 深層含義被解釋為“不是讓你知道一件事情，而是讓你發(fā)現(xiàn)自己多么的不了解”。希望AnyForWeb分享的案例能為大家?guī)硪恍╈`感和感悟。
