隨著技術的發展和音樂編曲軟件的普及,有些音樂產業的從業者說“現在人人都是DJ了”。其實這句話套用在網頁設計領域也非常合適,現在越來越多的人認為人人都可以做網頁設計師了,似乎在很多人看來設計網頁是非常容易的事情。下載Adobe的Dreamweaver,簡單做個導航欄,甩個Banner 上去,隨手畫出幾個功能區,放上圖片文章就是網站了。這是網頁設計?當然,很多人就是這麼做的。
但是真正的網頁設計並沒有這麼簡單,下面就來看看網頁設計的10個常見誤區,這些誤區你有嗎?
1、誰都可以做好網頁設計
如果你問隔壁小明他能否給自己做一個網站,他可能會說網頁設計他手到擒來之類的話,但是他真正做出來的東西,可能並不是那麼一回事。
他用Dreamweaver在1個小時內做出來個網頁Demo,千萬不要被那唬住。真正的的網頁設計是一門綜合學科,集合了信息架構設計,用戶界面設計,排版設計,色彩搭配,字體設計等多門學科,只有真正將這些方面都正確兼顧到了才能做好網頁的設計。
2、用戶喜歡(或者不喜歡)向下滾動網頁
在網絡剛剛起步的1994年,當初的開發者和設計者並沒有預見到網頁今天的模樣。用戶喜歡還是不喜歡向下滾動網頁?
2011年發布的發布的Mac OS X 10.7中,蘋果公司就將界面中的向下滾動按鈕給去掉了。而2006年就有過一向數據統計,從120000個網頁浏覽數據中抽取數據進行分析,其中76% 的用戶打開網頁後不會向下滾動,而22%的用戶會浏覽整個頁面,一路滾動到底。還有2%的用戶會向下滾動看看。
那麼是不是說明網頁設計只需要注重開頭的600px高的內容呢?不是!這個數據分析是要告訴你,用戶喜歡不喜歡翻下去,是取決於你的網頁夠不夠吸引力!
3、填滿頁面所有的空間
千萬別這麼干!留白(或者負空間)有著非常重要的作用,它與網頁上的其他的視覺元素相互依托,是構建一個優秀網頁的重要組成部分。有留白,才能創造出網頁的視覺焦點,讓網頁的設計感更強,更易於浏覽和使用。想知道留白是如何使用的?看看Apple的官方網站就知道了。當然,留白並不一定非要是白色的。
永遠不要填滿你網頁所有的角落,適當的留白永遠比這樣設計好看。
4、所有的細節都必須醒目
對於網頁排版有種誤解,認為網頁中所有的東西都要要大,要粗,要閃,要亮(親愛的老板們,你們又躺槍了……)。是的,我們將內容放到網站中是希望它們能被注意到,能脫穎而出。可問題在於,如果所有的內容和元素都加粗了,閃耀了,那麼什麼內容都不會突出來的。突出是需要通過合理的布局、差異和負空間烘托出來的。使用不同的字體,主次內容相互依托,圖文混拍,優質的內容才會被眼睛捕捉到。
5、大Logo綜合征
是的,這就是廣大設計師津津樂道的大Logo綜合征,這是病,該吃藥。Logo的確是用戶進入網站最容易注意到的元素,但是用戶更應該注意的東西是你網站的內容!當用戶開始注意網站內容之後,它們不再會去看你的Logo,當你強行放大Logo無異於強迫用戶去關注他們不想看的東西。
6、網站應該在所有浏覽器裡面效果都完全一樣
不同浏覽器的渲染機制不一樣,所以同一個網頁在不同的浏覽器裡面看起來也不會完全一樣,這主要是因為網站所用的內核不一樣造成的。所以,請接受這一事實。退一萬步講,對於絕大多數的網站,你的浏覽器兼容性優化得再好也很難達到100%的一模一樣。
7、段落兩邊對齊
很多人讀過書之後,他們希望網頁上的文本也和書裡一樣,文本能夠兩端對齊。但實際上,這並不現實。且不說不同浏覽器的渲染機制不一樣,單就一個浏覽器而言,通過算法強行要求文本兩端對齊,英文這種單詞長短不一的段落會明顯出現疏密不一的情況,而對於中文而言,網站裡大量的文本如此優化也會造成類似的情況,除非是諸如簡書和起點這樣以文本內容為主的網站,可以在文章正文使用這種機制來強化閱讀體驗。
正如W3C標准協會所指出的:
“很多有認知障礙的用戶在面對兩端對齊的文本的時候,是有一定閱讀障礙的。兩端對齊的文本會讓字間距出現疏密不一的狀況,這會讓很多人難於閱讀。為了避免這個問題,最好的方法就是不要創建這樣的文本布局,左對齊即可。”
8、堆砌關鍵詞
堆砌關鍵詞是一種非常令人反感的行為,這種行為是典型的黑帽手法,這種過度SEO優化的手法會讓搜索引擎將你的網站Ban掉。如果你需要做好關鍵詞優化,需根據內容合理分配,請千萬注意不要重復輸入關鍵詞,使用相關或者變體都可以。
9、我們的網站需要一個初始頁面
初始頁面,比如某Flash企業站會做一個加載頁面,進入網站前會有一個百分比進度條跟那兒慢慢跑著……對,就是這個。比較神奇的是有的網站還需要在加載完之後跳出一個按鈕,然後你才能進入網站的首頁。你如果是一個體驗很悶騷在線小游戲啥的也就算了。可是你的網站並不是!我們知道用戶對於網站的加載速度要求越來越高,數據統計表明,15秒已經是極限了。認真做好內容和頁面優化吧,這才是減少跳出率的正確姿勢。
10、上網搜個圖來用用吧
你永遠無法預知搜索引擎給你扒來的圖片都是從哪兒來的。有的圖片是有版權的,如果你不小心碰到有版權所有的圖片,那麼你將面對的是對方的索賠了(國外很嚴格,國內對這一塊也越來越苛刻了)。
如果你是為公司干活兒的設計師,不妨在合適的時候請公司購買圖片庫或者資料庫之類的,再不濟也有大把的免費圖片網站供你挑選。總而言之,小心控制好內容,別交無謂的學費。
好了,這些誤區你有嗎?,反正我可是有中槍的。