如果你問(wèn)隔壁小明他能否給自己做一個(gè)網(wǎng)站，他可能會(huì)說(shuō)網(wǎng)頁(yè)設(shè)計(jì)他手到擒來(lái)之類(lèi)的話，但是他真正做出來(lái)的東西，可能并不是那么一回事。
他用Dreamweaver在1個(gè)小時(shí)內(nèi)做出來(lái)個(gè)網(wǎng)頁(yè)Demo，千萬(wàn)不要被那唬住。真正的 的網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)綜合學(xué)科，集合了信息架構(gòu)設(shè)計(jì)，用戶(hù)界面設(shè)計(jì)，排版設(shè)計(jì)，色彩搭配，字體設(shè)計(jì)等多門(mén)學(xué)科，只有真正將這些方面都正確兼顧到了才能做好網(wǎng)頁(yè)的設(shè)計(jì)。
2、用戶(hù)喜歡（或者不喜歡）向下滾動(dòng)網(wǎng)頁(yè)

在網(wǎng)絡(luò)剛剛起步的1994年，當(dāng)初的開(kāi)發(fā)者和設(shè)計(jì)者并沒(méi)有預(yù)見(jiàn)到網(wǎng)頁(yè)今天的模樣。用戶(hù)喜歡還是不喜歡向下滾動(dòng)網(wǎng)頁(yè)？

2011年發(fā)布的發(fā)布的Mac OS X 10.7 中，蘋(píng)果公司就將界面中的向下滾動(dòng)按鈕給去掉了。而2006年就有過(guò)一向數(shù)據(jù)統(tǒng)計(jì)，從120000個(gè)網(wǎng)頁(yè)瀏覽數(shù)據(jù)中抽取數(shù)據(jù)進(jìn)行分析，其中76%的用戶(hù)打開(kāi)網(wǎng)頁(yè)后不會(huì)向下滾動(dòng)，而22%的用戶(hù)會(huì)瀏覽整個(gè)頁(yè)面，一路滾動(dòng)到底。還有2%的用戶(hù)會(huì)向下滾動(dòng)看看。

那么是不是說(shuō)明網(wǎng)頁(yè)設(shè)計(jì)只需要注重開(kāi)頭的600px高的內(nèi)容呢？不是！這個(gè)數(shù)據(jù)分析是要告訴你，用戶(hù)喜歡不喜歡翻下去，是取決于你的網(wǎng)頁(yè)夠不夠吸引力！如果你想詳細(xì)了解這個(gè)觀點(diǎn)，不妨看看這篇文章：《Life below 600px》.
3、填滿(mǎn)頁(yè)面所有的空間

千萬(wàn)別這么干！留白（或者負(fù)空間）有著非常重要的作用，它與網(wǎng)頁(yè)上的其他的視覺(jué)元素相互依托，是構(gòu)建一個(gè)優(yōu)秀網(wǎng)頁(yè)的重要組成部分。有留白，才能創(chuàng)造出網(wǎng)頁(yè)的視覺(jué)焦點(diǎn)，讓網(wǎng)頁(yè)的設(shè)計(jì)感更強(qiáng)，更易于瀏覽和使用。想知道留白是如何使用的？看看Apple的官方網(wǎng)站就知道了。當(dāng)然，留白并不一定非要是白色的。

永遠(yuǎn)不要填滿(mǎn)你網(wǎng)頁(yè)所有的角落，適當(dāng)?shù)牧舭子肋h(yuǎn)比這樣設(shè)計(jì)好看。
4、所有的細(xì)節(jié)都必須醒目

對(duì)于網(wǎng)頁(yè)排版有種誤解，認(rèn)為網(wǎng)頁(yè)中所有的東西都要要大，要粗，要閃，要亮（親愛(ài)的老板們，你們又躺槍了……）。是的，先誠(chéng)科技將內(nèi)容放到網(wǎng)站中是希望它們能被注意到，能脫穎而出。可問(wèn)題在于，如果所有的內(nèi)容和元素都加粗了，閃耀了，那么什么內(nèi)容都不會(huì)突出來(lái)的。突出是需要通過(guò)合理的布局、差異和負(fù)空間烘托出來(lái)的。使用不同的字體，主次內(nèi)容相互依托，圖文混拍，優(yōu)質(zhì)的內(nèi)容才會(huì)被眼睛捕捉到。
5、大Logo綜合征

是的這就是廣大設(shè)計(jì)師津津樂(lè)道的大Logo綜合征，這是病，該吃藥，得電。Logo的確是用戶(hù)進(jìn)入網(wǎng)站最容易注意到的元素，但是用戶(hù)更應(yīng)該注意的東西是你網(wǎng)站的內(nèi)容！當(dāng)用戶(hù)開(kāi)始注意網(wǎng)站內(nèi)容之后，它們不再會(huì)去看你的Logo，當(dāng)你強(qiáng)行放大Logo無(wú)異于強(qiáng)迫用戶(hù)去關(guān)注他們不想看的東西。

和大Logo綜合征患者是一個(gè)長(zhǎng)期的過(guò)程。在苦逼的斗爭(zhēng)過(guò)程中，你可以給大Logo綜合癥患者們看看這個(gè)視頻，應(yīng)該能緩解病情：

6、網(wǎng)站應(yīng)該在所有瀏覽器里面效果都一樣

不同瀏覽器的渲染機(jī)制不一樣，所以同一個(gè)網(wǎng)頁(yè)在不同的瀏覽器里面看起來(lái)也不會(huì)完全一樣，這主要是因?yàn)榫W(wǎng)站所用的內(nèi)核不一樣造成的。所以，請(qǐng)接受這一事實(shí)。退一萬(wàn)步講，對(duì)于絕大多數(shù)的網(wǎng)站，你的瀏覽器兼容性?xún)?yōu)化得再好也很難達(dá)到100%的一模一樣。
7、段落兩邊對(duì)齊

很多人（主要是甲方or客戶(hù)）讀過(guò)書(shū)之后，他們希望網(wǎng)頁(yè)上的文本而也和書(shū)里一樣，文本能夠兩端對(duì)齊。但實(shí)際上，這并不現(xiàn)實(shí)。且不說(shuō)不同瀏覽器的渲染機(jī)制不一樣，單就一個(gè)瀏覽器而言，通過(guò)算法強(qiáng)行要求文本兩端對(duì)齊，英文這種單詞長(zhǎng)短不一的段落會(huì)明顯出現(xiàn)疏密不一的情況，而對(duì)于中文而言，網(wǎng)站里大量的文本來(lái)如此優(yōu)化也會(huì)造成類(lèi)似的情況，除非是諸如簡(jiǎn)書(shū)和起點(diǎn)這樣以文本內(nèi)容為主的網(wǎng)站，可以在文章正文使用這種機(jī)制來(lái)強(qiáng)化閱讀體驗(yàn)，這是和中文本身方塊字的特征是分不開(kāi)的。

對(duì)于多數(shù)網(wǎng)站，做好左對(duì)齊，就能確保網(wǎng)站的體驗(yàn)。內(nèi)容為王，不是么？

正如W3C標(biāo)準(zhǔn)協(xié)會(huì)所指出的：

“很多有認(rèn)知障礙的用戶(hù)在面對(duì)兩端對(duì)齊的文本的時(shí)候，是有一定閱讀障礙的。兩端對(duì)齊的文本會(huì)讓字間距出現(xiàn)疏密不一的狀況，這會(huì)讓很多人難于閱讀。為了避免這個(gè)問(wèn)題，最好的方法就是不要?jiǎng)?chuàng)建這樣的文本布局，左對(duì)齊即可。”

組織上都這么說(shuō)了，廣大強(qiáng)迫癥晚期病友們就甭糾結(jié)了。
8、堆砌關(guān)鍵詞

堆砌關(guān)鍵詞是一種非常令人反感的行為。不管你“聰慧”的客戶(hù)怎么想，這種行為是典型的“黑帽手法”（這算是一個(gè)黑客領(lǐng)域的詞匯，通常好的黑客被稱(chēng)為“白帽子”，“黑帽手法”的含義就不言而喻了吧）。這種過(guò)度SEO優(yōu)化的手法會(huì)讓搜索引擎將你的網(wǎng)站Ban掉。

如果你需要做好關(guān)鍵詞優(yōu)化，通常的手法是將關(guān)鍵詞密度控制在本文的2%~6%，具體的根據(jù)國(guó)家、地區(qū)和搜索引擎而有差異，最好咨詢(xún)一下做SEO的同學(xué)好了。

另外，請(qǐng)千萬(wàn)注意不要重復(fù)輸入關(guān)鍵詞，使用相關(guān)或者變體都可以。
9、先誠(chéng)科技的網(wǎng)站需要一個(gè)初始頁(yè)面

初始頁(yè)面，比如某Flash企業(yè)站會(huì)做一個(gè)加載頁(yè)面，進(jìn)入網(wǎng)站前會(huì)有一個(gè)百分比進(jìn)度條跟那兒慢慢跑著……對(duì)，就是這個(gè)。比較神奇的是有的網(wǎng)站還需要在加載完之后跳出一個(gè)按鈕，然后你才能進(jìn)入網(wǎng)站的首頁(yè)。你如果是一個(gè)體驗(yàn)很悶騷在線小游戲啥的也就算了?？墒悄愕木W(wǎng)站并不是！先誠(chéng)科技知道用戶(hù)對(duì)于網(wǎng)站的加載速度要求越來(lái)越高，數(shù)據(jù)統(tǒng)計(jì)表明，15秒已經(jīng)是極限了。認(rèn)真做好內(nèi)容和頁(yè)面優(yōu)化吧，這才是減少跳出率的正確姿勢(shì)。
10、上網(wǎng)搜個(gè)圖來(lái)用用吧

你永遠(yuǎn)無(wú)法預(yù)知搜索引擎給你扒來(lái)的圖片都是從哪兒來(lái)的。有的圖片是有版權(quán)的，如果你不小心碰到有版權(quán)所有的圖片，那么你將面對(duì)的是對(duì)方的索賠了（國(guó)外很?chē)?yán)格，國(guó)內(nèi)對(duì)這一塊也越來(lái)越苛刻了）。

如果你是為公司干活兒的設(shè)計(jì)師，不妨在合適的時(shí)候請(qǐng)公司購(gòu)買(mǎi)圖片庫(kù)或者資料庫(kù)之類(lèi)的，再不濟(jì)也有大把的免費(fèi)圖片網(wǎng)站供你挑選?？偠灾⌒目刂坪脙?nèi)容，別交無(wú)謂的學(xué)費(fèi)。