做(zuò)不(bù)好(hǎo)網頁設計≈≤σ₽(jì)的(de)十大(dà)原因
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)間(jiān)。
2、太多(duō)的(de)字體(tǐ)
一(yī)般一(yī)個(gè)簡單的(d→☆₹↕e)網頁設計(jì)，一(yī)般字體(tǐ)不(bù)超過3種。↑₩多(duō)則亂
3、太多(duō)的(de)色彩
背景一(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)是(s $hì)，多(duō)重漸變、幾種鮮豔的(de)色彩和(hé)大(dà)量有(>™±yǒu)鮮明(míng)對(duì)比的(dσ♣e)色調及飽和(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)搭配。這(zhè)裡(lǐ)強調下(xià)豆 ×≠瓣的(de)配色。也(yě)是(shì)我喜歡↑π的(de)顔色搭配。
4、沒有(yǒu)內(nèi)容層次
用(yòng)戶的(de)眼睛喜歡有(yǒu)秩序的(de)設計÷♥✔≈(jì)，如(rú)頭部包含導航和(hé)LOGO，特定內(nè&♦™↔i)容使用(yòng)lightbox，三列分(fΩ₩♠ēn)欄，頁腳。它有(yǒu)助于在內(nèi)心組 ✘織重要(yào)的(de)信息，并引導用(yòng)戶注意在你(nǐ←εγ)想讓他(tā)注意的(de)地(dì)方。在傳統藝術(shù♥")中，新手們被教導色彩、價值和(hé)線性透視(shì)三原則和(₹←₹hé)其他(tā)藝術(shù)指導。在網頁設計(jì↔<)中，沒有(yǒu)特别奉行(xíng)的(de)準則，但(dàn)≈'ε以直觀的(de)方式組織你(nǐ)的(de)內¥ Ω↓(nèi)容是(shì)一(yī)條很(hěn)好(hǎo)的(de)經驗γ±規則。也(yě)是(shì)多(duō)年(nián)培養的(de)用(yòn£®δg)戶習(xí)慣。最終習(xí)慣就(jiù)是(&<'shì)最終用(yòng)戶。當然一(y®&∑ī)成不(bù)變不(bù)是(shì)我們••★ 所鼓勵的(de)。
5、不(bù)考慮用(yòng)戶的(de)分(fēn)辨率♠€
你(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)。現(x★׶¶ià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)難舒服的(de)閱讀(dú)文(wén)字♦₽，考慮一(yī)下(xià)改變字體(t¥♠ǐ)大(dà)小(xiǎo)或方式。成為(wèi±✔₩)一(yī)個(gè)大(dà)師(shī)級網頁設計(jì)師(shī)的(✔δde)秘訣：對(duì)比，對(duì)比，對(d✘≥uì)比。
7、同一(yī)件(jiàn)事(shì)情做(zuò)的(de)←♠不(bù)夠多(duō)，或做(zuò)的(de)太多(©♣duō)
多(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òng&$≠)下(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)關鍵。它是(s♦→≥hì)把網頁設計(jì)組織在一(yī)起的(de₩♦)方式，可(kě)以創造一(yī)種緊密結合的(d£≥e)感覺。在網站(zhàn)頁面互相(xiàng)鏈> ★ 接的(de)情況下(xià)，它可(kě)以幫助用&φβ&(yòng)戶把所有(yǒu)頁面都(dōu)聯★✘₹系在一(yī)起。如(rú)果你(nǐ)在☆ ∑>整個(gè)網站(zhàn)持續改變字體(tǐ)、大(dà)小(xiǎoαδ∞ )和(hé)色彩，用(yòng)戶很(hěn)快(ku "×ài)會(huì)覺得(de)不(bù)知(zλ€∞hī)所措。
9、沒有(yǒu)足夠的(de)文(wén)字間(jiān)距
與空(kōng)白(bái)有(yǒu)關，文(wén)字間(→€jiān)距有(yǒu)兩個(gè)部分(fēn)，一(yī)個(gè)≤→是(shì)字距（這(zhè)個(gè)不(b×€γù)能(néng)用(yòng)CSS直接調整，可(kě)以通(tōn≤ g)過一(yī)些(xiē)高(gāo)級技(jì)術(s∞↓×≈hù)解決），關系到(dào)字母之間(jiān)的(de)空(kōng)白¥©>(bái)。一(yī)個(gè)是(shì)行(xíng)距，↑ 可(kě)以用(yòng)CSS直接調整，關系到(dào)兩行(xíng∞®₹)文(wén)字之間(jiān)的(de)距離(lí)。這(zhè)些(xiβγ ē)有(yǒu)助于區(qū)分(fēn)行(xíng)與段落，使用(™±εyòng)戶更容易閱讀(dú)文(wén)字。
10、貧乏的(de)尺寸大(dà)小(xiǎo)
标準做(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)尺寸對(dα•uì)大(dà)量閱讀(dú)的(de)人(rén)來(láπ&≤i)說(shuō)太小(xiǎo)了(le)。