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

在網絡剛剛起(qǐ)步的1994年，當初的開(kāi)發(fā)者和設計者并沒(méi)有預見到網頁今天的模樣(yàng)。用戶喜歡還(hái)是不喜歡向(xiàng)下滾動網頁？

2011年發(fā)布的發(fā)布的Mac OS X 10.7 中，蘋果公司就將(jiāng)界面(miàn)中的向(xiàng)下滾動按鈕給去掉了。而2006年就有過(guò)一向(xiàng)數據統計，從120000個網頁浏覽數據中抽取數據進(jìn)行分析，其中76%的用戶打開(kāi)網頁後(hòu)不會向(xiàng)下滾動，而22%的用戶會浏覽整個頁面(miàn)，一路滾動到底。還(hái)有2%的用戶會向(xiàng)下滾動看看。

那麼(me)是不是說明網頁設計隻需要注重開(kāi)頭的600px高的内容呢？不是！這(zhè)個數據分析是要告訴你，用戶喜歡不喜歡翻下去，是取決于你的網頁夠不夠吸引力！如果你想詳細了解這(zhè)個觀點，不妨看看這(zhè)篇文章：《Life below 600px》.
3、填滿頁面(miàn)所有的空間

千萬别這(zhè)麼(me)幹！留白（或者負空間）有著(zhe)非常重要的作用，它與網頁上的其他的視覺元素相互依托，是構建一個優秀網頁的重要組成(chéng)部分。有留白，才能(néng)創造出網頁的視覺焦點，讓網頁的設計感更強，更易于浏覽和使用。想知道(dào)留白是如何使用的？看看Apple的官方網站就知道(dào)了。當然，留白并不一定非要是白色的。

永遠不要填滿你網頁所有的角落，适當的留白永遠比這(zhè)樣(yàng)設計好(hǎo)看。
4、所有的細節都(dōu)必須醒目

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

是的這(zhè)就是廣大設計師津津樂道(dào)的大Logo綜合征，這(zhè)是病，該吃藥，得電。Logo的确是用戶進(jìn)入網站最容易注意到的元素，但是用戶更應該注意的東西是你網站的内容！當用戶開(kāi)始注意網站内容之後(hòu)，它們不再會去看你的Logo，當你強行放大Logo無異于強迫用戶去關注他們不想看的東西。

和大Logo綜合征患者是一個長(cháng)期的過(guò)程。在苦逼的鬥争過(guò)程中，你可以給大Logo綜合症患者們看看這(zhè)個視頻，應該能(néng)緩解病情：

6、網站應該在所有浏覽器裡(lǐ)面(miàn)效果都(dōu)一樣(yàng)

不同浏覽器的渲染機制不一樣(yàng)，所以同一個網頁在不同的浏覽器裡(lǐ)面(miàn)看起(qǐ)來也不會完全一樣(yàng)，這(zhè)主要是因爲網站所用的内核不一樣(yàng)造成(chéng)的。所以，請接受這(zhè)一事(shì)實。退一萬步講，對(duì)于絕大多數的網站，你的浏覽器兼容性優化得再好(hǎo)也很難達到100%的一模一樣(yàng)。
7、段落兩(liǎng)邊對(duì)齊

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

對(duì)于多數網站，做好(hǎo)左對(duì)齊，就能(néng)确保網站的體驗。内容爲王，不是麼(me)？

正如W3C标準協會所指出的：

“很多有認知障礙的用戶在面(miàn)對(duì)兩(liǎng)端對(duì)齊的文本的時候，是有一定閱讀障礙的。兩(liǎng)端對(duì)齊的文本會讓字間距出現疏密不一的狀況，這(zhè)會讓很多人難于閱讀。爲了避免這(zhè)個問題，最好(hǎo)的方法就是不要創建這(zhè)樣(yàng)的文本布局，左對(duì)齊即可。”

組織上都(dōu)這(zhè)麼(me)說了，廣大強迫症晚期病友們就甭糾結了。
8、堆砌關鍵詞

堆砌關鍵詞是一種(zhǒng)非常令人反感的行爲。不管你“聰慧”的客戶怎麼(me)想，這(zhè)種(zhǒng)行爲是典型的“黑帽手法”（這(zhè)算是一個黑客領域的詞彙，通常好(hǎo)的黑客被(bèi)稱爲“白帽子”，“黑帽手法”的含義就不言而喻了吧）。這(zhè)種(zhǒng)過(guò)度SEO優化的手法會讓搜索引擎將(jiāng)你的網站Ban掉。

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

另外，請千萬注意不要重複輸入關鍵詞，使用相關或者變體都(dōu)可以。
9、先誠科技的網站需要一個初始頁面(miàn)

初始頁面(miàn)，比如某Flash企業站會做一個加載頁面(miàn)，進(jìn)入網站前會有一個百分比進(jìn)度條跟那兒慢慢跑著(zhe)……對(duì)，就是這(zhè)個。比較神奇的是有的網站還(hái)需要在加載完之後(hòu)跳出一個按鈕，然後(hòu)你才能(néng)進(jìn)入網站的首頁。你如果是一個體驗很悶騷在線小遊戲啥的也就算了。可是你的網站并不是！先誠科技知道(dào)用戶對(duì)于網站的加載速度要求越來越高，數據統計表明，15秒已經(jīng)是極限了。認真做好(hǎo)内容和頁面(miàn)優化吧，這(zhè)才是減少跳出率的正确姿勢。
10、上網搜個圖來用用吧

你永遠無法預知搜索引擎給你扒來的圖片都(dōu)是從哪兒來的。有的圖片是有版權的，如果你不小心碰到有版權所有的圖片，那麼(me)你將(jiāng)面(miàn)對(duì)的是對(duì)方的索賠了（國(guó)外很嚴格，國(guó)内對(duì)這(zhè)一塊也越來越苛刻了）。

如果你是爲公司幹活兒的設計師，不妨在合适的時候請公司購買圖片庫或者資料庫之類的，再不濟也有大把的免費圖片網站供你挑選。總而言之，小心控制好(hǎo)内容，别交無謂的學(xué)費。