誤區一:人人都可以做網(wǎng)頁(yè)設計
很多人認為自己就可以制作網(wǎng)頁(yè),但是他真正做出來(lái)的東西,可能并不是那么一回事。真正的的網(wǎng)頁(yè)設計是一門(mén)綜合學(xué)科,集合了信息架構設計,用戶(hù)界面設計,排版設計,色彩搭配,字體設計等多門(mén)學(xué)科,只有真正將這些方面都正確兼顧到了才能做好網(wǎng)頁(yè)的設計。
誤區二:過(guò)分追求CSS的“最小化”
CSS的重用性注定了會(huì )比HTML要“更小”,但使用CSS并不是因為它小才使用它。而是因為CSS能使網(wǎng)頁(yè)結構更清晰。很多人為了CSS文件能更小而絞盡腦汁的壓縮代碼,合并屬性。你如果要追求“網(wǎng)頁(yè)更小”,推薦你多了解下各種WEB圖片格式的優(yōu)缺點(diǎn),以及他們的壓縮優(yōu)化方法。會(huì )比你壓縮CSS代碼更有作用。建議CSS的書(shū)寫(xiě)以方便閱讀、結構清晰為重點(diǎn),而不是為了幾K大小去壓縮和合并代碼,增加后期糾錯和修改的難度。
誤區三:內容填滿(mǎn)頁(yè)面所有的空間
千萬(wàn)別這么干!留白(或者負空間)有著(zhù)非常重要的作用,它與網(wǎng)頁(yè)上的其他的視覺(jué)元素相互依托,是構建一個(gè)優(yōu)秀網(wǎng)頁(yè)的重要組成部分。有留白,才能創(chuàng )造出網(wǎng)頁(yè)的視覺(jué)焦點(diǎn),讓網(wǎng)頁(yè)的設計感更強,更易于瀏覽和使用,當然,留白并不一定非要是白色的。
誤區四:網(wǎng)頁(yè)中使用表格就代表落后
DIV+CSS沒(méi)出現以前表格是制作頁(yè)面的主要容器,F在所有瀏覽器都仍然支持HTML的舊標簽,并且HTML技術(shù)也是相對成熟的,合理使用表格的一些HTML屬性可以解決一些CSS兼容性問(wèn)題。W3C標準只是一種指導,沒(méi)有必要強求。況且表格的強項是數據的呈現,表格可不落后!
誤區五:網(wǎng)頁(yè)應該在所有瀏覽器里面效果都完全一樣
不同瀏覽器的渲染機制不一樣,所以同一個(gè)網(wǎng)頁(yè)在不同的瀏覽器里面看起來(lái)也不會(huì )完全一樣,這主要是因為網(wǎng)站所用的內核不一樣造成的。所以,請接受這一事實(shí)。退一萬(wàn)步講,對于絕大多數的網(wǎng)站,你的瀏覽器兼容性?xún)?yōu)化得再好也很難達到100%的一模一樣。
誤區六:圖片切割得越小越好
為了使網(wǎng)頁(yè)逐一顯示,讓用戶(hù)能看到網(wǎng)頁(yè)LOADING的“等待過(guò)程”而將圖片切割得過(guò)于細小是一個(gè)典型的誤區。
這會(huì )帶來(lái)兩個(gè)方面的問(wèn)題:服務(wù)器請求數過(guò)多會(huì )嚴重影響服務(wù)器的性能。所以推薦盡量發(fā)揮CSS Sprites的作用。甚至CSS、JS都盡量不要拆分得過(guò)于細小,能整合就整合。
其實(shí)無(wú)論你如何切割,越切得小,總容量和占用的空間反而會(huì )略大。得不償失!
誤區七:所有的細節都必須醒目
對于網(wǎng)頁(yè)排版有種誤解,認為網(wǎng)頁(yè)中所有的東西都要要大,要粗,要閃,要亮。是的,我們將內容放到網(wǎng)站中是希望它們能被注意到,能脫穎而出?蓡(wèn)題在于,如果所有的內容和元素都加粗了,閃耀了,那么什么內容都不會(huì )突出來(lái)的。突出是需要通過(guò)合理的布局、差異和負空間烘托出來(lái)的。使用不同的字體,主次內容相互依托,圖文混拍,優(yōu)質(zhì)的內容才會(huì )被眼睛捕捉到。