11.09日(rì)音(yīn)訊,網站(zhàn)背景設計(jì)™↓€十大(dà)經典法寶。如(rú)何選擇一(yī)種最恰當的(d±∞γe)網頁背景是(shì)網站(zhàn)設計(jì)中最常見(jiàn)的(§♦λ de)問(wèn)題之一(yī)。通(tōng)☆₽常網站(zhàn)設計(jì)者都(dōu)已準備好(hǎo≤∑&)網站(zhàn)內(nèi)容，而且版面布局大(Ω≥<dà)多(duō)也(yě)基本敲定。但(dàn)背景要(yào)麽是(shìε≥)令人(rén)厭(yàn)煩，要(yào)麽是(shì)★↓讓人(rén)眼花(huā)缭亂，讓設計$$(jì)者遲遲不(bù)能(néng)确定。
今天，我們将介紹幾個(gè)實際網站(zhàn)來✔↑✘∏(lái)啓發你(nǐ)的(de)靈感，看(kàn₹λ¶≥)看(kàn)如(rú)何設計(jì)趣味而又(yòu)令人(rén)感興↓"•趣的(de)網頁背景。收藏本文(wén)，當你(nǐ)再次≥δ$↔閱讀(dú)時(shí)，你(nǐ)定會(huì)被某$✘€一(yī)個(gè)背景設計(jì)所迷戀。
1.素描設計(jì)
這(zhè)種設計(jì)在幾年(ni> án)前就(jiù)變得(de)比較流行(x₩λíng)，而且一(yī)直持續到(dào)現(xiàn)在。這(zhè)靈感來β" ≠(lái)源于在筆(bǐ)記本上(shàng)的(de)塗鴉亂畫←γ(huà)，就(jiù)像你(nǐ)十幾歲時(sh✔σ₽í)在英文(wén)課上(shàng)所作(zuò)的(de)那(nன≠)樣。每一(yī)部分(fēn)都(dōu)是↕♣£(shì)些(xiē)粗糙的(de)素描表現(xiàn)，♥≠↔頁面看(kàn)似是(shì)非常随意的(de)創意集合↔₹≈，而它們都(dōu)以不(bù)同的(de)旋轉方式散布在頁面各處。Notcα'•λhStudio就(jiù)是(shì)很(hěn)好(h¶'♦<ǎo)地(dì)應用(yòng)了(le)這(zhè↑<§)種創意，并且以非常柔緩的(de)方式表現(xiàn)出來(lái)。
即使你(nǐ)本人(rén)不(bù)善長(cháng)繪δα畫(huà)，這(zhè)種創意也(yě)是(shì)相(xiàng→≥☆$)當容易實現(xiàn)的(de)，是(shì)因為(wèi)這(zhè≈€≠♣)些(xiē)塗鴉通(tōng)常都(dōu)是(shì)些(xiē)非常★α基本的(de)設計(jì)。如(rú)果擁有(yǒu)一(yī)部W≥✘£÷acom或iPad平闆電(diàn)腦(nǎo)，你( <nǐ)就(jiù)可(kě)以相(xiàng)當容易地(εεdì)描繪出你(nǐ)自(zì)己的(de>&€)圖片或者某種意義上(shàng)能(néng)夠反映★λ此類風(fēng)格的(de)書(shū)寫文(wén)本。還(hái)'≥有(yǒu)很(hěn)多(duō)免費(fèi)字體(tǐ)如(rú)Poi$λnty，可(kě)以幫你(nǐ)不(bù ✘)費(fèi)吹灰之力就(jiù)可(kě)實現(xiàn)✔€÷讓人(rén)贊不(bù)絕口的(de)素描。
2.精細文(wén)稿設計(jì)風(fēng★∑§β)格
紙(zhǐ)張的(de)質地(dì)紋理(lǐ)總能(néng)激Ω↕∑∞起設計(jì)者的(de)激情，而且為(wèi)所有(yǒu)年(niá↕↓n)齡所适用(yòng)。目前這(zhè)種創意已₹☆✘ 不(bù)像幾年(nián)前那(nà)樣風(fēng∑✔)靡，但(dàn)是(shì)它還(hái)是(shì)會(•↔"✘huì)帶給你(nǐ)一(yī)種非常微(wēi)妙的(de)效果：如✘♠↓(rú)果你(nǐ)沒有(yǒu)看(kàn)到(dào)它，那(nà)會(δ÷₩☆huì)讓你(nǐ)非常地(dì)想念。
你(nǐ)注意到(dào)BeautifulType所用(y"÷'òng)的(de)紋理(lǐ)設計(jì)，它既€©沒有(yǒu)偏離(lí)主題也(yě)沒有(yǒu)過分↓≤≥(fēn)誇張，而是(shì)将一(yī)個(gè)原本看(k↕☆γ àn)起來(lái)就(jiù)很(hěn)好(hǎo)的(deλ δ)網站(zhàn)更是(shì)錦上(shàng)添花(huā)。
3.漸變設計(jì)
很(hěn)多(duō)設計(jì)者÷≈$認為(wèi)漸變已經因被過度使用(yòn☆σ'g)而變得(de)不(bù)再那(nà)麽讓人(rén)著(zhe)迷。→βλ我個(gè)人(rén)認為(wèi)它們很(₽™hěn)容易被濫用(yòng)，而且執行(xíng)的"≥↔γ(de)不(bù)恰當，但(dàn)是(shì)我們決不(bù)會Ωσ$(huì)看(kàn)到(dào)全是(shì) ×&☆純色一(yī)統天下(xià)沒有(yǒu)漸變的(¶↓<de)局面。因為(wèi)漸變反映了(le)現(xiàn)實（自ε∑(zì)然世界我們從(cóng)未看(kàn)到(dào)沒有(yǒu)任≤'♣€何摻雜(zá)的(de)純色），所以為(wèi)了(le)讓他(tā)們的 ∏♠σ(de)作(zuò)品感覺起來(lái)更真實，設計(jì)者₹"♦還(hái)會(huì)繼續應用(yòng)漸變設計(jì)。
漸變設計(jì)通(tōng)常是(shì)用(yòn★≥€ g)來(lái)保持事(shì)物(wù)樸素的♦♣α☆(de)最好(hǎo)方法。不(bù)必混入瘋狂的(de✘¶λ)顔色，也(yě)無須制(zhì)造不(bùδ$♦)明(míng)快(kuài)的(de)變調，隻需選擇♦✔'®一(yī)個(gè)簡單的(de)漸變。我的(de)最愛(ài)之一(λ←yī)就(jiù)是(shì)從(cón∏>↔£g)老(lǎo)灰到(dào)黑(hēi)灰的(de)漸變。它φ'純淨，易于實現(xiàn)而且表現(xiàn)出真正™≈的(de)優雅。你(nǐ)可(kě)以從(cóng)如(rú)下(xià)的←β(de)設計(jì)中體(tǐ)會(huì)到(≥₹•dào)這(zhè)一(yī)點。
4.雙色調對(duì)比設計(jì)
力求頁面獨特雅緻而大(dà)膽的(de)§♣另一(yī)個(gè)選擇就(jiù)是(sh✘↑ì)頁面中加入一(yī)個(gè)生(shēng)硬的(de)變色設計(j≈±∞'ì)。大(dà)多(duō)是(shì)水(shuǐ)平方向的(de)變色，↓±但(dàn)如(rú)果采用(yòng)垂直設計(jì)也δ∏•€(yě)會(huì)給人(rén)獨特和(hé)耀眼的(✔λ$de)感覺。
這(zhè)種創意是(shì)要(yào)利用(yòng)對σ©©(duì)比的(de)魔力。我們的(de)眼睛會(huì)非常自(z£γ¶₹ì)然地(dì)被對(duì)比色所吸引而不(bù)能(n'☆•éng)自(zì)拔。其關鍵在于要(yào)确保兩種顔色明(míng$ ✔)顯差異。不(bù)要(yào)選擇任何抵觸或沖撞色調，而要(yào)嘗試純πα∏♣黑(hēi)與一(yī)種淺色的(de)對(duì)比。
5.全屏圖片設計(jì)
我提及這(zhè)種創意，你(nǐ)或許會(huì)嗤之以鼻©$，但(dàn)我仍會(huì)盡我所能(néng)繼續給你(nǐ)講解掌&←握這(zhè)種創意設計(jì)的(de)技(jì)巧：偉 ↕大(dà)的(de)圖片成就(jiù)偉大(dà)♣©的(de)設計(jì)。它簡潔而樸素。任何人(rén)都ε (dōu)偏愛(ài)美(měi)好(hǎo)的(de)圖•α片，因此将它加入你(nǐ)的(de)設計(jì)中，就(jiù)會(h₹≤uì)使你(nǐ)的(de)網站(zhàn)得(de)到(dào)每個φ'(gè)人(rén)的(de)垂青。很(hěn)簡單，是(shì)吧(ba)•σ？
圖片賦予了(le)真個(gè)網站(zhàn)以靈感。你(nǐ)可(k↔®ě)以從(cóng)一(yī)幅畫(huà)中捕捉到(dào)顔色、紋理(lǐ ±÷)甚至排印的(de)靈感，進而創造一(yī)種非常美(měΩ₹i)好(hǎo)的(de)統一(yī)連貫的(de)主題。
注意體(tǐ)會(huì)下(xià)面網站(zhàn)設計(jì)中的 ↑≠(de)暗(àn)色自(zì)然元素，它給人(r'÷÷én)一(yī)種使用(yòng)了(le)很→£'(hěn)多(duō)照(zhào)片于主 ≤頁滑行(xíng)的(de)外(wài)表和(hé)感覺。
6.紋理(lǐ)搭配顔色漸變設計(jì)
我非常喜歡最近(jìn)時(shí)常看(kàn)到(d®←÷ào)的(de)網站(zhàn)的(de)原因是(s☆✘★hì)在于頁面頂部應用(yòng)了(le)燈光(guāng)效果或融 ♠↑入了(le)某種類似于一(yī)點點紋理(lǐ)，讓頁面快(kuài)速漸變₩↓到(dào)純色的(de)創意設計(jì)。
過多(duō)紋理(lǐ)會(huì)極↓λ易降低(dī)網頁文(wén)本的(de)可'₹₹(kě)讀(dú)性，還(hái)會(huì)增加視(sh✔∏₹ì)覺噪音(yīn)将網頁變為(wèi)一(yī)種完全™>不(bù)同的(de)頁面。而把紋理(l>§∏∑ǐ)隐含置入則會(huì)讓你(nǐ)額外(wài)收獲₽±±§稱贊的(de)眼神，還(hái)不(bù)會(huì)犧牲網頁整體(tǐ)的Ωβ$£(de)美(měi)感與可(kě)讀(dú)性。
太多(duō)時(shí)候，我們是(shì)σ¶利用(yòng)CSS背景圖片重置，讓紋理(lǐ)充斥整個(✘♥gè)背景。其實我們可(kě)以嘗試讓紋理(lǐ)選擇性地(dì)出現(£π¶xiàn)，那(nà)樣你(nǐ)會(huì)立刻發現☆>→©(xiàn)你(nǐ)的(de)設計(jì)看(kàn ↑)起來(lái)要(yào)好(hǎo)地(dì)多(duō)。
7.仰望設計(jì)
天空(kōng)對(duì)于人(rén)類是(shì)&Ω''永恒不(bù)變的(de)幻想空(kōng)間(jiān)。雲∏ ↓✘彩、太陽光(guāng)束、星星和(hé)月(yuè)亮(lià≤ng)，所有(yǒu)這(zhè)些(xiē)元素都(dōu)會(huì)賦☆"€予人(rén)們一(yī)種魔法讓他(tā)們目不(bù)轉睛地(dì®π)盯著(zhe)你(nǐ)。
當你(nǐ)要(yào)把這(zhè)些(xiē)元素融入 ←→ 你(nǐ)的(de)背景的(de)時(shí)候要(×✔®γyào)特别小(xiǎo)心，因為(wèi)那(nà)會&∏•©(huì)特别容易産生(shēng)一(±λΩyī)些(xiē)難看(kàn)或陳腐的(de)效果β✔★。要(yào)掌握這(zhè)種創意技(jì)巧，設計(jì)者需要(★"πyào)對(duì)美(měi)學有(yǒu)很(hφ£∏<ěn)好(hǎo)的(de)感覺，懂(dǒng)得(de)如(rú¥Ω)何表達”空(kōng)間(jiān)”的Ω≈€(de)概念，千萬不(bù)要(yào)把它變成&ε一(yī)種類似于老(lǎo)版Windows屏保的(de)懷舊(jiùσ®)效果。
下(xià)面的(de)網站(zhàn)選用(yòng)優美(měi)的¥₽''(de)天空(kōng)作(zuò)為(wèi)突出的(de)網頁背景，是(s♠'hì)一(yī)個(gè)非常好(hǎo)的(de)例子(zǐ)。設計(j ∏ì)者利用(yòng)複古色調和(hé)微¶©♠(wēi)細的(de)斜線紋理(lǐ)，渲染出δ →了(le)非常漂亮(liàng)的(de)星際空(kōng)間©★(jiān)。這(zhè)是(shì)在你(nǐ)應用(yòng)天空(kōn™γg)在你(nǐ)的(de)網頁背景之前最好(hǎo)要(y™$✘ào)特别關注的(de)。
8.多(duō)色菱形圖案設計(jì)
我能(néng)聽(tīng)到(dào)你(nǐ)在說(s☆±₩§huō)：”菱形圖案？你(nǐ)在開(kāi)玩(wán)笑(xi♠₩↔ ào)？”在你(nǐ)在評語欄扔磚頭之前，我們必須要(yào)¥ αβ承認菱形圖案确實能(néng)夠産生(shēng)一(yī)些(xiē)♦"ε特别有(yǒu)魅力的(de)效果。但(dàn)是(shì)，就(jiù)像γ±我們先前說(shuō)的(de)一(yī)樣，這(zhè)種創意不(♠"σbù)是(shì)任何人(rén)都(dōu)λσε能(néng)做(zuò)的(de)，隻有(yǒ∑₩♣u)那(nà)些(xiē)懂(dǒng)得(de)如(rú)何利用(yònΩ g)狂熱(rè)模式的(de)有(yǒu)經驗的(de)老(lǎo)手才¥₽能(néng)熟練掌握而不(bù)至于造成難看(kàn)的(dεπe)效果。
下(xià)面是(shì)應用(yòng)這(zhè)種創意效果非常好(₩↔βhǎo)的(de)一(yī)個(gè)實例。改良後的(de)菱形圖案€₩₹β格調的(de)應用(yòng)并沒有(yǒu)特别出格地₽☆≤(dì)吸引你(nǐ)的(de)注意力，而是(shì)給∏©✔←頁面帶來(lái)了(le)非常好(hǎo)的←←↑(de)華美(měi)情調。
9.抽象和(hé)狂熱(rè)設計(jì)
是(shì)否你(nǐ)已經厭(yàn)倦£Ω了(le)我的(de)關于微(wēi)妙設計(jì)技(jì)巧的(d₹≥α$e)”謹慎”或”放(fàng)∞♠÷≤松”的(de)建議(yì)？那(nà)麽這(☆≈'zhè)個(gè)提示就(jiù)是(shì)給你(nǐ)的(d ∞®₹e)。有(yǒu)時(shí)候，最好(hǎo)®↓的(de)背景可(kě)能(néng)就(✔•€jiù)是(shì)一(yī)些(xiē)對(duì)ε∏∞頁面內(nèi)容無關緊要(yào)地(dì)狂熱(rè)和(hé)大(dà)→★™$膽的(de)表現(xiàn)，它們隻是(shì)為(wèi)了(l♥•>αe)吸引你(nǐ)的(de)注意。
一(yī)些(xiē)網站(zhàn)都(dōu §$)非常好(hǎo)地(dì)實現(xiàn)了(le)水(shuǐ¶¥←)彩畫(huà)的(de)效果，這(zhè)是(shì)一(yī)≤↕δ種非常流行(xíng)的(de)技(jì)巧✔λ，你(nǐ)能(néng)夠發現(xiàn)非常多(®♠ duō)地(dì)網絡資源可(kě)以模仿。
10.無須避免純色設計(jì)
以上(shàng)所有(yǒu)建議(yì)都(dōu)是(s ☆→hì)要(yào)滿足你(nǐ)成就(jiù)偉大(d≠←™à)網站(zhàn)背景創意的(de)需求。但(©™dàn)是(shì)，對(duì)于一(yī)個(gè©♣)設計(jì)者必須要(yào)明(míng)白(bái)，純色★∑φ背景并沒有(yǒu)任何不(bù)對(duì)的(d£©e)地(dì)方。它是(shì)我的(de)特别喜♥Ω✘愛(ài)的(de)衆多(duō)設計(jì)中的(de)關鍵元素。學會(↑§↔>huì)如(rú)何恰當地(dì)應用(yòng ¶)純色創意是(shì)成為(wèi)一(yī)個(gè)設計(jì)者的(de↓↕ ∞)重要(yào)組成部分(fēn)。
那(nà)裡(lǐ)提供了(le)很(hěn)多(duō)免費(f♦σèi)工(gōng)具，你(nǐ)最好(hǎo♠₹→£)一(yī)定要(yào)加到(dào) ♥你(nǐ)的(de)設計(jì)資源庫裡(lǐ€ £)。這(zhè)個(gè)網站(zhàn)能(néng)讓你(nǐ)對₽☆"(duì)屏幕顔色的(de)預覽和(hé)選擇變得(de)非δ∑★常簡單。你(nǐ)要(yào)做(zuò)的(de)隻是(shì)§≥λ移動鼠标，觀察背景的(de)顔色變化(huà)。
總結
背景的(de)選擇決定著(zhe)你(nǐ)整個(gè)網站(zh↕♣àn)的(de)基調和(hé)個(gè)性。就(jiù)在前兩天，"↔ δ我的(de)一(yī)個(gè)同行(xíng)有(yǒu)意将他(tā)的(φ∑de)網站(zhàn)置入我們的(de)宣傳目錄，但Ωπ<(dàn)是(shì)他(tā)們隻是(shì)選擇了(☆δle)一(yī)個(gè)特别差的(de÷♥π)背景圖片。這(zhè)個(gè)網站(zhàn)的(de)設計(jì)和± ±≤(hé)布局非常好(hǎo)，我就(jiù)是(s₽"αhì)不(bù)能(néng)容忍那(nà)個(gè)φδ難看(kàn)的(de)背景。之後，他(tā)接受了(lγ¥€e)我所指出的(de)問(wèn)題，并把βε背景變換成了(le)一(yī)種更簡潔的(de)風(f☆λ☆ēng)格，直接把網站(zhàn)提高(gāo)到(dào)了(le)一(y©ī)個(gè)全新的(de)水(shuǐ)平。
就(jiù)像在開(kāi)場(chǎng)白(∞♦₽>bái)所說(shuō)的(de)那(nà±δ$")樣，下(xià)一(yī)次當你(nǐ)≥$糾結于設計(jì)常規而不(bù)能(néng)選擇合适網™↑β頁背景的(de)時(shí)候，再來(lái)看(kàn)一(↔φyī)下(xià)我們這(zhè)篇文(w÷←≈én)章(zhāng)，嘗試其中的(de)某種創意。總有(yǒu)一₹×(yī)天，你(nǐ)也(yě)會(huì)抵達完美(měi)網站(z∏$ hàn)的(de)彼岸。
