對于網(wǎng)頁設(shè)計的10個常見誤解

如果你問隔壁小明他能否給自己做一個網(wǎng)站，他可能會說網(wǎng)頁設(shè)計他手到擒來之類的話，但是他真正做出來的東西，可能并不是那么一回事。 他用Dreamweaver在1個小時內(nèi)做出來個網(wǎng)頁Demo，千萬不要被那唬住。真正的 的網(wǎng)頁設(shè)計是一門綜合學科，集合了信息架構(gòu)設(shè)計，用戶界面設(shè)計，排版設(shè)計，色彩搭配，字體設(shè)計等多門學科，只有真正將這些方面都正確兼顧到了才能做好網(wǎng)頁的設(shè)計。

2、用戶喜歡（或者不喜歡）向下滾動網(wǎng)頁

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

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

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

3、填滿頁面所有的空間

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

永遠不要填滿你網(wǎng)頁所有的角落，適當?shù)牧舭子肋h比這樣設(shè)計好看。

4、所有的細節(jié)都必須醒目

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

5、大Logo綜合征

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

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

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

不同瀏覽器的渲染機制不一樣，所以同一個網(wǎng)頁在不同的瀏覽器里面看起來也不會完全一樣，這主要是因為網(wǎng)站所用的內(nèi)核不一樣造成的。所以，請接受這一事實。退一萬步講，對于絕大多數(shù)的網(wǎng)站，你的瀏覽器兼容性優(yōu)化得再好也很難達到100%的一模一樣。

7、段落兩邊對齊

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

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

正如W3C標準協(xié)會所指出的：

“很多有認知障礙的用戶在面對兩端對齊的文本的時候，是有一定閱讀障礙的。兩端對齊的文本會讓字間距出現(xiàn)疏密不一的狀況，這會讓很多人難于閱讀。為了避免這個問題，最好的方法就是不要創(chuàng)建這樣的文本布局，左對齊即可?！?br />
組織上都這么說了，廣大強迫癥晚期病友們就甭糾結(jié)了。

8、堆砌關(guān)鍵詞

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

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

另外，請千萬注意不要重復輸入關(guān)鍵詞，使用相關(guān)或者變體都可以。

9、我們的網(wǎng)站需要一個初始頁面

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

10、上網(wǎng)搜個圖來用用吧

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

如果你是為公司干活兒的設(shè)計師，不妨在合適的時候請公司購買圖片庫或者資料庫之類的，再不濟也有大把的免費圖片網(wǎng)站供你挑選。總而言之，小心控制好內(nèi)容，別交無謂的學費。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

當前文章：對于網(wǎng)頁設(shè)計的10個常見誤解
新聞來源：http://www.muchs.cn/news45/318195.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、軟件開發(fā)、定制網(wǎng)站、品牌網(wǎng)站設(shè)計、微信小程序、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)