因為原研哉的Exformation哲學,我愛上了留白設計

2015-3-13    用心設計

藍藍設計sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

作者:http://www.xiusheji.net/article-1376-1.html

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

原研哉撰寫的《設計中的設計》相信設計師們都不會陌生,就算沒有仔細鉆研過,也一定聽聞過其中“Exformation”的核心理念(這一點單憑無印良品的極簡主義風格設計就足以證明)。Exformation可以理解為Information的反義詞,用原研哉的話來說就是一個“將已知轉為未知”的過程。
 
若是要將這樣的理論融入到我們的設計中,那么不得不提的一定就是留白設計了。干凈的設計在網頁設計中被越來越廣泛的使用,從內容之間到整體布局都會發(fā)現短暫或大片的留白設計。AnyForWeb今天為大家收集了各種網頁留白的設計,供大家學習參考。
 
1.第一個網頁留白設計的案例就將留白所要呈現的效果表現的淋漓盡致,中部的圖片成了整個頁面的視覺中心,圖片周邊的紋理設計讓整體看起來不再單調。該網站無論從整體還是細節(jié)上來看,都秉承著極簡主義的設計風格。
 

 
2.用素描效果的圖片作為網站首頁是不是也很不錯?素描的背景雖然通常會使用留白,但它的留白一定不會是普通的純色塊,陰影光線都恰到好處,不知不覺中為網站增添了許多藝術氣息。
 

 
3.高清真實大圖的使用在《2014年全球網站設計的15個趨勢》中被提及,下面這個案例中就得到了很好的體現。不僅如此,大片的真實場景留白也成了頁面中的亮點。高速公路的上空顯得無比遼闊,是不是會讓你有無限遐想呢?
 

 
4.突出重點內容是留白設計的其中一個作用,如下案例所示,用戶一定會集中所有的精力看文字表述。與留白設計搭配,設計師們可以選擇色彩較為鮮艷的內容,這樣能讓主要內容更加突出明顯。
 

 
5.朦朧的線條形狀與留白的設計似乎都是以極簡風格著稱,那這兩者互相搭配會不會令網站看起來很無聊呢?下面的案例告訴你答案當然是否定的。大片留白、線條組成的簡單圖形、優(yōu)美的線條,以及清淡的色調,不僅不會讓網站變得無趣無味,反而會制造出一種高大上的感覺。

 
6.這個網站使用單頁式的網頁設計手法,并且全局不間斷的使用網頁留白,每一個部分之間都運用了漸變的色彩設計,利用最簡單的方法,讓網頁變得美妙起來。

 
7.扁平化的風格似乎特別適合留白的設計,兩者之間的隨意搭配就能表現出清新可愛的格調。但在這其中也有一點需要注意,在色彩的應用上建議使用透明度較低的顏色,一定能為網頁的可愛指數加分。
 

 
8.漫畫風的網頁設計本來就不多見,帶著詼諧幽默的漫畫風網頁設計就更加稀有了,這個案例就是其中一員。誰說留白設計是高端極簡的專利和代名詞,下面的案例也許會顛覆你心中對留白的傳統(tǒng)看法。案例中的留白是不是讓網頁看起來更像是我們童年時代最愛的連環(huán)畫呢?
 

 
9.無論從色彩還是結構上,Yogy的網站都屬于比較簡單的類型。網站中的留白設計讓布局看起來不那么緊湊。單一化的色彩也讓整個頁面看起來不那么凌亂,卻又不失可愛俏皮的瀏覽體驗。

 
10.SUBSIGN的留白設計僅限于Logo周圍的中間部分,這樣做的好處是營造出了一種聚光燈的效果,讓用戶在瀏覽時能夠更加專注于留白以內的Logo部分。留白以外的設計運用了底紋的效果,讓整體看起來不那么乏味或倉促。
 

 
 
Exformationd 深層含義被解釋為“不是讓你知道一件事情,而是讓你發(fā)現自己多么的不了解”。希望AnyForWeb分享的案例能為大家?guī)硪恍╈`感和感悟。

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔