如(rú)果你(nǐ)問(wèn)隔壁小(xiǎo)明(mín≤€∑g)他(tā)能(néng)否給自(zì)己做(zuò)一(yī)個(gè)網站(zhànγ​ ≠)，他(tā)可(kě)能(néng)會(huì)說(γδshuō)網頁設計(jì)他(tā)手到(dào)擒來(lái)之類的(→€©®de)話(huà)，但(dàn)是(shì)他(t©&ā)真正做(zuò)出來(lái)的(de)東(dōng)西(xī)，可(£₩kě)能(néng)并不(bù)是(shì)那(nà)麽一(yī)回事(shì)。
他(tā)用(yòng)Dreamweaver在1個(gè)小(xiǎo)時(shí)內(n‍"¶£èi)做(zuò)出來(lái)個(gè)網頁Demo，千萬不(♣&₹bù)要(yào)被那(nà)唬住。真正的(de) 的(de)網頁設計(jì)是(shì)¶ 一(yī)門(mén)綜合學科(kē)，集合了(le)信息架構α&設計(jì)，用(yòng)戶界面設計(jì)，排版設計(jì)，色彩搭配，<'Ω字體(tǐ)設計(jì)等多(duō)門(mén)學科(kē)，隻有(yǒu)真正®±将這(zhè)些(xiē)方面都(dōu)正确兼顧到(dà∏∑€€o)了(le)才能(néng)做(zuò)好(hǎo)網頁♣♥∏₩的(de)設計(jì)。
2、用(yòng)戶喜歡（或者不(bù)喜歡）向下($β​©xià)滾動網頁

在網絡剛剛起步的(de)1994年(nián)，當初的(de)開(kāi)發者和(hé)設$∑¥計(jì)者并沒有(yǒu)預見(jiàn)到(dào)網頁今天的(de)模樣。用(y✔β±òng)戶喜歡還(hái)是(shì)不(bù)喜歡向下(x &§♦ià)滾動網頁？

2011年(nián)發布的(de)發布的(de)Mac OS X 10.7 中，蘋果公γφ∑司就(jiù)将界面中的(de)向下(xià)滾動按鈕給去(qù)™→掉了(le)。而2006年(nián)就(jiù)有(yǒu)過一(y£εī)向數(shù)據統計(jì)，從(cóng)®&∏120000個(gè)網頁浏覽數(shù)據中抽取數(shù)據進行(xíng)分& ∑(fēn)析，其中76%的(de)用(yòng)戶打開(kāi)網頁後不(bù)會(huì)向下♣≥→(xià)滾動，而22%的(de)用(yòng)戶會(huì)浏覽整個(gè®')頁面，一(yī)路(lù)滾動到(dào)底。還(hái)有(yǒu)2%的(☆γ¥​de)用(yòng)戶會(huì)向下(xià)滾動看(♦×kàn)看(kàn)。

那(nà)麽是(shì)不(bù)是(shì)說(sh≈♣uō)明(míng)網頁設計(jì)隻需要(yào)注重φ ±×開(kāi)頭的(de)600px高(gāo)的(de)內∏♣π(nèi)容呢(ne)？不(bù)是(shì)！這(zhè)個★α≈(gè)數(shù)據分(fēn)析是(shì)要(yào)告訴你( ↔✔nǐ)，用(yòng)戶喜歡不(bù)喜歡翻下(xiδγ$≥à)去(qù)，是(shì)取決于你(nǐ)的(de)網頁夠不(bù)夠吸引力≈$φ！如(rú)果你(nǐ)想詳細了(le)解這(zhè)個(gè)觀點，不(bù)妨看(kàn)看 αε✘(kàn)這(zhè)篇文(wén)章(zhāng)：《Life below 6¥÷€00px》.
3、填滿頁面所有(yǒu)的(de)空(kōng)間(jiān)

千萬别這(zhè)麽幹！留白(bái)（或者負空(kōng)間(jiān)）有(yǒu)著(​‌♠zhe)非常重要(yào)的(de)作(zuò)用(y✘φ''òng)，它與網頁上(shàng)的(de)其他(≤®tā)的(de)視(shì)覺元素相(xiàng)互依托，是(shì)構建一(yī)個(gè)Ω©↓♣優秀網頁的(de)重要(yào)組成部分(fēn)。有(yǒu)留↔♦β白(bái)，才能(néng)創造出網頁的(de)視(shì)覺焦點，讓網∑$₽✔頁的(de)設計(jì)感更強，更易于浏覽和(hé)使用(yòng)。想知(zhī)道(dàoΩ↓)留白(bái)是(shì)如(rú)何使用(yòng↑ ±)的(de)？看(kàn)看(kàn)Apple的(de)官方網站(zhàn)就(jiù)知(z☆¶hī)道(dào)了(le)。當然，留白(bái)并不(bù)一(yī₹∑β↕)定非要(yào)是(shì)白(bái)色的(de)。

永遠(yuǎn)不(bù)要(yào)填滿你(nǐ)網←₽頁所有(yǒu)的(de)角落，适當的(‌ ↔de)留白(bái)永遠(yuǎn)比這(zhè)≤↔樣設計(jì)好(hǎo)看(kàn)。
4、所有(yǒu)的(de)細節都(dōu)必須醒目

對(duì)于網頁排版有(yǒu)種誤解，認為(wèi)網頁中所有(yǒu)的(de)東(d÷↓‌ōng)西(xī)都(dōu)要(yào)要(yào &¥α)大(dà)，要(yào)粗，要(yào)閃，要(yào)亮(liàn< ™g)（親愛(ài)的(de)老(lǎo)闆們，你(nǐ)們又(yòu)躺槍了(le)……）π↑ε。是(shì)的(de)，先誠科(kē)技(jì)将內(nèi)容放(fàn↑↔'g)到(dào)網站(zhàn)中是(shì)希望它們能(nén ↑∏g)被注意到(dào)，能(néng)脫穎而出。可(k πβ®ě)問(wèn)題在于，如(rú)果所有(y₩₽☆ǒu)的(de)內(nèi)容和(hé)元素都(dōu)加粗了(le)，閃€©耀了(le)，那(nà)麽什(shén)麽內(nèi)容都(dōu)不(bù)會(huì÷")突出來(lái)的(de)。突出是(shì)需要(yào)通(tōΩ∑≈‍ng)過合理(lǐ)的(de)布局、差異和(hé)負♦ σ​空(kōng)間(jiān)烘托出來(lái)的(de)。使用(yòng)不(bù)同的(de)字ε×∞體(tǐ)，主次內(nèi)容相(xiàng)互依托，≠&圖文(wén)混拍(pāi)，優質的(de)內(nèi)容才會(huì)被眼睛捕捉到(₩ dào)。
5、大(dà)Logo綜合征

是(shì)的(de)這(zhè)就(jiù)是(shì)廣大∑​(dà)設計(jì)師(shī)津津樂(yuè)道( §dào)的(de)大(dà)Logo綜合征，這(zhè)是(shì)病，該吃(c₹γ≤hī)藥，得(de)電(diàn)。Logo的(de)确是(shì)'¶用(yòng)戶進入網站(zhàn)最容易注意到(dào)的(de)元素，♣ 但(dàn)是(shì)用(yòng)戶更應該注意的(d≥∞♥♥e)東(dōng)西(xī)是(shì)你↓÷¥↓(nǐ)網站(zhàn)的(de)內(nèi)容！當用(≤₽♥→yòng)戶開(kāi)始注意網站(zhàn)內 '"¶(nèi)容之後，它們不(bù)再會(huì)去(qù)看(kàn)你♦γ↕'(nǐ)的(de)Logo，當你(nǐ)強行(xíng)放(fàng)大(dà)Logo✘π無異于強迫用(yòng)戶去(qù)關注他(<α tā)們不(bù)想看(kàn)的(de)東(d±>ōng)西(xī)。

和(hé)大(dà)Logo綜合征患者是( ↔shì)一(yī)個(gè)長(cháng)期的(de)過程。在苦逼的(de)鬥争過 ♥&程中，你(nǐ)可(kě)以給大(dà)Logo綜 σ₹<合症患者們看(kàn)看(kàn)這(zhè)個(gè$<∑↑)視(shì)頻(pín)，應該能(néng)緩解病情：ש₩​

6、網站(zhàn)應該在所有(yǒu)浏覽器(qì)裡(lǐ→λ>®)面效果都(dōu)一(yī)樣

不(bù)同浏覽器(qì)的(de)渲染機(jī)制(zhì)不(€♥<bù)一(yī)樣，所以同一(yī)個(gè)網頁在不(bù)同的(de)浏覽器(qì)裡("βφ✘lǐ)面看(kàn)起來(lái)也(yě)不(bù)會(huì)完全一(y↔♥¶ī)樣，這(zhè)主要(yào)是(shì)因為(wèi)網站(zhàn)所用(yòng≠‌δ)的(de)內(nèi)核不(bù)一(yī)樣造成的(d☆↔​☆e)。所以，請(qǐng)接受這(zhè)一(yī)事(shì)實。退一(∞•yī)萬步講，對(duì)于絕大(dà)多(duō ∏π↓)數(shù)的(de)網站(zhàn)，你(nǐ)的(de↕λ >)浏覽器(qì)兼容性優化(huà)得(de)再好(hǎo)也(yě)很(h≠γ←₩ěn)難達到(dào)100%的(de)一(yī)模一(yī)樣。
7、段落兩邊對(duì)齊

很(hěn)多(duō)人(rén)（主要(yào)是(shì)甲方or£™↔₽客戶）讀(dú)過書(shū)之後，他(tā)們希望網頁♣​"¶上(shàng)的(de)文(wén)本而也(yě)和(hé)書(shū)裡(★₩©•lǐ)一(yī)樣，文(wén)本能(néng)夠兩端對(duì)齊。±λ≈但(dàn)實際上(shàng)，這(zhè)并不(bù)現(xiàn)•"實。且不(bù)說(shuō)不(bù)同浏覽器(€  qì)的(de)渲染機(jī)制(zhì)不(bù)一(yī)樣，單就(jiù)一(y→✔✘÷ī)個(gè)浏覽器(qì)而言，通(tōng>β)過算(suàn)法強行(xíng)要(yào)求文(wén)本兩端對✘♣(duì)齊，英文(wén)這(zhè)種單詞長€≤ (cháng)短(duǎn)不(bù)一(yī)的(de)♣ε段落會(huì)明(míng)顯出現(xiàn)疏密不(bφ≈¥©ù)一(yī)的(de)情況，而對(duì)于中文("✔₹wén)而言，網站(zhàn)裡(lǐ)大(dà)量的(de)文(wén)本來(lái)如<≤(rú)此優化(huà)也(yě)會(huì)造成類似的(de)情況，除非是‍×(shì)諸如(rú)簡書(shū)和(hé)起點♥₩這(zhè)樣以文(wén)本內(nèi)容為(wèi)主的(★→de)網站(zhàn)，可(kě)以在文(wén)章(zhāng)正文(wén)使用(y✔÷Ωφòng)這(zhè)種機(jī)制(zhì)來(lái)強化(huà)閱→↑讀(dú)體(tǐ)驗，這(zhè)是(shì)和(hé)中文(wén)本身(shēn)方塊&®÷‌字的(de)特征是(shì)分(fēn)不(bù)開(kāi)的(d"∞e)。

對(duì)于多(duō)數(shù)網站(zhàφδn)，做(zuò)好(hǎo)左對(duì)齊，就(jiù)能(néng)确保網站±×‍(zhàn)的(de)體(tǐ)驗。內(nèi)容為(wèi)王，>λ©不(bù)是(shì)麽？

正如(rú)W3C标準協會(huì)所指÷×出的(de)：

“很(hěn)多(duō)有(yǒu)認知(zhī)障礙的(de≈ ♣)用(yòng)戶在面對(duì)兩端對(duì)齊的(de)文(wé®Ω'£n)本的(de)時(shí)候，是(shì)有(yǒu)一(yī)定閱讀(dú)障礙的(de)。φ↑©§兩端對(duì)齊的(de)文(wén)本會(huì•¥±)讓字間(jiān)距出現(xiàn)疏密不(bù)一(yī)的(d$₹‌∏e)狀況，這(zhè)會(huì)讓很(hě'£✘εn)多(duō)人(rén)難于閱讀(dú)。為(wèi)了(le)避免這(z∑δφhè)個(gè)問(wèn)題，最好(hǎo)的(de)方•←₩法就(jiù)是(shì)不(bù)要(yào)創建這(zhè)樣的(de)文(‌§‍☆wén)本布局，左對(duì)齊即可(kě)。”

組織上(shàng)都(dōu)這(zhè)麽說(shuō)了(le)，廣大(dà)強迫>♣& 症晚期病友(yǒu)們就(jiù)甭糾結了(le)。
8、堆砌關鍵詞

堆砌關鍵詞是(shì)一(yī)種非常令人(rén)反感的>♦(de)行(xíng)為(wèi)。不(& bù)管你(nǐ)“聰慧”的(de)客戶怎麽想，這(zh₹₹$è)種行(xíng)為(wèi)是(shì)典型的(de)“黑(hēi)帽手σ©法”（這(zhè)算(suàn)是(shì)一(yī)個'¶‌(gè)黑(hēi)客領域的(de)詞彙，通(tōσ∞'βng)常好(hǎo)的(de)黑(hēi)客被稱為(wèi)®α“白(bái)帽子(zǐ)”，“黑(hēi)帽手法”的(de)含義就(•∞jiù)不(bù)言而喻了(le)吧(ba)）。這(zhè)種π‍♠&過度SEO優化(huà)的(de)手法會(huì)讓搜索引擎将✔≤ ✔你(nǐ)的(de)網站(zhàn)Ban掉。

如(rú)果你(nǐ)需要(yào)做(zuò)好(hǎo)關鍵詞優化(huà)，通(tōng)"↑常的(de)手法是(shì)将關鍵詞密度£¶÷♥控制(zhì)在本文(wén)的(de)2%~6%，具體♠ ‍(tǐ)的(de)根據國(guó)家(jiā)、地(dì)區(qū)和(hé)搜₹&‍↕索引擎而有(yǒu)差異，最好(hǎo)咨詢一(yī)下(xià)做(zuò ‌λ♠)SEO的(de)同學好(hǎo)了(le)。

另外(wài)，請(qǐng)千萬注意不(Ω≥₽₹bù)要(yào)重複輸入關鍵詞，使用(yòng)相(xiàng)關或者變體(tǐ)都(dōu ¥• )可(kě)以。
9、先誠科(kē)技(jì)的(de)網站(zhàn)需要(yào)一(yī)個(gè)初₩' ÷始頁面

初始頁面，比如(rú)某Flash企業(yè)站(zhàn)會(huì)做(zuòΩΩ €)一(yī)個(gè)加載頁面，進入網站(zhàn)前會β<±(huì)有(yǒu)一(yī)個(gè)百分(fē©×♦n)比進度條跟那(nà)兒(ér)慢(màn)慢(màn)跑著(zhe¥<✘¶)……對(duì)，就(jiù)是(shì)₽πλ這(zhè)個(gè)。比較神奇的(de)是(shì)有(yǒu)的(de)網站(zhà←≠n)還(hái)需要(yào)在加載完之後跳(tiào)出一(yī)個(gè)按鈕，'♦然後你(nǐ)才能(néng)進入網站(zhàn)的(de)首頁。你(nǐ)如("₩rú)果是(shì)一(yī)個(gè)體(tǐ)驗很(hěn≈$δ)悶騷在線小(xiǎo)遊戲啥的(de)γ∞₩≥也(yě)就(jiù)算(suàn)了(le)。可(kě)是(•φshì)你(nǐ)的(de)網站(zhàn)并不(bù)是(shì)！先誠科(δεkē)技(jì)知(zhī)道(dào)用(yòng)戶對(duì)于網站(zhàn)的(de∏≈±♠)加載速度要(yào)求越來(lái)越高(gāo)，數(shù)據&×統計(jì)表明(míng)，15秒(miǎo)已經是(sδ♠↓hì)極限了(le)。認真做(zuò)好(hǎo)內(nèi)容¥€÷和(hé)頁面優化(huà)吧(ba)，這(zhè)才是(shì)減少(sh ±ǎo)跳(tiào)出率的(de)正确姿勢。
10、上(shàng)網搜個(gè)圖來(lái)用(yòng÷±λ)用(yòng)吧(ba)

你(nǐ)永遠(yuǎn)無法預知(zhī)搜索引擎給你(nǐ)↕✘扒來(lái)的(de)圖片都(dōu)是(shì)從(cóng)哪兒(ér)來(lái)的(✔σde)。有(yǒu)的(de)圖片是(shì)有(yǒu)版權的(de)β©©•，如(rú)果你(nǐ)不(bù)小(xiǎo)心碰到(dào)有(yǒu)版≥±權所有(yǒu)的(de)圖片，那(nà)麽你(nǐ)将面對(duì)的(de)是(shì)對(d‌‌↓uì)方的(de)索賠了(le)（國(guó)外(wσ ài)很(hěn)嚴格，國(guó)內(nèi)對(duì)這(zhè)一↓∏↔₹(yī)塊也(yě)越來(lái)越苛刻了(le)）。

如(rú)果你(nǐ)是(shì)為(wèi)公司幹活兒(ér)的(de)設δ≈計(jì)師(shī)，不(bù)妨在合适的(de)時(shí)候請(qǐng≤☆♣)公司購(gòu)買圖片庫或者資料庫之類的(de)，再不(b€≈ù)濟也(yě)有(yǒu)大(dà)把的(de)免費(fèi)圖片網站(><zhàn)供你(nǐ)挑選。總而言之，小(xiǎo)心控制(zhì≈®Ω>)好(hǎo)內(nèi)容，别交無謂的(de)學費(fèi)。