误区一:人人都可以做网页设计
很多人认为自己就可以制作网页,但是他真正做出来的东西,可能并不是那么一回事。真正的的网页设计是一门综合学科,集合了信息架构设计,用户界面设计,排版设计,色彩搭配,字体设计等多门学科,只有真正将这些方面都正确兼顾到了才能做好网页的设计。
误区二:过分追求CSS的“最小化”
CSS的重用性注定了会比HTML要“更小”,但使用CSS并不是因为它小才使用它。而是因为CSS能使网页结构更清晰。很多人为了CSS文件能更小而绞尽脑汁的压缩代码,合并属性。你如果要追求“网页更小”,推荐你多了解下各种WEB图片格式的优缺点,以及他们的压缩优化方法。会比你压缩CSS代码更有作用。建议CSS的书写以方便阅读、结构清晰为重点,而不是为了几K大小去压缩和合并代码,增加后期纠错和修改的难度。
误区三:内容填满页面所有的空间
千万别这么干!留白(或者负空间)有着非常重要的作用,它与网页上的其他的视觉元素相互依托,是构建一个优秀网页的重要组成部分。有留白,才能创造出网页的视觉焦点,让网页的设计感更强,更易于浏览和使用,当然,留白并不一定非要是白色的。
误区四:网页中使用表格就代表落后
DIV+CSS没出现以前表格是制作页面的主要容器。现在所有浏览器都仍然支持HTML的旧标签,并且HTML技术也是相对成熟的,合理使用表格的一些HTML属性可以解决一些CSS兼容性问题。W3C标准只是一种指导,没有必要强求。况且表格的强项是数据的呈现,表格可不落后!
误区五:网页应该在所有浏览器里面效果都完全一样
不同浏览器的渲染机制不一样,所以同一个网页在不同的浏览器里面看起来也不会完全一样,这主要是因为网站所用的内核不一样造成的。所以,请接受这一事实。退一万步讲,对于绝大多数的网站,你的浏览器兼容性优化得再好也很难达到100%的一模一样。
误区六:图片切割得越小越好
为了使网页逐一显示,让用户能看到网页LOADING的“等待过程”而将图片切割得过于细小是一个典型的误区。
这会带来两个方面的问题:服务器请求数过多会严重影响服务器的性能。所以推荐尽量发挥CSS Sprites的作用。甚至CSS、JS都尽量不要拆分得过于细小,能整合就整合。
其实无论你如何切割,越切得小,总容量和占用的空间反而会略大。得不偿失!
误区七:所有的细节都必须醒目
对于网页排版有种误解,认为网页中所有的东西都要要大,要粗,要闪,要亮。是的,我们将内容放到网站中是希望它们能被注意到,能脱颖而出。可问题在于,如果所有的内容和元素都加粗了,闪耀了,那么什么内容都不会突出来的。突出是需要通过合理的布局、差异和负空间烘托出来的。使用不同的字体,主次内容相互依托,图文混拍,优质的内容才会被眼睛捕捉到。