說起留白,很多奢華品牌網站都邪魅一笑:悄悄地用著,出聲的不要。哼哼,偏偏不讓你得逞,今天@十萬個為什麽 從留白的用色、可讀性、搜索流暢度等方面跟童鞋們分享了留白的使用技巧,聽我說,為了廣大設計師的貼身福利,幫轉一下吧 ლ(ಠ_ಠლ)
@十萬個為什麽 :所謂留白,有時也稱作負空間,兩者是同一個概念。盡管這個術語尤其指留「白」,但它所指的區域並不一定要是白色的。它只是網頁布局中環繞各元素的空白空間。
這樣的空間體現為多種不同形式,例如圖片、圖表、縫隙、外邊距、列甚至一行行文字之間的空間。盡管它似乎「空無一物」,裡面沒有任何其他設計元素占據一席之地,但我們不應該如此看待它。視之為「無物」,也許打造美感與表現力的機會就流失了。
處理得當的話,留白確實可以為網頁設計帶來大量的益處。不應減少網頁設計中的留白,相反,應該增加網頁中的負空間。一些知名的大眾品牌已經在朝這個方向前進,更多的設計師們也在追隨他們的腳步。
更多的留白,等同於更奢華的品牌與網站
客戶往往要求設計師盡可能用盡網頁里的空間,因為網頁中的空間是昂貴的,只有有限的屏幕來展示信息。無論如何,反其道而行之——增加留白——促使設計師在更嚴格約束的空間中,打造更加光鮮的品牌信息。
另外,大家會覺得,留白更多的網站,它的內容比屏幕空間更重要。所以,品牌也顯得更盡奢華,因為它犧牲了更多屏幕空間,反而將焦點匯聚在內容信息上。
奢華的品牌了解這層隱喻,通常都使用更多留白來達到這一確切效果。PotteryBarn是個知名的高檔傢具零售商,它的網站很聰明地使用了留白,恰恰反映了這一點。留白支配了主頁,頁面旁邊大片的留白,更好地將訪問者的注意力集中在頁面中間的交易與促銷信息上。甚至頁面頂部的品牌名稱本身,也在字元之間慷慨地運用了留白。
2、網頁設計中留白的意義,如何在網站設計中利用好
1.突出重點
網站設計上留白的地方一般都位於圖片、文字、列表等這些網站設計元素的周圍,讓各個元素之間層次更加的清晰分明,能夠讓訪客觀看頁面時減少視覺上的壓力,更加聚焦觀看某一個網站元素,達到重點突出目的.

2.集中用戶的注意力
在製作網站的時候頁面上的元素放太多,讓網站擁擠不堪,網頁上面的留白最為重要的目的是為了讓訪客在瀏覽重要內容的時候,集中用戶的注意力,不被其他的元素所打擾。
3.減小用戶的視覺壓力
冗雜紛繁的設計給用戶視覺帶來巨大的壓力,為了減小用戶的視覺壓力,讓內容的表達從留白上面進行區分,從用戶的視覺傳遞到腦海中,讓整個頁面內容邏輯更加的清晰,給人清新氣爽的感覺。
3、網頁製作中,怎麼給網頁留白
呵呵 這位兄弟啊。建議你丟棄frontpage 用Dreamweaver吧。
有一個辦法就是把你的網頁全部裝到一個大的表格里。然後表格居中。
4、網頁留白的問題
<style type="text/css">
body {text-align: center;}
#container {margin-left: auto;margin-right: auto;border: 1px solid red;width: 900px;text-align: left}
}
</style>
加上樣式就好了啊
5、在網站設計中,網頁的留白有何功能
在網頁設計中,左右兩邊經常會留白,這個留白主要是為了把PSD圖片轉換為代碼之後,在各種不同大小的瀏覽器上面適應、比如說你設計的頁面只有980px,但是左右兩邊有留白。在網頁製作的時候,把這980寬度的內容居中,左右兩邊就是白色的了
6、如何在網頁設計中使用留白
處理得當的話,留白確實可以為網頁設計帶來大量的益處。不應減少網頁設計中的留白,相反,應該增加網頁中的負空間。一些知名的大眾品牌已經在朝這個方向前進,更多的設計師們也在追隨他們的腳步。
7、為什麼頁面設計中常常要留白?
留白,另一說為“負空間”,這兩個詞常常互換使用。它們共同所指的都是屏幕中出現的元素之間的一種關系。所謂留白不一定是要白色,或黑色。就算是圖案、色彩或紋理背景都可以被稱為留白。負空間是在內容外創造一個空白的環境,好讓觀者將注意力更加集中於內容。

在網頁設計中,在哪裡留白顯得更加重要。可以這么說,它決不僅僅處於視覺審美的需要,它得肩負更重要的角色,即在視覺審美與引導用戶之間達成完美平衡。而且,如果現在有一段文字,留白還需在此基礎上讓文字清晰,創造具有可讀性的環境。

在網頁中,兩塊較大內容元素之間的空間(在此稱大空間),這類留白能吸引並引導用戶的眼球掃描頁面的方式。當運用得當,就能引導用戶的視線去注意那些你想突顯的元素。這在品牌標識展示或增加用戶交互行為的時候最為有效。
在兩個較小的內容元素之間的空間(在此稱小空間)諸如一個文字,或一行文字,列表,圖標等,恰當的留白也能讓這些元素更加易於辨認。 當你看到一張大圖片,留白在視覺審美中發揮了很大的作用。舉例來說,如果內容亂七八糟絕不會是一張好看的圖片。 豐富的留白將為你的頁面灌注一種精緻優雅的氛圍。為了更好的理解和運用它,我們將要梳理不同類型的留白(大空間和小空間),以及運用它們的不同的方法(被動和主動)。

這類型的留白空間很大程度影響用戶的視覺流,不管是潛在引導或者強勢推動都可以讓注意力引導到你想要他們停留的地方。但在此要強調的一個法則即是距離越大動力越強。想要打破平衡,然而,由於太多的留白違反了格式塔原則,其結果就是消弱了對象間的關系。
8、頁面設計中為什麼要留白?
在網站設計時,大家可能會經常聽到「留白」,留白的合理運用在網站設計中是比較重要的。適當的留白讓網站用戶的視覺體驗更好,讓網站設計的整體感官效果大不一樣,從而提高網站建設的整體品質。今天我們賽飛網路網站設計人員具體為我們分析下「網站設計中為什麼要留白」。 在網站設計時,若是字間距、段間距太過緊密的,沒有足夠的留白,網站擁擠不堪,那麼這個網站的用戶體驗肯定是很差。1)留白做為網站布局的最重要手段之一,適當的給網站空間呼吸,網站信息的層次感將更加明確,用戶體驗效果也更好;2)平衡的布局,元素更清晰的呈遞效果,更能吸引用戶注意;3)保持層次感,留白區域能夠很好的指引用戶,如果元素過多,那麼用戶的注意力會分散,留白能夠幫助用戶盡快的查找到所需要的信息,提高用戶體驗,贏得用戶好感。 不同情況下,網站留白的要求也就不盡相同,若是充分利用留白滿足網站的設計需求,大家在留白設計時應注意以下幾點: 1.可適當的使用網格進行輔助,幫助適當的在元素之間留白; 2.留白是不斷嘗試的過程,通過不斷的實踐操作才可更好的做好網站的留白設計; 3.留白並不是浪費空間,適當的留白比起填滿網站效果更好。 4.留白要適當,留白過少,網站過於擁擠,留白過多,過猶不及,網站顯得空洞。