萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 極簡是否就是留白?

極簡是否就是留白?

   簡單的東西往往帶給人們更多的享受,正如德國著名的建築師密斯所說的——less is more,極簡主義意味著用平靜的思想帶出自我的本真。令人印象深刻的東西也許不需要過多的修飾和堆砌,這讓我們順其自然將極簡與留白掛鉤在一起,其實不然。

  我們為大家搜羅了一些極簡風格的網頁設計,讓你在極簡中思考自己,尋找靈感。

  1.這個網站和我們在首頁見到的薯片包裝一樣,是名副其實的極簡。網站整體可能看起來和極簡風格沾不上什麼邊,但只要仔細一看就不難發現,每一處細節都表達了一種意思,比如,網頁整體的中間部分出現的手套,這告訴我們薯片是烘焙的,而非煎炸;中下部木勺中有許多香料,意味著薯片的配料很自然健康。

極簡是否就是留白? 三聯

  2.slack的網站從背景來看就不像是極簡風格的網站,但通過這個案例,我們又可以學到一招。如果沒有很合適的能表現極簡主義風格的背景大圖,就在原有圖片的基礎上增加模糊效果,再盡量減少圖片上的內容,這樣的做法能在視覺上給浏覽者一種遠離繁復生活,化繁為簡的感覺。

159d567a e703 4130 8a24 539167bcbc9d 極簡是否就是留白?

  3.Deepend的網站用了較大面積的留白,但是聚光燈的唯一光點效果令浏覽者馬上抓住了頁面重點,這一束光亮似乎與外界瞬間隔離了。重點少了,極簡主義的風格就自然形成了,這一手法被設計師用的十分巧妙。

cabb91b4 f47c 4bcb b8c7 2f9c981ac6c3 極簡是否就是留白?

  4.這個網站的設計師還真夠節省,直接省去了首頁設計,或者說是用地圖頁面代替了首頁。不足之處就是整體看起來並不怎麼美觀,但要說極簡理念的話,設計師已經利用到淋漓盡致了。

d3a95882 7d8d 4f73 bd0b dae224b6afbb 極簡是否就是留白?

  5.剛才提到了模糊背景能提升頁面的簡潔程度,下面的案例又一次證明了這一點。這個頁面並沒有全局都使用模糊的效果,而是很巧妙的利用列車快速正在快速行駛的照片,再將主要內容放置於模糊位置,由此來表現簡單的格調。

4e8971ca a28b 482b af72 75e39ad120fc 極簡是否就是留白?

  6.Pool House的網站在極簡風格的表現上利用了一部分留白設計,但很出人意料的在留白處隨意的花了一個框,我們可以將它想象成一扇窗、一道門,或是任意你能想到的東西。在留白處加了這樣一個矩形框,不僅沒有讓我們覺得很突兀,反而更加體現出設計師想要表達的極簡主義色彩。

6e9deb54 d526 4f57 815d 48ca8aa2db94 極簡是否就是留白?

  7.在兩種繁瑣的事物中間獨有一片寧靜的天空,讓我們的心更能沉澱下來。但要注意的是,這樣的做法有些冒險,需要設計師對色彩把控很到位。

c7d584ce 30fc 47ef 8b7f a436bdfff50e 極簡是否就是留白?

  8.漸變背景與極簡主義也有著很深厚的聯系,既然在內容、布局和形式上都要追求簡單,那只能在色彩上做小文章了。要表現的既然是簡單,那那些濃墨重彩就免了,用一些小清新系列的漸變色也許是個不錯的選擇。

6d6e77dc a3e5 4881 8e24 41276f86446f 極簡是否就是留白?

  9.Thankful使用的是比較常規的表現極簡主義的手法。簡單的圖片、簡單的字體、簡單的色彩、簡單的界面設計、簡單的布局,當所有的元素都從簡處理的時候,極簡網頁就應運而生了。

90594871 4a18 4821 96d3 9bd134e9bc26 極簡是否就是留白?

  10.Friday的網站第一眼看起來並沒有多麼多麼極簡,但卻傳遞了一種簡單生活的美好願景。生活,也需要極簡主義。

e226acca 7f36 4f2c a2a0 e09e7be4d68e 極簡是否就是留白?

  極簡設計,應該擯棄一切無關緊要的雜質,只保留基本要素,讓用戶能夠專心致志的沉浸於其中,這才是極簡主義設計最需要表現的用戶體驗。

copyright © 萬盛學電腦網 all rights reserved