從(cóng)網站(zhàn)元素與內(n×÷èi)容都(dōu)有(yǒu)細緻的(de)方法可(kδ‌→ě)循，附上(shàng)優秀案例剖析，整個(gè)過程由淺入深，層®δα次分(fēn)明(míng)，非常值得(de)馬克學習(xí)✔'€' >>>

由于屏幕是(shì)有(yǒu)限的(de)，因此網頁設計(j♥←×ì)也(yě)是(shì)有(yǒu)限的(de)。可(kě)以這(zhè)麽說(shuō)，在δ↑←屏幕這(zhè)個(gè)小(xiǎo)小(xiǎo)&≤§ 的(de)盒子(zǐ)中，每個(gè)像素都(dōu)是(shì)一←σ☆(yī)塊不(bù)動産。

就(jiù)算(suàn)是(shì)菜鳥&∞，也(yě)懂(dǒng)得(de)一(yī)個(gè)頁面不(bù)能(né€ε↔•ng)加載過多(duō)的(de)內(nèi)容，但(dàn↓λ÷✔)涉及到(dào)究竟應該規劃多(duō)少(shǎo)留白(bái)，包括經驗老(lǎ‌∞♦o)道(dào)的(de)設計(jì)師(shī)或許也(yě)很(hěn)茫然。

內(nèi)蒙古網站(zhàn)制(zhì)作(δ  zuò)，內(nèi)蒙古網站(zhàn)設計(jì)，內(nèi)蒙古↑γ​網站(zhàn)建設，呼和(hé)浩特網站(zhàn)建設，呼和(hé)浩特網站(zhà₽Ω←★n)制(zhì)作(zuò)、呼和(hé)浩特網站(zhà₽✔☆n)設計(jì)首選內(nèi)蒙古呼和( Ω£hé)浩特先誠網絡科(kē)技(jì)公司。先誠官網：/

留白(bái)，另一(yī)說(shuō)為(wèi)“負空(kōng)間(≤₹jiā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)容ε↑≈✘。

這(zhè)篇文(wén)章(zhāng)中，我們将討(<♦tǎo)論，怎樣運用(yòng)設計(jì)師(sα"hī)的(de)錦囊妙招中的(de)超強緻勝工(gōng)具：留白(bái)。

留白(bái)的(de)原因

就(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è)麽說(shuō)，它決不(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ǐ)想突顯的(d&§÷₽e)元素。這(zhè)在品牌标識展示或增加用(yòng)戶交互行(xíng)為(±✘wèi)的(de)時(shí)候最為(wèi)有(yǒu)效。

2、清晰度

在兩個(gè)較小(xiǎo)的(de)內(nèi)容元素之間(j♦♣ Ωiān)的(de)空(kōng)間(jiān)∏±∑（在此稱小(xiǎo)空(kōng)間(jiān)）諸如(rú)一(yī)個(gè)'♠€→文(wén)字，或一(yī)行(xíng)文(wén)字，列表，圖标等，恰當的(de)留白(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)說(sh↓πuō)，如(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ōng)間(jσ≠ ₩iān)），以及運用(yòng)它們的(de)不(bù)同的(de)方法（被動和(hé)主♠≠動）。

大(dà)空(kōng)間(jiān)和(hé)小(xiǎo)空(kōng)間( σ¥₩jiān)

網頁設計(jì)中，在哪裡(lǐ)運用(yòng)以及•¶π怎樣運用(yòng)負空(kōng)間(jiā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•¥òng)于：

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

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

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

Margin

Padding

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

譯者注：這(zhè)裡(lǐ)的(de)Margin和(hé)Padding指的(de)∏‌♥是(shì)網頁設計(jì)中元素标簽外(wài)部範圍的(de)區(qū)域。參考下(™×¶πxià)圖可(kě)以幫助理(lǐ)解。

這(zhè)類型的(de)留白(bái)空($∏λ♥kōng)間(jiān)很(hěn)大(dà)程度影(yǐng)響用(yòng)戶的(de↑≥ ₽)視(shì)覺流，不(bù)管是(shì)潛在引導或者強勢推動都(d₩↕‍ōu)可(kě)以讓注意力引導到(dào)你(nǐ)想要(y™φβào)他(tā)們停留的(de)地(dì)方。但(dàn)在此要(y<'Ωào)強調的(de)一(yī)個(gè)法則即是(shì)距離(lí)越大(dà)動♠∑φ力越強。想要(yào)打破平衡，然而，由

于太多(duō)的(de)留白(bái)違反了(le)格式塔原則，其結果就(jiù)是(shì₩π)消弱了(le)對(duì)象間(jiān)的(de)關系。

大(dà)多(duō)數(shù)用(yòng)戶首先都(dōu)會(huì)∏≥注意到(dào)頁面标題，也(yě)就(jiù)是(shì)“Digital art&¥•Experiments”這(zhè)句話(huà)，而在它外(wài)圍的(de)則₽ Ω是(shì)大(dà)面積的(de)留白(bá↕£₹i)，這(zhè)樣就(jiù)使得(de)用(yòng)戶的(de∑β®')注意力完全集中于此。

盡管頁面的(de)頂部和(hé)底部隻有(yǒu)一(yī)側留白(bái)，但₽☆←​(dàn)它們也(yě)同樣可(kě)以₩α→≥引起注意。總而言之，在此，留白(bái)的(de)區(qū•©φ$)域很(hěn)好(hǎo)發揮了(le)吸引注意力 ©÷的(de)作(zuò)用(yòng)，而設計(jì)也(yě∑α★☆)就(jiù)似乎看(kàn)上(shàng)去(qù)不☆≤§ (bù)可(kě)思議(yì)的(de)簡潔起來(lái) ¶₹₽。

設計(jì)師(shī)實際上(shàng)是(shì)采用(yò✔¶>ng)留白(bái)區(qū)域作(zuò)為(wèi)一(yī)個(gèλβ)空(kōng)白(bái)幕布，以便給觀衆留下(xià)驚喜β¶←≤，好(hǎo)讓我們可(kě)以看(kàn)<∞到(dào)他(tā)的(de)作(zuò)"εα<品的(de)豐富細節。一(yī)旦鼠标移動到(dà✔§←o)底部導航的(de)任一(yī)欄目時(shí♠★↑")，幕布上(shàng)就(jiù)會(huì)出現(xiàn)作≤™→(zuò)品的(de)圖片作(zuò)為(wèi≥<λ)背景全屏展示

。這(zhè)種效果創造出類似年(nián)幼時(shí)的(de)一(yī)✔§™σ種探索和(hé)發現(xiàn)的(de)樂(yuè)趣：₩↑¶無意間(jiān)闖入一(yī)片空(kōng)&₽↑®白(bái)的(de)場(chǎng)所，發現(xiàε​n)了(le)每個(gè)抽屜都(dōu)藏匿著(zhe)豐富多(duō)彩的(de)視(shì)←×≤覺盛宴。

你(nǐ)可(kě)以試試鼠标滑過時(shí)屏幕上(shàng)發× ↕ 生(shēng)的(de)戲劇(jù)性效果。

通(tōng)過留白(bái)區(qū)域作(zuò)為(wèi)工(gōng)具來(lái)​×誘導用(yòng)戶注意到(dào)他(→∞tā)的(de)作(zuò)品，設計(jì)師(shī‌≤↑)創造出了(le)一(yī)種新鮮奇特的(de≈≈)體(tǐ)驗。在第一(yī)個(gè)作(zuò)品出現<β↔€(xiàn)後，我們就(jiù)很(hěn)想看(kàn→₩Ω≥)看(kàn)他(tā)還(hái)有(yǒu)哪些(xiē)佳作(zuò)。這(zhè)感覺蠻≠★↔吸引的(de)，因為(wèi)你(nǐ)将會₹↔ (huì)抑制(zhì)不(bù)住地(βγdì)想要(yào)找到(dào)最

為(wèi)重要(yào)的(de)內(nèi)容。但(d✔$‍€àn)這(zhè)都(dōu)要(yào)建立在一(yī)個(gè)完美(měi)的(de)點燃↕ ≠ 你(nǐ)好(hǎo)奇的(de)切入點基礎上(shàng)。

2、小(xiǎo)元素的(de)留白(bái)

另一(yī)方面來(lái)說(shuō)，當設計(jì)師(shī)們談到(dào→ε&)小(xiǎo)元素留白(bái)，他(tā)們通(tōπ←ng)常是(shì)指的(de)較小(xiǎo)的(de)元素或是(shì)較大(dà)元素中的(φ™de)次級元素的(de)留白(bái)。他(tā)們包括：

字體(tǐ)

行(xíng)距

段落

列表

按鈕

圖标

小(xiǎo)元素的(de)留白(bái)最多(duō)被用(yòng)在強調網站(zhàn)整δ©∏ 體(tǐ)的(de)清晰度上(shàng)面，尤其是(shì)在排版的(de)清晰度上(shàngλα•)。當你(nǐ)試圖利用(yòng)文(wén)字間(jiān)的(de)留白(bái)打₹★σ破平衡，保持清晰易讀(dú)的(de)同時(shí)又(yòuα×&)能(néng)不(bù)至于太過而讓它偏離(lí)了(le)重要(✘‍yào)的(de)內(nèi)容。我在這(zhè)裡(lǐ)，僅™Ω僅

是(shì)一(yī)個(gè)提議(yì)，建議(yì)$±>将英文(wén)行(xíng)距設置為(wèi)1.5px最為(wèi)完美(měi)。（譯者按：≥ λ這(zhè)裡(lǐ)的(de)作(zuò)者沒有(yǒu&✘π)考慮中文(wén)字體(tǐ)的(de)行(xíγ★ng)距）

就(jiù)像格式塔規律中談到(dào)的(de)，讓距離(lí)較近(j‌≈‌ìn)的(de)元素視(shì)覺上(shàng)更為(wèi)接Ωπ§近(jìn)，這(zhè)将暗(àn)示→'₹↕它們具有(yǒu)相(xiàng)同的(de)功能(néng)。小(x¥☆iǎo)元素的(de)留白(bái)将會(huì•☆§×)讓用(yòng)戶知(zhī)道(dào)按鈕與鏈接之間(jiān©® )的(de)關系，而同樣的(de)留白(bái)将強化(huà)這∏§(zhè)種機(jī)制(zhì)，這(zhè)在用(yòng)戶使用(yòng)過程

中進一(yī)步增強認知(zhī)度。

盡管留白(bái)被分(fēn)為(wèi)了(le)大(dà)元素和(hé)小(xiǎ∑≥o)元素兩種類型，每一(yī)種類型也(yě)有(yǒu)主動與被動兩種用(yòng)>ε×♠法。

被動留白(bái)與主動留白(bái)

留白(bái)的(de)應用(yòng)其實都>₩♦(dōu)是(shì)取決于內(nèi)容。

就(jiù)像此前談到(dào)的(de)，留白(bái)越多(duō)，內(n裥i)容的(de)吸引力就(jiù)越強。但(dàn)是(shì)，你(nǐ)不(bù)會(<δα♣huì)想要(yào)頁面的(de)每個(gè)元素都(dōu)具有(y>☆∞ǒu)最大(dà)吸引力，更别提有(yǒu)限的(de)屏幕空(kō>ε₹£ng)間(jiān)了(le)。

那(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)将會(h&♣↑♠uì)變得(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)面的(de)例子(zǐ)，導航裡(lε•ǐ)的(de)每個(gè)鏈接間(jiān)的(de)距離(lí)，再看(kàn)看(kàn'>)下(xià)面這(zhè)行(xíng)文(wén)字，行(xíng)距，字間(jiān)距∏≥♠¥等。你(nǐ)能(néng)看(kàn)出什(shén)麽不(bù)同₽↑尋常的(de)嗎(ma)？……答(dá)案是(shì)你(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é)mar¶±δ↓gin的(de)空(kōng)間(jiān)π↕β>去(qù)強調元素之間(jiān)的(de)不(bù)同，避免混淆&÷"‍。舉例來(lái)說(shuō)，就(jiù)像導航和(hé)注冊都(dōu)在網頁≈ 頂部，但(dàn)彼此間(jiān)間(£πjiān)隔了(le)一(yī)定的(de)距離(lí)。

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

被動空(kōng)間(jiān)的(de)應用(yòng)應該 ¥ 是(shì)自(zì)然而然的(de)。實際上(shàng)，​≥被動留白(bái)的(de)主要(yào)目的(de)甚至可(kě)以說(shuō)就(ji"♠ù)是(shì)不(bù)被注意。當你(nǐ)試著(zhe)營造一(yī)塊被動空✔÷(kōng)間(jiān)，那(nà)麽你(nǐ)要(yào)ε₹↕讓它看(kàn)起來(lái)不(bù)那(nà)麽引人(rén)注意，就(jiù)  簡簡單單的(de)視(shì)之正常為(wèi✘↕ )最佳。

當安置好(hǎo)所有(yǒu)的(de)被動空(kōng)間(≥≈↓jiān)，接下(xià)來(lái)才涉及到(dào)主動的(de)部分(fēn)。

2、主動空(kōng)間(jiān)

在上(shàng)面的(de)這(zhè)個(gè)網頁中頁面裡(lǐ)有(yǒu)好λ→(hǎo)幾個(gè)元素：菜單欄按鈕、下(xià)拉箭頭、下ε®(xià)拉提示等，然而，屏幕中占據主導地(dì)位的(de)是(shì)中間(jiān)的γ'×(de)黑(hēi)色文(wén)字，這(zhè)讓其他(tā)的(de)元素✘α都(dōu)放(fàng)在了(le)周圍，設計(jì)師(shī)放(fàng)§&大(dà)了(le)中間(jiān)的(de)留白(b£Ω↕ái)區(qū)域，然後

把最重要(yào)的(de)信息放(fàng)在這(zhè)裡(lǐ)，讓用( → yòng)戶的(de)注意力完全集中于此。

同時(shí)，減少(shǎo)兩行(xíng)元素間(j→∏"₹iān)的(de)距離(lí)，這(zhè)一(™ ♥yī)過程也(yě)許可(kě)稱得(de)上(γ  shàng)是(shì)一(yī)種“隐藏”的(de)方式。就(jiù)像你(π↑φ"nǐ)常常在網站(zhàn)上(shàng)見(jiàn)到(dào)±δ↕的(de)法律申明(míng)和(hé)版權信息一(yī)樣。請(qǐng)看(kàn↕α)如(rú)下(xià)的(de)例子(zǐ)，“FiberSensing is an HBM∏§✔ Brand”的(de)展示效果

很(hěn)容易讓人(rén)忽略。

大(dà)元素的(de)留白(bái)通(tōng)常是(shì)用(yòngΩβ)于創造首要(yào)的(de)注意力，或是(shì)将一(yī)堆重要(yào)信息分(f↑ ēn)散開(kāi)來(lái)。

然而，有(yǒu)時(shí)候小(xiǎo)元素的(de)留白(bái)也(yě)可(kě)以₽δ采用(yòng)主動的(de)方式，有(yǒu)的(de)設∑↓​ 計(jì)師(shī)就(jiù)使用(yòn$αg)主動的(de)空(kōng)間(jiān)将重要(yào)±≤的(de)引言或者段落等形成一(yī)段文<←$(wén)字獨立出來(lái)而吸引注意。這(zhè)的(de)确是(shì)一 ≠λ(yī)個(gè)強調重點內(nèi)容的(d≈✔e)好(hǎo)辦法。

極簡主義

留白(bái)越多(duō)，也(yě)可(kě)以說(shuō)你(nǐ)的(deβ☆¥)頁面就(jiù)越趨向極簡風(fēng)格，☆✔↓×你(nǐ)通(tōng)過删減很(hěn)多(d→≠uō)元素來(lái)避免淩亂。

極簡風(fēng)格是(shì)一(yī)種設計(jì)的(de)∏∏ 哲學，可(kě)以說(shuō)它不(bù)好(hǎo)但(β₩¶€dàn)也(yě)不(bù)壞。它祛除了(le)所有(yǒu)能(néng)帶給用(y©β òng)戶視(shì)覺幹擾的(de)雜(zá)碎，而讓用(yòng)戶關注到(dào)你(n♥α∏≤ǐ)所展示的(de)重要(yào)內(nèi)容。↕©γ↔沒有(yǒu)了(le)噪音(yīn)，剩下(xià)✔✔的(de)精華內(nèi)容就(jiù)呈現(xiàn)在γ&‌↓一(yī)片優雅的(de)留白(bái)中。

極簡風(fēng)格在兩個(gè)方面影(yǐng)響你(nǐ&≥ ε)的(de)網站(zhàn)：現(xiàn)存的λ☆ (de)元素數(shù)量，高(gāo)品位的(de↑εσ)氛圍。

1、元素數(shù)量

你(nǐ)的(de)頁面存在的(de)元素越少(shǎo)，那(nà)麽頁面™→§÷剩下(xià)的(de)元素就(jiù)顯得(de÷≠)越重要(yào)。

如(rú)果頁面隻有(yǒu)一(yī)個(gè)元素，即使☆‍≤∏它蜷縮在角落裡(lǐ)，仍然是(shì)你(nǐ)的(de)用(yòng)戶關注的(de)♥♥ 焦點。如(rú)果你(nǐ)的(de)頁面有(yǒu)成千上(shàn♠γ<&g)萬的(de)小(xiǎo)元素，你(nǐ)的(de)用(≤✘yòng)戶也(yě)許會(huì)随機(jī)地(dì)尋找他(tā)們的(de)興趣↔δ§ε點，或者由于選擇太多(duō)而放(fàng)棄。

這(zhè)樣一(yī)種相(xiàng)關性，讓我們深知(zhī)，在★‌↔你(nǐ)的(de)設計(jì)中要(yào)增加留白(bái)，最簡單的 ‌☆(de)方式就(jiù)是(shì)減少☆ (shǎo)頁面元素數(shù)量。但(dàn)我們知(zhī)道(dào)說(shuō)起來(±£×lái)容易做(zuò)起來(lái)難。極簡主義可(kě)以說(shuō)适用±¶♣(yòng)于任何網站(zhàn)，你(nǐ)絕不(b☆≥> ù)會(huì)想要(yào)把用(yòng)戶不(bù)需要(yàoπ§>)的(de)也(yě)填

充到(dào)網頁上(shàng)。然而，作Ω®≈∞(zuò)為(wèi)視(shì)覺審美(měi)來(lái)說(shuō)，極簡風$¶(fēng)未必适合所有(yǒu)的(de)網站(zhàn)，尤其是(sh✔€ ì)對(duì)于內(nèi)容豐富的(de)網站(zhàn)®$®•來(lái)說(shuō)，就(jiù)不(bù)會(huì)願意這(zhè)樣光(guāng)β↓秃秃的(de)一(yī)覽無餘的(de)畫(huà)面。

當提到(dào)極簡主義，請(qǐng)大(dà₩↔)家(jiā)記得(de)，我們不(bù)是(shì) $‍≥僅僅在談論審美(měi)方面，它也(yě)不(bù)是(shì)我們的•Ω↕(de)目标。恰如(rú)其分(fēn)達到'£‍(dào)極簡風(fēng)格的(de)水(shuǐ)平是(shì)去(qù)精&§↓α簡頁面元素，直到(dào)不(bù)能(néng)使用(yòng)。這(zhè)需要(y×™φ§ào)在用(yòng)戶中進行(xíng)大(dà)量測試，然後在₩α↕你(nǐ)減少(shǎo)的(de)

最多(duō)時(shí)停止。

就(jiù)像上(shàng)面的(de)例子(zǐ)中，整個(gè)頁面隻有(yǒu)∞"α兩個(gè)可(kě)點擊元素：菜單欄圖标和(hé)下(xià)拉箭頭。信息已經被極簡化(h♠×₽uà)處理(lǐ)放(fàng)在了(le)屏♥¥幕右側。元素少(shǎo)之又(yòu)少(shǎo)，因而用±<(yòng)戶注意力就(jiù)放(fàng)在了(l∑♣e)中間(jiān)的(de)那(nà)張極富感染力的(§↕₹✘de)圖片上(shàng)，同時(shí)視(shì)

線也(yě)會(huì)引導至下(xià)拉箭頭。

你(nǐ)怎樣去(qù)平衡元素的(de)重要(yào)性完全由自(zì)己決定。有(yǒu)些(♦•∞xiē)頁面就(jiù)隻設置一(yī)個(gè)可(kě)點擊的(de)鏈接，這(zhè↔‌)樣确保了(le)用(yòng)戶去(qù)到(dào)ε₹設計(jì)師(shī)想要(yào)他(tā)們去(qù)的(de)π✔λ地(dì)方。而有(yǒu)的(de)頁面給♥↔±了(le)多(duō)個(gè)下(xià)拉選項供用(yòng)戶選擇。你(Ω•αnǐ)可(kě)以考慮去(qù)掉标語，突

出內(nèi)容，簡化(huà)導航，當≠£&然這(zhè)全取決于你(nǐ)的(de)品牌和(hé)産品。

2、高(gāo)品位的(de)氛圍

極簡風(fēng)現(xiàn)在變成了(le)高(gāoλ≤™δ)品位的(de)同義詞，它能(néng)魔法般地(dì)營造出一(yī)種精細、時(βπ∏γshí)尚和(hé)優雅的(de)氛圍。時(shí)尚行(xíng)業σ∏π(yè)的(de)網站(zhàn)在數(shù)字€♣£設計(jì)方面都(dōu)是(shì)傾向極簡的(de)，但(dàn)是(shì)對(d↔₽ε‍uì)于一(yī)些(xiē)零售行(xíng)業(yè)的(de)企業(yè)來(l₩£®↑ái)說(shuō)，還(hái)很(hěn)少(shǎo)看(kà♦∞n)到(dào)有(yǒu)類似的(de)設計(jì)♠×

。

高(gāo)品位的(de)氛圍是(shì)與留白(bái)有(yǒu)著± (zhe)直接的(de)聯系的(de)：

重度留白(bái)：可(kě)以見(jiàn)到(d↕¶≥©ào)一(yī)些(xiē)奢華、高(gāo)端的(de)品牌中使用(yòng)。

中度留白(bái)：比較平衡但(dàn)仍是(shì)有(yǒu)品質的(de)。

低(dī)度留白(bái)：可(kě)見(jiàn)于一(yī)些(xiē)廉價的(de)、質低Ωα(dī)的(de)、淩亂的(de)展示效果中

你(nǐ)可(kě)以用(yòng)亞馬遜的(de)網站(zhàn☆₩)和(hé)剛剛上(shàng)面那(nà)個(gè✔φγ)網站(zhàn)進行(xíng)對(duì)比，亞馬遜的(de)網站(z♠ hàn)內(nèi)容淩亂而導航的(de)選項繁多(duō)。×‌₽兩個(gè)網站(zhàn)都(dōu)出售了(le) "高(gāo)端的(de)時(shí)尚産品，但(dàn)典型時(shí)尚客戶會(huì)更 φ喜歡哪一(yī)個(gè)呢(ne)？而≥™★α那(nà)些(xiē)理(lǐ)性的(de)喜歡追逐價廉物(wù)

美(měi)的(de)購(gòu)物(wù)者又(y ♥§òu)喜歡哪一(yī)種？

這(zhè)些(xiē)是(shì)應用(yòng)在大(dà)元素和(hé)小(xiβ÷ǎo)元素的(de)留白(bái)空(kōng)間(jiā ‍αn)，但(dàn)同樣重要(yào)的(de)是(sh↓↔←ì)網站(zhàn)使用(yòng)的(de)圖片。浏覽那(nà)些₩€π¶(xiē)時(shí)尚網站(zhàn)所用(yòng)的(d♦$←e)圖片，你(nǐ)會(huì)發現(xiàn)比其他(tā)普通(tōng)網₩<☆站(zhàn)使用(yòng)的(de)圖片更具有(y¶¥×ǒu)藝術(shù)感。

總之，你(nǐ)還(hái)是(shì)需要(yào)從(cóng)∞↕<了(le)解自(zì)己的(de)客戶需求開(kāi)始。研究你(nǐ)↑<的(de)用(yòng)戶，他(tā)們的(de)特點，然後再考慮用®>(yòng)多(duō)少(shǎo)留白(bái)來(lái)展★•示自(zì)己的(de)信息，讓用(yòng)戶體(tǐ)驗最優化(huà)。

總結

作(zuò)為(wèi)一(yī)種視(shì)覺₩Ω↑藝術(shù)，設計(jì)不(bù)能(néng)忽略最重要(yào)的(de)視(shì​λ♦>)覺藝術(shù)基本原則。它需要(yào)滿足審美(měi)的(d§→e)同時(shí)也(yě)要(yào)創造出更為(wè뮧φi)長(cháng)遠(yuǎn)的(de)實際價值，比如‌™×(rú)更多(duō)的(de)互動，更人(rén)性化(huà)∏φ¥的(de)交互。

對(duì)于入門(mén)的(de)設計(jì​≥')師(shī)來(lái)說(shuō)，做(zuò)網頁設計(jì)隻是(shìπ ‍≥)增加一(yī)個(gè)頁面的(de)可(kě)操作(zuò)元素。但(dà♥☆♣±n)是(shì)對(duì)于高(gāo)級設計™"(jì)師(shī)，做(zuò)網頁設計(jì)是(shì)如(rú)何巧妙的(de)使✔♦®β用(yòng)留白(bái)去(qù)引導用(yò×↕♠ng)戶進行(xíng)交互。

注：本文(wén)均來(lái)自(zì)百度搜索，如(rú)涉及版權問(wèn)題↓✘，請(qǐng)聯系我們，我們會(huì)第'✔一(yī)時(shí)間(jiān)解決。