當(dāng)我們打開(kāi)一個(gè)網(wǎng)站，如果發(fā)現(xiàn)這個(gè)網(wǎng)站排版雜亂，心里面一定感覺(jué)不爽，對(duì)網(wǎng)站的信任大打折扣。出現(xiàn)這種情況，也許是網(wǎng)站設(shè)計(jì)者只注重一種程序，或者是沒(méi)有做好各個(gè)瀏覽器的兼容性，這樣在A(yíng)瀏覽器可能沒(méi)有問(wèn)題，而到了B瀏覽器，卻出現(xiàn)了一大堆亂堆砌的現(xiàn)象，網(wǎng)站排版好比一個(gè)企業(yè)的臉面，而現(xiàn)在打開(kāi)網(wǎng)站的瀏覽器、設(shè)備又那么多，想要不出問(wèn)題，只有一個(gè)一個(gè)測(cè)試才是最為正確的方法。
 

網(wǎng)頁(yè)設(shè)計(jì)離不開(kāi)圖片，那么在圖片的選擇上該是如何呢?在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，需要采集大量的圖片，如何對(duì)這些圖片有機(jī)的組合在一起呢，有的站長(zhǎng)喜歡統(tǒng)一規(guī)格，就是組合的圖片大小一致進(jìn)行組合，這樣看起來(lái)很整齊，視覺(jué)上看也不錯(cuò)，但是有沒(méi)有考慮到圖片格式的不同，存儲(chǔ)圖像是采用什么格式最恰當(dāng)呢?

一般層次豐富顏色較多的圖像采用JPG存儲(chǔ)，而顏色簡(jiǎn)單對(duì)比強(qiáng)烈的則需要采用PNG。顯然，圖片格式的選擇以及圖片大小的選擇并非相當(dāng)然就可以了，不僅影響到網(wǎng)站的整體美感，而且還和網(wǎng)站的打開(kāi)速度有很大的關(guān)系。

層次不分明

有一些客戶(hù)抱怨說(shuō)自己的網(wǎng)站為什么色彩上總是有問(wèn)題，總是看起來(lái)沒(méi)什么精神，沒(méi)辦法吸引人注意。這就涉及到一個(gè)美學(xué)問(wèn)題，就是網(wǎng)站層次設(shè)計(jì)。

如何讓網(wǎng)站顯得大氣又有內(nèi)涵，就需要用到色彩的層次設(shè)計(jì)，所謂色彩的層次是指當(dāng)把作品去色之后，作品中有沒(méi)有表現(xiàn)出從黑到灰到白的存在比例。如果一個(gè)作品的黑色比較多那么整體的效果就會(huì)顯得很沉重，而如果白色很多的話(huà)那么整體效果就會(huì)顯得很蒼白，如果灰色很多，白色與黑色都很少，那么整個(gè)版面就顯得很臟了!

如果在色彩上搭配沒(méi)有注意這種層次關(guān)系，那么會(huì)大大影響到用戶(hù)的視覺(jué)體驗(yàn)。

網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)功能欠缺

在北京網(wǎng)頁(yè)設(shè)計(jì)比較成熟的今天，很多基本的東西通常會(huì)被站長(zhǎng)忽略掉，比如如何讓網(wǎng)站加載速度更快，一些按鈕放到哪個(gè)位置更合適，在網(wǎng)站分頁(yè)導(dǎo)航中，哪個(gè)放在第一位更合適，在網(wǎng)頁(yè)當(dāng)中，不同類(lèi)型的元素涉及到不同類(lèi)型的內(nèi)容，即使文本和圖片也常常帶有鏈接，或者牽涉到特定的功能或者交互，而用戶(hù)對(duì)于這些功能是有預(yù)期的?？捎玫陌粹o、鏈接等基礎(chǔ)功能，確保了信息的完整性和功能的完整性，只有這樣，用戶(hù)才能信任網(wǎng)頁(yè)本身。

文字描述讓人失望

網(wǎng)頁(yè)設(shè)計(jì)離不開(kāi)圖文并茂，而很多站長(zhǎng)過(guò)分注重對(duì)圖片的依賴(lài)，卻忽視的文字的重要性，在文字的描述上，要么隨便找一些高大上絢麗的空洞的文字去堆砌，或者過(guò)于直白，更注重于文字和圖片之間的美感，卻忽視了文字要表達(dá)的意思。

顯然，圖文并茂的設(shè)計(jì)更容易讓用戶(hù)停留，而在這個(gè)時(shí)候，加上一些簡(jiǎn)練的文字描述，會(huì)更有影響力。

低分辨率

分辨率過(guò)低的原因是考慮到網(wǎng)頁(yè)打開(kāi)速度，這的確是讓人很多站長(zhǎng)無(wú)奈的事情，網(wǎng)速不是自己所能左右的事情，太大的圖片，打開(kāi)延遲，很容易讓用戶(hù)選擇放棄，但是，圖片分辨率過(guò)低，同樣不符合用戶(hù)的體驗(yàn)，如何在這兩方面權(quán)衡一個(gè)點(diǎn)，需要綜合網(wǎng)站高峰期訪(fǎng)問(wèn)量進(jìn)行測(cè)試。

隨著網(wǎng)絡(luò)的覆蓋和帶寬的拓展，大尺寸的圖片和文件已經(jīng)慢慢成為標(biāo)準(zhǔn)了。當(dāng)你需要精準(zhǔn)地控制圖片尺寸和屏幕分辨率完全對(duì)應(yīng)起來(lái)，也可以參考響應(yīng)式設(shè)計(jì)，借助斷點(diǎn)來(lái)控制顯示的尺寸。只有不斷完善自己的設(shè)計(jì)，通過(guò)對(duì)網(wǎng)站更新，能從根本解決這個(gè)問(wèn)題。

太多的花哨在內(nèi)

頁(yè)面自動(dòng)跳轉(zhuǎn)、廣告無(wú)處不在、彈出窗口滾出網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)自動(dòng)播放、過(guò)于花哨的動(dòng)態(tài)導(dǎo)航欄……你網(wǎng)站設(shè)計(jì)中有沒(méi)有這些東西，不要意味這樣的技術(shù)控用戶(hù)就會(huì)買(mǎi)賬，金光閃閃、屎黃色一般的發(fā)亮框，未必是用戶(hù)就喜歡，永遠(yuǎn)不要用自己一時(shí)低俗的惡意來(lái)挑戰(zhàn)用戶(hù)的審美底線(xiàn)，網(wǎng)站設(shè)計(jì)過(guò)于花哨，最終導(dǎo)致的結(jié)果是用戶(hù)在5s內(nèi)就選擇離開(kāi)。