10.14日(rì)音(yīn)訊,文(wén)字在大(÷dà)背景圖片中的(de)設計(jì)應用(yòng)要(yào)領。Ω字體(tǐ)是(shì)一(yī)門(mén)藝術(shù),字體Ω ↕£(tǐ)的(de)好(hǎo)壞直接影(yǐng)響εΩ網站(zhàn)的(de)效果,所以在網頁設計(jì♦☆)中字體(tǐ)也(yě)是(shì)大(dà)家(jiā)所做(zu₹λò)的(de)重點工(gōng)作(zuò)之一(yī),如(rú)何應用↕©(yòng)一(yī)個(gè)好(hǎo)的(de)字$¥體(tǐ),又(yòu)如(rú)何把字σ∞≤體(tǐ)發揮至極緻是(shì)大(dà)家(jiā)所±¥←♦奮鬥的(de)目标,用(yòng)文(wén)字将信息傳遞'Ω₹給用(yòng)戶,用(yòng)圖像展示産品。兩者結♠↓₽合之後,表達能(néng)力呈幾何級上(♦₹shàng)升。
圖像勝過文(wén)字
大(dà)多(duō)數(shù)÷ £<人(rén)認為(wèi)圖像比文(wén)字易于理♣$λ↕(lǐ)解,這(zhè)已經不(bù)是(s₽↕₩hì)什(shén)麽秘密了(le)。通(tōng)♦過觀看(kàn)的(de)形式,圖像更容易表達情緒,也(yě)更容易讓用<←₹↕(yòng)戶銘記。用(yòng)戶很(hěn)可(kě)能(nδ∞éng)因為(wèi)頁面中一(yī)幅動人$±×(rén)的(de)圖像而記住你(nǐ)的(®Ωε₩de)網站(zhàn)。
在網上(shàng),你(nǐ)可(βφ•kě)能(néng)看(kàn)過很(hěn)多(duō)信息圖。信息圖的(d↔↕e)繪制(zhì)規則很(hěn)簡單—&∏¶ mdash;人(rén)們更喜歡讀(dú)圖。很(hěn♦€↕)多(duō)人(rén)甯願從(cóng)圖像中學習(xí)δ↑知(zhī)識,世界上(shàng)三分(fē>♥≥↑n)之一(yī)的(de)人(rén)喜歡用(≈←yòng)圖像作(zuò)為(wèi)學習(xí)的(de)工(gōng)具±✔∞。
背景圖确實能(néng)夠起到(dào)營造氛圍的(de)©✔作(zuò)用(yòng)
和(hé)信息圖的(de)道(dào)理(lǐ)很(hěn)相(xi β¶àng)似,你(nǐ)可(kě)能(néng'σα)會(huì)注意到(dào)很(hěn)多(duō∞<™<)網站(zhàn)的(de)背景都(dōu)采用(yòng)質感佳、意≈ 境好(hǎo)的(de)大(dà)圖。這(z ∏♦γhè)種設計(jì)方式連我都(dōu)挑不(bù)出毛病"∑©✔。這(zhè)種背景圖營造出特殊、出衆的(de)網站(zhàn)氛圍,要("εyào)注意根據品牌的(de)特點選取恰當的(de)大(dà)圖。
關鍵所在
間(jiān)斷的(de)介紹之後,我們來(lái)↓₽討(tǎo)論一(yī)下(xià):用(yòng)戶浏覽網站(zhà≠n),期望得(de)到(dào)怎樣的(de)第一(₹← yī)印象。從(cóng)評論中我們得(d∏αδe)知(zhī),用(yòng)戶喜歡那(β₽↓nà)種簡約理(lǐ)念的(de)網站(zhàn),所以我們就(j←iù)放(fàng)上(shàng)一(yī)張效果驚人( ♥rén)的(de)背景照(zhào)片,背景上(sh♣∑àng)面再寫上(shàng)幾行(xíng)字,就(jβ ♥iù)能(néng)滿足用(yòng)戶需求。
文(wén)字解釋似乎有(yǒu)點含糊不(bù)清,♠±÷可(kě)以看(kàn)看(kàn)下(xià)面的≤(de)案例便能(néng)明(míng)曉。這(zhè)種設計β©(jì)方法非常行(xíng)之有(yǒu±♣)效,效果很(hěn)形象化(huà)。我前面已經說(s↑φ£huō)過,用(yòng)戶期望先看(kà>$ n)到(dào)一(yī)張大(dà)圖,既舒服,又(yò<♥≥'u)能(néng)了(le)解大(dà)緻內(nèi♦β)容,有(yǒu)個(gè)心理(lǐ)準備,然☆∑♠後再看(kàn)文(wén)字,詳細的(de)了(le)解內(nèi)容↓→ ,這(zhè)樣的(de)信息傳達更加到(dào)位。
這(zhè)種方式下(xià),用(yòng)戶會(h∏€β¥uì)在你(nǐ)的(de)網站(zhàn)停留更久、會(€₩huì)獲取更多(duō)公司信息、會(huì)了(l©≥e)解更多(duō)你(nǐ)的(de)産品。
但(dàn)是(shì),功能(néng)λ↑δ大(dà)于形式,如(rú)果在某些(xiē)情況下(xià),繼續用(yββòng)文(wén)字向用(yòng)戶傳達信息,又(yòu)希望通(t"✘≥ōng)過大(dà)圖的(de)方式來(lái)吸引用(y₽™₹♦òng)戶怎麽辦?
請(qǐng)看(kàn)案例
慵懶而又(yòu)清新的(de)背景,美(měi)好(hǎγ✔'↔o)陽光(guāng)初現(xiàn)的(de)早晨₽σ<₩,手握平闆,上(shàng)網沖浪,這(zhè)張大(dà)圖很Ω♥±♥(hěn)美(měi),但(dàn)是(shì)如(rú✔≠)何強調性的(de)表現(xiàn)文(wé∑←n)字內(nèi)容?答(dá)案是(shì)做(zuò)一(yī)些(♥&βxiē)模糊處理(lǐ)
大(dà)背景圖片很(hěn)酷,怎麽體(tǐ)現(xi&♥★✘àn)文(wén)字的(de)內(nèi)容?答(dá)案是(shì),₩Ω₽文(wén)字要(yào)更酷、更大(dà)
黑(hēi)雲壓城(chéng)城♠∞>(chéng)欲摧,文(wén)字凸顯主題開(kāi),₩∞β∑原諒這(zhè)首拗口的(de)打油詩吧(ba×÷),黑(hēi)色、單一(yī)的(de)背景,先用(yòng)彩虹傘做✔₽®≠(zuò)一(yī)個(gè)區(qū)域聚焦,然後白(bái)色的(d♠✘'∞e)标題自(zì)然而然的(de)形成了(le✔&)強烈對(duì)比。
這(zhè)張圖太棒了(le):1.引出并強調了©↔(le)文(wén)字2.一(yī)種妙趣橫生(s≥$$hēng)的(de)聚焦手段。當然,文( Ω$÷wén)字還(hái)是(shì)做(zuò)主角。
黑(hēi)白(bái)背景的(de)對(du∑♥&ì)比,強調出文(wén)字。2.水(shuǐ)平上(shàng↑™←)雜(zá)亂的(de)紙(zhǐ)屑引導用(§ ≈yòng)戶閱讀(dú)。
永遠(yuǎn)都(dōu)那(nà)麽有(yǒu)力的•(de)黑(hēi)白(bái)配
圖片雖然比文(wén)字易懂(dǒng),但(dàn)是(shì)£¥®若隻有(yǒu)圖片,表達效果很(hěn)模糊,隻有(yǒu)文(wé<∏©n)字,讓人(rén)不(bù)免枯燥。
無論圖片有(yǒu)多(duō)大(dà),我依然認為(wφ≠<èi)文(wén)字代表的(de)是(shβ×∞↔ì)”主題”,圖片起解釋作(¶©zuò)用(yòng),大(dà)圖片背景網頁設計(jì)中↔δ>,如(rú)何防止喧賓奪主、以小(xiǎo)博大(dà& ↑),真的(de)是(shì)一(yī)門(mén)學問(wèn),隻有(y'→∞≤ǒu)圖文(wén)并茂才能(néng)觸發用(yòng)戶的•₹&∞(de)感覺和(hé)理(lǐ)解。