做(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è)簡單的(de)網頁設計(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)是(shì)，多(duō)重漸變、幾種鮮豔的(de)色彩和(hé)大(dà)量有(yǒu)鮮明(míng)對(duì)比的(de)色調及飽和(hé)度，會(h uì)破壞你(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)lightbo÷x，三列分(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òng)戶習(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)。現(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)難舒服的(de)閱讀(dú)文(wén)字，考慮₹一(yī)下(xià)改變字體(tǐ)大(dà)小(xiǎo)或方式。成為(wèi)一(yī)個(gè)大(dà)師(shī)級網頁設計(jì)師(shī)的(de)¥秘訣：對(duì)比，對(duì)比，對(duì)比。
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)網站(zγhà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ò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ù)知(zhī)所措。
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ōng)過₽一(yī)些(xiē)高(gāo)級技(jì)術(shù)解決），關系到(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)尺寸對(duì)大(dà)量閱讀(dú)的(de)人(rén)來(lái)說(shuō)太小(xiǎo)了®(le)。