一提起網(wǎng)頁(yè)留白設(shè)計(jì)，很多人都覺(jué)得SO EASY，這留白誰(shuí)不會(huì)呢?留出一塊白色，騰出空間不就是了么?事實(shí)上，留白并不能從字面意思進(jìn)行解讀，它不局限于白色。所謂留白，指的是“沒(méi)有被使用的空間”，無(wú)物，無(wú)信息，無(wú)裝飾，處于空白的狀態(tài)，所以留白也被稱(chēng)作“負(fù)空間”，不僅是一片白，也可以是任意一種顏色，甚至連非純色的紋理都能算作留白。
由此可見(jiàn)，留白指代的含義其實(shí)遠(yuǎn)比我們想象中的更廣泛，也有多種不同形式的體現(xiàn)，以下結(jié)合案例總結(jié)出幾種常見(jiàn)的的留白應(yīng)用。
1、為視覺(jué)主體增加留白
你的視覺(jué)很容易就集中到模特身上，除了因?yàn)槟Ｌ氐呐渖容^鮮艷搶鏡，環(huán)繞模特周?chē)牧舭滓财鸬搅撕芎玫淖饔茫ò昙粲暗难b飾也是點(diǎn)到即止。沒(méi)有了多余的東西分散了你的注意力，視覺(jué)主體自然就突顯出來(lái)了。
2、元素與元素間的縫隙
留白，是不是就只能保留主體，其他一律刪去?其實(shí)不一定，雖然內(nèi)含元素很多，卻不會(huì)給你一種很擁擠很凌亂的感覺(jué)，因?yàn)樵嘏c元素之間都留有了適度的距離，呈現(xiàn)出一種呼吸感。
3、放大圖片中的無(wú)裝飾部分
很多時(shí)候我們會(huì)需要在圖片上插入文字，當(dāng)圖片沒(méi)有足夠的適合排版文字的空間，而你又不想把字體縮小，那么可以把圖片中的無(wú)裝飾部分放大。像以下這個(gè)例子，原圖的近景和遠(yuǎn)景接近了五五比例，近景部分明顯不太適合排版文字，所以我們放大圖片的遠(yuǎn)景部分，這樣一來(lái)就能順利地進(jìn)行文字排版了，留白給了文字理想的展現(xiàn)空間。
4、文字間距的調(diào)
文字間的行距、字距也屬于很重要的一種留白元素。像這個(gè)蔬果行業(yè)網(wǎng)站，中間的文案采用了不同的字體、顏色、大小、間距拉開(kāi)了對(duì)比，讓文案變得更容易閱讀。
5、增加邊框
增加邊框，劃分出留白空間。這種留白形式常用于網(wǎng)站BANNER，在居中位置劃出邊框圍繞文本，諸如以下這個(gè)日用品行業(yè)網(wǎng)站，邊框配以卡通元素的點(diǎn)綴，小清新的感覺(jué)立馬出來(lái)了。
6、背景虛化
對(duì)!你沒(méi)看錯(cuò)!過(guò)度模糊的圖片也是一種留白，雖然圖片里含有信息元素，但由于被虛化得看不真切，相當(dāng)于被藏起來(lái)了，所以也能看作是留白。背景虛化在攝影上用得尤為廣泛，像以下這幅圖片，將景深變淺，視覺(jué)聚焦在帆船瓶子，也讓畫(huà)面看起來(lái)通透純凈。
這些也僅僅是網(wǎng)站頁(yè)面設(shè)計(jì)冰山一角，建議朋友們，若是對(duì)網(wǎng)頁(yè)設(shè)計(jì)有些要求的話，最好選擇正規(guī)的網(wǎng)站設(shè)計(jì)公司，在設(shè)計(jì)專(zhuān)業(yè)性和技術(shù)服務(wù)以及后期運(yùn)維服務(wù)上都會(huì)非常的到位，在頁(yè)面設(shè)計(jì)過(guò)程中也會(huì)給一些互聯(lián)網(wǎng)建設(shè)性的意見(jiàn)，相信蒙特今天的分享一定能幫助到有需要的您!
一提起網(wǎng)頁(yè)留白設(shè)計(jì)，很多人都覺(jué)得SO EASY，這留白誰(shuí)不會(huì)呢?留出一塊白色，騰出空間不就是了么?事實(shí)上，留白并不能從字面意思進(jìn)行解讀，它不局限于白色。所謂留白，指的是“沒(méi)有被使用的空間”，無(wú)物，無(wú)信息，無(wú)裝飾，處于空白的狀態(tài)，所以留白也被稱(chēng)作“負(fù)空間”，不僅是一片白，也可以是任意一種顏色，甚至連非純色的紋理都能算作留白。
由此可見(jiàn)，留白指代的含義其實(shí)遠(yuǎn)比我們想象中的更廣泛，也有多種不同形式的體現(xiàn)，以下結(jié)合案例總結(jié)出幾種常見(jiàn)的的留白應(yīng)用。
1、為視覺(jué)主體增加留白
你的視覺(jué)很容易就集中到模特身上，除了因?yàn)槟Ｌ氐呐渖容^鮮艷搶鏡，環(huán)繞模特周?chē)牧舭滓财鸬搅撕芎玫淖饔?，花瓣剪影的裝飾也是點(diǎn)到即止。沒(méi)有了多余的東西分散了你的注意力，視覺(jué)主體自然就突顯出來(lái)了。
2、元素與元素間的縫隙
留白，是不是就只能保留主體，其他一律刪去?其實(shí)不一定，雖然內(nèi)含元素很多，卻不會(huì)給你一種很擁擠很凌亂的感覺(jué)，因?yàn)樵嘏c元素之間都留有了適度的距離，呈現(xiàn)出一種呼吸感。
3、放大圖片中的無(wú)裝飾部分
很多時(shí)候我們會(huì)需要在圖片上插入文字，當(dāng)圖片沒(méi)有足夠的適合排版文字的空間，而你又不想把字體縮小，那么可以把圖片中的無(wú)裝飾部分放大。像以下這個(gè)例子，原圖的近景和遠(yuǎn)景接近了五五比例，近景部分明顯不太適合排版文字，所以我們放大圖片的遠(yuǎn)景部分，這樣一來(lái)就能順利地進(jìn)行文字排版了，留白給了文字理想的展現(xiàn)空間。
4、文字間距的調(diào)
文字間的行距、字距也屬于很重要的一種留白元素。像這個(gè)蔬果行業(yè)網(wǎng)站，中間的文案采用了不同的字體、顏色、大小、間距拉開(kāi)了對(duì)比，讓文案變得更容易閱讀。
5、增加邊框
增加邊框，劃分出留白空間。這種留白形式常用于網(wǎng)站BANNER，在居中位置劃出邊框圍繞文本，諸如以下這個(gè)日用品行業(yè)網(wǎng)站，邊框配以卡通元素的點(diǎn)綴，小清新的感覺(jué)立馬出來(lái)了。
6、背景虛化
對(duì)!你沒(méi)看錯(cuò)!過(guò)度模糊的圖片也是一種留白，雖然圖片里含有信息元素，但由于被虛化得看不真切，相當(dāng)于被藏起來(lái)了，所以也能看作是留白。背景虛化在攝影上用得尤為廣泛，像以下這幅圖片，將景深變淺，視覺(jué)聚焦在帆船瓶子，也讓畫(huà)面看起來(lái)通透純凈。
這些也僅僅是網(wǎng)站頁(yè)面設(shè)計(jì)冰山一角，建議朋友們，若是對(duì)網(wǎng)頁(yè)設(shè)計(jì)有些要求的話，最好選擇正規(guī)的網(wǎng)站設(shè)計(jì)公司，在設(shè)計(jì)專(zhuān)業(yè)性和技術(shù)服務(wù)以及后期運(yùn)維服務(wù)上都會(huì)非常的到位，在頁(yè)面設(shè)計(jì)過(guò)程中也會(huì)給一些互聯(lián)網(wǎng)建設(shè)性的意見(jiàn)，相信蒙特今天的分享一定能幫助到有需要的您!
