導緻網頁設計(jì)效果大(dà)打折扣§≥>∏的(de)問(wèn)題剖析

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí)間(jiān)₩§≤δ：2011-12-13 作(zuò)者：

在設計(jì)一(yī)個(gè)網頁時(shí)，确實有(yǒu)許多(du¥δ∞βō)細節會(huì)讓許多(duō)設計(jì)師(shī)誤↕≥®£入歧途。在本文(wén)中，我們會(huì)討(tǎo)論幾個(gè)會(huì)導緻網頁設計(jì)效果大(dà)打折扣的(de)問(wèn)題。¥α≤希望引起大(dà)家(jiā)的(de)注意。

　　良好(hǎo)的(de)網頁設計(jì)是(shì)件(jiàn)很(hěn)難←≥實現(xiàn)的(de)事(shì)情。一(yī)個(gè★ε)好(hǎo)的(de)網頁設計(jì)，不(bù)僅吸引↔π眼球，也(yě)是(shì)實用(yòng)的(de)、直觀的(de)、層級簡•₩∑單卻足夠保持用(yòng)戶的(de)興趣。字體(tǐ)、色彩、空↑<™ (kōng)白(bái)與內(nèi)容間(jiān)的(de)完美(měi↔↓¶)平衡可(kě)以構成一(yī)個(gè)非常好(hǎo)看(kàn)的(de)設計(>×&jì)，增加用(yòng)戶粘性；而一(y≤£σī)個(gè)壞的(de)網頁設計(jì)，可(kě)能(néπ←∑ng)會(huì)把用(yòng)戶從(cóng)你(nǐ)的(‌α₹©de)網站(zhàn)上(shàng)趕跑。

　　1、沒有(yǒu)足夠的(de)空(kōng)白(bái)

空(kōng)白(bái)可(kě)以說(shuō)是(shì)設計(jì)中最重要(yào✘↕↑♣)的(de)一(yī)部分(fēn)。它有(yǒu)助于防止用(yòng)戶在浏覽網站(zhàn)↕¥時(shí)變得(de)疲憊，它可(kě)以在內(nèi)容中劃出距離(lí)，而且Ω  π它本身(shēn)也(yě)看(kàn)上(shàng)去(qù)不(bù)↔<錯(cuò)。空(kōng)白(bái)不(bù)是(shì)必須用(yòng)白( σbái)色的(de)，而是(shì)，它僅僅是(shì)為(wèλγ§i)其他(tā)設計(jì)元素提供間(jiān)隔和(hé)緩沖的(de)空(kōng)間(j'"iān)。

　　2、字體(tǐ)太多(duō)

　　是(shì)的(de)，我知(zhī)道(dào)你(nǐ)剛買了£λ(le)一(yī)組5000個(gè)超級棒的(de)字體(tǐ)，但(βα dàn)為(wèi)了(le)你(nǐ)的(α ↑de)網頁設計(jì)，不(bù)要(yào)一(yī)次性全部用(​₽yòng)完。一(yī)般來(lái)說(shuō)，限制(zhì)自(zì)己Ω↕，隻用(yòng)少(shǎo)數(shù)"•幾種字體(tǐ)是(shì)個(gè)好(hǎo)方法β'↔♠，特别是(shì)對(duì)新手設計(jì)師(sβ↔hī)。盡管你(nǐ)可(kě)以用(yòng)襯線和™↔(hé)無襯線字體(tǐ)混合出一(yī>δσ)種非常好(hǎo)看(kàn)的(de)設計(jì)，你(nǐ)也(yě)要(yào)知®↓✔(zhī)道(dào)該用(yòng)在£←‌什(shén)麽時(shí)候、什(shén)麽地(dì)方，心裡(lǐ)要(yào)有®γ(yǒu)計(jì)劃，否則，它看(kàn)起來(lái)會(ε♦huì)很(hěn)奇怪。

 

3、色彩太多(duō)

用(yòng)戶的(de)眼睛喜歡有(yǒu)秩序的(de)設計(j★σì)，如(rú)頭部包含導航和(hé)LOGO，特定內(nèi)容使用(yòng)lig‌<<≤htbox，三列分(fēn)欄，頁腳。它有(yǒu)助于在內(nèi)心組織重± 要(yào)的(de)信息，并引導用(yòng)戶注意在你(nǐ)想讓他(‌φtā)注意的(de)地(dì)方。在傳統藝∑←術(shù)中，新手們被教導色彩、價值和(hé)線性透視(shì)三原則和(hé)其他→§←γ(tā)藝術(shù)指導。在網頁設計(jì)中，沒有(yǒu)特别命名¥☆的(de)準則，但(dàn)以直觀的(de)方式組織你(nǐ£÷)的(de)內(nèi)容是(shì)一(yī)條很"©£€(hěn)好(hǎo)的(de)經驗規則。

　　用(yòng)不(bù)同大(dà)小(xiǎo)的(de)文(wén)字來(láγ↕i)區(qū)分(fēn)也(yě)是(shì)很(hěn)好(hǎo♥÷§')的(de)方法。标準做(zuò)法是(shì)h1的(de)文✘¥(wén)字大(dà)于h2的(de)文↕€(wén)字，頭部文(wén)字大(dà)于段落文(wén)字。盡量保持δ•β一(yī)緻的(de)尺寸，因為(wèi)它有(yǒu)助于一(yī)緻性(第8條)和(hé)內(φ™nèi)容層次(第4條)。保持文(wén)字的(de)可(kě)讀(dú)性，但(dàn)不(bλ♣↑ù)要(yào)太大(dà)，讓字體(tǐ)的(de)♦α大(dà)小(xiǎo)表現(xiàn)信息的(de)重要(yào)性。還(hái)有(yǒ'♣∑u)，10像素以下(xià)的(de)尺寸對(duì)大(dà)量閱讀(dú)的(de)Ω♠人(rén)來(lái)說(shuō)太小®•↓(xiǎo)了(le)。

　　5、不(bù)考慮用(yòng)戶的(de)分(fēn)辨率

     是(shì)的(de)，你(nǐ)的(σ←×εde)屏幕分(fēn)辨率有(yǒu)2560像素，這(zhè↔>♦£)非常好(hǎo)。但(dàn)很(hěn)多✔✔¥€(duō)人(rén)還(hái)在屏幕上(shàng)用​←(yòng)1024像素的(de)分(fēn)率，有(yǒu)些(xiē)還(hái)在用(♥✔< yòng)640*480或800*600。雖然這(zhè)種分εσ(fēn)辨率的(de)顯示器(qì)正在減少(shǎo)，但(σ₹dàn)采用(yòng)更小(xiǎo)的(de) ®"分(fēn)辨率的(de)手機(jī)設備也(yě)來(lái≥σ)了(le)。現(xiàn)在的(de)網頁設計(jì)寬度标準是(shì)960像素，雖•¶←ε然沒有(yǒu)照(zhào)顧到(dào)每一(yī)種分(fēn)辨率，但(dàn)在§≠ 主流分(fēn)辨率上(shàng)可(kě)以呈現(xiàn)的(de)最好(hǎo)。假如(↑∑γ§rú)你(nǐ)希望面對(duì)大(dà)量的(de)手‍•♠機(jī)用(yòng)戶，最好(hǎo)考慮一(yī)個(gè)手機(jī)版設計(jì)。≈↔♣'

　6、對(duì)比的(de)問(wèn)題

你(nǐ)考慮過閱讀(dú)黑(hēi)底白(b$£™™ái)字和(hé)白(bái)底黑(hēi)字的©ε ☆(de)不(bù)同嗎(ma)？你(nǐ)有(yǒu)沒有(yǒu)α←試過閱讀(dú)一(yī)下(xià)白(bái)底灰字？有(yδ↔ǒu)些(xiē)方式之所以比其他(tā)的(de)更好(hǎ'→​↓o)，其原因就(jiù)是(shì)這(zhè)是(shì)一(yī)種眼睛感知(zhī)到 ↔☆π(dào)對(duì)比的(de)方式。如(rú)果你(nǐ)很(hěn)難舒服的(d♦←e)閱讀(dú)文(wén)字，考慮一(yī)下(xià)改變字體(tǐ)大(dà)小(xiǎδ≈₽o)或方式。

　　7、界面的(de)易用(yòng)性不(b±£↕ù)夠

　　多(duō)重導航非常好(hǎo)，如(rú)一'£(yī)個(gè)在頁頭一(yī)個(gè)在頁腳。σ π在頁腳加一(yī)個(gè)”返回頂部”的(de)按鈕也≠ (yě)很(hěn)好(hǎo)。但(dàn)是(shì)，₽Ω±太多(duō)指向同一(yī)目标的(de)途徑‍©α會(huì)降低(dī)可(kě)用(yòng)性。讓你(nǐ)的(de)奶奶用(yòn  ÷g)下(xià)你(nǐ)的(de)網站(zhàn)，如(rú)果她(tā)搞不(bù)定， ✘♣想想哪些(xiē)東(dōng)西(xī)讓初次訪問★←∑(wèn)的(de)用(yòng)戶拒絕使用(yòng)這(zhè)個(g€δπè)網站(zhàn)。

　　8、不(bù)一(yī)緻

　　一(yī)緻性是(shì)網頁設計(jì)的(de)'$關鍵。它是(shì)把網頁設計(jì)組織在一(yī)起的(de)方式，可(k♦ ¥₩ě)以創造一(yī)種緊密結合的(de)感覺。​π♥在網站(zhàn)頁面互相(xiàng)鏈接的(£​≠de)情況下(xià)，它可(kě)以幫助用(yòn<ε↔g)戶把所有(yǒu)頁面都(dōu)聯系在一(yī)起。如(rú)果你(nǐ)在整個(Ωεgè)網站(zhàn)持續改變字體(tǐ‌÷€)、大(dà)小(xiǎo)和(hé)色彩，用(yòng•¶ Ω)戶很(hěn)快(kuài)會(huì)覺得(de←π×‍)不(bù)知(zhī)所措。

　　背景一(yī)種顔色，內(nèi)容文(wén)本一(yī)種顔色，鏈接一(yī ♦₩)種顔色，頁頭和(hé)lightbox一(yī)種顔色，圖案和(hé)​γ $頁腳各一(yī)種顔色。這(zhè)很(hěn)好(hǎo)，因為(wèi)它₩™×¥幫助區(qū)分(fēn)了(le)有(yǒu)用(yòng)的(de)內(nèi)容。但(¶☆≤♦dàn)是(shì)，多(duō)重漸變、幾種鮮豔的(de)色彩和(hé)大(dà)量有(yǒu§₩)鮮明(míng)對(duì)比的(de)色調及飽和(h☆ $é)度，會(huì)破壞你(nǐ)網站(zhàn)的(de)層≤ ≥次和(hé)空(kōng)白(bái)概εγ念。嘗試限制(zhì)自(zì)己隻用(yòδ✔≤ng)一(yī)種鮮豔的(de)色調(如(rú)藍(lán)色'  )，再搭配反相(xiàng)的(de)單色(白(bái)、灰、黑(hēi))以獲得(de)一(®± yī)個(gè)漂亮(liàng)的(de)結果。

　　4、沒有(yǒu)內(nèi)容層次

• 上(shàng)一(yī)篇: 淺析流量對(duì)個(gè)人(rén)網站(zh™÷àn)發展的(de)四個(gè)重要(yào)性
• 下(xià)一(yī)篇: 一(yī)個(gè)網頁設計(jì)需求方眼中的(de)網♦ 頁設計(jì)