5.25日(rì)音(yīn)訊，深入講述✔☆£網站(zhàn)建設中如(rú)何運用(yòn‍σg)負空(kōng)間(jiān)

　　5.25日(rì)音(yīn)訊，深入講述網站(zhàn)建設中如(r←&ú)何運用(yòng)負空(kōng)間(jiān)，留白(bái)，另一≤✔∏€(yī)說(shuō)為(wèi)“負空(kōng)間(jλσ"iān)”，這(zhè)兩個(gè)詞常常互換使₩∏"‌用(yòng)。它們共同所指的(de)都(dōu)是(shì)屏幕中出現(λ™←xiàn)的(de)元素之間(jiān)的(↕™de)一(yī)種關系。所謂留白(bái)不(bù)一(yī)定是(♥α•€shì)要(yào)白(bái)色，或黑(hēi)∞÷÷色。就(jiù)算(suàn)是(shì)圖案、色彩或紋理(lǐ)背景都π ∏×(dōu)可(kě)以被稱為(wèi)留白• →&(bái)。負空(kōng)間(jiān)是(shì)'Ωσ在內(nèi)容外(wài)創造一(yī)個(gè)空(kōng)白(bá→£i)的(de)環境，好(hǎo)讓觀者将注意力∏✔↓更加集中于內(nèi)容。

　　就(jiù)像已經被大(dà)家(jiā)所討(tǎo)論過‍ Ω™的(de)，負空(kōng)間(jiān)一(yī)開(kāi¶≥∞)始是(shì)作(zuò)為(wèi)審美(měi)而不(b" ù)可(kě)或缺的(de)一(yī)部分(fēn)。

　　在網頁設計(jì)中，在哪裡(lǐ)留白(bái)顯得(de)更加重要✘→(yào)。可(kě)以這(zhè)麽說(sh÷×uō)，它決不(bù)僅僅處于視(shì)覺審美(měi)的(φ®de)需要(yào)，它得(de)肩負更重要(yào)的(de) ₹角色，即在視(shì)覺審美(měi)與引導用(yòng)戶之間(jiān)± ★達成完美(měi)平衡。而且，如(rú)果現(xiàn)在有(yǒu)一(yī✘ε'☆)段文(wén)字，留白(bái)還(hái)需在此$©基礎上(shàng)讓文(wén)字清晰，創造具有(yǒu)可↕≥(kě)讀(dú)性的(de)環境。

　　總的(de)來(lái)說(shuō)，留白(bái)直接的(de)影(★∑yǐng)響如(rú)下(xià)。

　　1、眼球掃描

　　在網頁中，兩塊較大(dà)內(nèi)容元素之間(jiān‍≠Ω)的(de)空(kōng)間(jiān)(在此稱大(dà)空(kōng)間(¶→jiān))，這(zhè)類留白(bái)能(néng)吸引并引導用(<←☆yòng)戶的(de)眼球掃描頁面的(de)方式。當運φ©用(yòng)得(de)當，就(jiù)能(n¶​éng)引導用(yòng)戶的(de)視(sh♣♠ì)線去(qù)注意那(nà)些(xiē)你(nǐ)想突顯的(de)₩✘÷✔元素。這(zhè)在品牌标識展示或增加用(yòng)戶交互行(xíng)為(¥ wèi)的(de)時(shí)候最為(wèi)有(yǒu)效。

　　2、清晰度

　　在兩個(gè)較小(xiǎo)的(de)內♦®(nèi)容元素之間(jiān)的(de)空(kōng)間(jiān♠™)(在此稱小(xiǎo)空(kōng)間(®♥ jiān))諸如(rú)一(yī)個(gè)文(wén)字，或一(yī)®↔₹行(xíng)文(wén)字，列表，圖标等，恰當的(d≥☆ ∏e)留白(bái)也(yě)能(néng)讓這(zhè)些(xiē)元‌δ©∞素更加易于辨認。

　　3、視(shì)覺審美(měi)

　　當你(nǐ)看(kàn)到(dào)一(yī)張大✔¶¶(dà)圖片，留白(bái)在視(shì)Ω€φ覺審美(měi)中發揮了(le)很(hěn)大(dà)的(de)作(zuò↑₽)用(yòng)。舉例來(lái)說(shuō)，如(rú)果內(≠σ₹nèi)容亂七八糟絕不(bù)會(huì)是(shì)一(yī)張好(hǎo)←ε‌π看(kàn)的(de)圖片。

　　4、高(gāo)品位

　　豐富的(de)留白(bái)将為(wèi)你(nǐ)的(de)頁面灌注一 <(yī)種精緻優雅的(de)氛圍。

　　為(wèi)了(le)更好(hǎo∏↔♣ )的(de)理(lǐ)解和(hé)運用(yòng)它，我們将要(yào)梳理(σ≤↔lǐ)不(bù)同類型的(de)留白(bái)(大(dà)空(kō®♠ng)間(jiān)和(hé)小(xiǎo)空(kōn↓​g)間(jiān))，以及運用(yòng)它們的(→€de)不(bù)同的(de)方法(被動和(hé)主動)。

　　大(dà)空(kōng)間(jiān)和(hé)小(xiǎo)空£γβ(kōng)間(jiān)

　　網頁設計(jì)中，邯鄲網絡公司首創網絡告訴大(dà)家(jiā)，在哪裡(lǐ)運用(yòng)以及怎'αφ樣運用(yòng)負空(kōng)間(j​✔ε™iān)将取決于它們的(de)角色。簡言之，我們把這' α≠(zhè)些(xiē)角色大(dà)緻分(fēn)為(wèi)大(dà)元素和£☆δ£(hé)小(xiǎo)元素。

　　1、大(dà)元素的(de)留白(bái)

　　大(dà)元素的(de)留白(bái)是(shì)涉及到(dào£Ω ✘)兩個(gè)大(dà)型元素之間(jiān)的(≥✘β<de)留白(bái)。主要(yào)運用(yòn♦♥&g)于：

　　總體(tǐ)內(nèi)容

　　獨立的(de)不(bù)同元素

　　文(wén)本分(fēn)列

　　Margin

　　Padding

　　圖片之間(jiān)的(de)距離(lí)

　　那(nà)就(jiù)讓我們看(kàn)看(kàn)被動和(δ→hé)主動的(de)留白(bái)是(shì)如(rú)何"♥幫助負空(kōng)間(jiān)達到(dào)視(shì)覺平衡"§的(de)。

　　1、被動空(kōng)間(jiān)

　　我們把被動的(de)留白(bái)視(shì)為(wèi)空✔→₽ (kōng)的(de)最小(xiǎo)化(huà)。

　　沒有(yǒu)足夠的(de)留白(bái)，一(yī)個(g±♣è)網站(zhàn)将會(huì)變得(de)無法閱讀¥♦☆∏(dú)而失去(qù)方向，所有(yǒu)的(de)精力都(dōu)被用(y< òng)于對(duì)抗視(shì)覺的(de)混亂。被動的(de)留白(b↑ ái)就(jiù)是(shì)用(yòng)空(kō䣧÷ng)白(bái)區(qū)域去(qù)試著(zhe)讓網站(zhàn)易→γ≈于理(lǐ)解。

　　請(qǐng)看(kàn)上(shàng)面的(d≤σ&e)例子(zǐ)，導航裡(lǐ)的(de↔")每個(gè)鏈接間(jiān)的(de)距離(l♦δ≤™í)，再看(kàn)看(kàn)下(xià)面這(zhè)行(xíng)文(w βén)字，行(xíng)距，字間(jiān)距等。你(nǐ)能(nén₩©g)看(kàn)出什(shén)麽不(bù)同尋常的(‌®♣®de)嗎(ma)?……答(dá)案是(s←≠hì)你(nǐ)一(yī)定找不(bù)出。沒錯(≠↔cuò)!這(zhè)些(xiē)空(kōng)☆π間(jiān)和(hé)距離(lí)都(dōu)是(shì)如(rú)此微(w<®ēi)不(bù)足道(dào)，根本不(bù)會(huì)引起你(nǐ→¥★)的(de)注意。這(zhè)就(jiù)是(shì)<γ₹所謂的(de)被動留白(bái)。

　　對(duì)于大(dà)元素的(de)留白(b"αái)，被動空(kōng)間(jiān)意味著(zhe)足夠多(duō)的(∞€♥de)border和(hé)margin的(×¥↓de)空(kōng)間(jiān)去(qù)強調元&π素之間(jiān)的(de)不(bù)同，避免混淆。舉例來(lái)說(shu 'ō)，就(jiù)像導航和(hé)注冊都(dōu)↕≠在網頁頂部，但(dàn)彼此間(jiān)間(jiān)隔了(l£★e)一(yī)定的(de)距離(lí)。

　　對(duì)于小(xiǎo)元素的(de)留白(bái)，被動空¶§≥§(kōng)間(jiān)就(jiù)包括了(le)字符，×₽文(wén)字，段落的(de)最大(dà)可(kě)讀(dú)性，以及當&​出現(xiàn)列表或下(xià)拉框菜單時(α↑shí)，每行(xíng)文(wén)字或每個(g ε®è)選項間(jiān)的(de)獨立性。

　　被動空(kōng)間(jiān)的(de)應><₽γ用(yòng)應該是(shì)自(zì)然而然的(de'≥γ≥)。實際上(shàng)，被動留白(bái)的γ♠≤(de)主要(yào)目的(de)甚至可(kě)以說(shuō)就(jΩ₩<iù)是(shì)不(bù)被注意。當你(nǐ)試≈ ☆∑著(zhe)營造一(yī)塊被動空(kōn£♦πg)間(jiān)，那(nà)麽你(nǐ)要(yào)↑©÷←讓它看(kàn)起來(lái)不(bù)那(nà)麽引人(rén)注✔♣意，就(jiù)簡簡單單的(de)視(shì)之正常為(w↑® èi)最佳。