02 . 05 2017

留白:少即是多!

View

最近有個朋友搬了新家,需要購買一些家具,我陪他去了不少家居賣場,其中有家店令人印象深刻!

這家店里擺滿了家具,進店時你需要側身才能通過過道,而且你要隨時注意腳下,以免被那些零碎的小部件給絆倒。如果你需要從展架上拿東西,那更要小心,因為其他東西可能會掉下來。

朋友看上了一個床頭柜,為了看看床頭柜的細節,幾個店員不得不把鄰近的大桌子和梳妝臺搬開。雖然我的朋友有一長串需要采購的商品,這家店也恰好有,但是我們并沒有待太久,什么都沒買就走了。

我想,這家店需要重新考慮一下店面的設計和布局,更好的利用店內有效的空間。

許多網站也有類似的弊病,試圖把一切都放一個頁面上展示,缺乏足夠的留白區域來幫助客戶找到他們想要的。

“Less is more”,20世紀30年代著名的建筑師路德維?!っ芩埂し驳铝_說過的一句話,意思是“少即多”!這是一種提倡簡單,反對過度裝飾的設計理念。簡單的東西往往帶給人們的是更多的享受。



什么是“留白”?


“留白”并不一定是白色,而是指設計元素之間的空白或負空間。留白和負空間的術語近年來被交替使用,它們指畫布(或數碼設備屏幕)上不包含任何內容的空間。簡而言之,留白就是空白。

很多新入行的設計師認為,頁面就是要用設計元素布滿,不能留下空閑區域,否則就是浪費。通常來講,這樣做不利于設計出好的作品。

為什么要用“留白”?


合理使用留白將會讓你的設計更純粹、更專業,讓你的設計仿佛會呼吸,讓訪客更容易吸收你的內容。留白有助于創作高效的設計流程和有助于實現設計元素的平衡。

正如,沒有白天就沒有黑夜,沒有冷就沒有熱。設計元素和空間應該是相互獨立卻又相互作用的陰陽?!瓣庩柶胶狻辈攀呛玫脑O計。

如果你的頁面堵滿了各種元素,那么人們很難找到哪個元素才是重點。留白能夠讓你的某個元素脫穎而出,讓主題更加突出。

那么留白是不是浪費?讓我們看看大品牌是如何做的。



Apple


Gucci

留白可以讓設計看上去更優雅、更成熟。大面積留白可能看上去類似浪費空間,但是誰能負擔得起浪費?空間是奢侈品,你使用的越少,往往代表著你擁有的越多。更多的留白被視為高檔,可以給你的品牌帶來更高端的市場定位。稠密的空間布局被視為節約成本的一種方法,而留出足夠的空間實際上可以增加你的品牌價值。

反觀那些服裝零售店,低端的門店會想盡一切辦法展示更多的服裝品類和款式,甚至犧牲掉過道。而高端門店會將商品分門別類的在銷售樓層或商品展架上一一展示,留下足夠的空間給予購物者,讓購物者能夠直觀、自由、可參與的體驗。

看看下面兩張圖片,相信你能很顯然的看出哪個是定位高端消費者,哪個是面向低端消費者。


優衣庫  



義烏



如果有效的使用“留白”?


有效利用“留白”的第一步就是使用。不要試圖把頁面堵滿元素,不要試圖把一切都寫在一個頁面上,在設計元素周圍留出空間。

利潤和投資都是你的朋友,認清它們你將會張弛有度,更明白哪些元素是最重要的,哪些元素是次要的。

使所有的元素之間有一定的邊距,而不是貼緊邊緣。比如下面兩幅圖,哪個更容易閱讀?更美觀?相信你一目了然。

無邊距


有邊距



行高是大家比較熟悉的一個屬性,使用CSS設置一個兩行的行高,讓網頁上的文字看上去通透,易于閱讀。

行高沒有絕對的規定,大多數人采用的默認設置,但我更喜歡行高是字體大小的1.5倍,比如你的文字大小是12px,那么行高可以設置為18px。

使用標題來區分內容段落,盡量讓標題靠近接下來的內容并且要與之前的段落保持合適的距離。這樣的空間設置會讓你的內容更容易瀏覽和閱讀。

結語


“Less is more”是引導簡潔、清晰這一良好設計的重要理念。所有的設計都應該是嘗試解決問題,而不是制造困擾。

網頁設計的目的旨在解決如何與瀏覽者進行清晰的溝通,頁面上存在過多的信息并不能清楚地傳到核心信息。讓瀏覽者能夠找到他們想要的信息,注意力集中在他們關心的信息上才是設計的核心所在。

留白或負空間是任何設計的一個重要組成部分,沒有它就沒有設計。



围棋布局口诀图解 快乐双彩开奖结果结彩网 福建11选5彩宝网 股票配资管理软件 福建11选5怎么才能中奖 双色球下期必出号码表精华版 北京11选五预测软件 哪里能买青海快三 三羊配资 贵州快三豹子最佳规律 股票配资平台正规投资平台