简洁设计要点
设计阶段。可以从相片和调色板入手，将各种元素不断组合直至满意（图像和色彩），然后将设计好的付诸于css实现。
排版样式。通过运用不同的文本大小、文字间距和颜色来调整版面样式。
图标。图标要是对物体本质的抽象，强烈、一致的方式与要表示的概念关联起来。有的图标仅仅起到标号作用，简洁不能宣兵夺主。
分界线。适当使用分界线，让页面有韵律，添加额外的维度。不能过度使用。
外边距。网页与浏览器之间的留白。联想到许多文章提及的适当的留白会让界面有更好的表现力。
借喻。用简单的设计元素表示复杂的图像或概念。比如简单的白色线条。
精心设计。并不是所有站点都需要如此精心设计，那些内容和功能占主要地位的网站应该尽可能地简化图片等设计元素，以简洁实用为首要目标。
合理使用光线、空间和形状。
色彩。理解色彩所包含的心理效果、文化影响、性别偏好等。
颜色的普通心理联想：
-------------------------------------------------------------------------------
颜色 心理联想
红色 力量、活力、爱、激情、进攻、危险
蓝色 信任、保守、安全、清洁、悲伤、有序
绿色 大自然、健康、嫉妒、复苏
橙色 愉快、幸福
黄色 乐观、希望、冷静、懦弱
紫色 神秘
褐色 可靠、舒适、忍耐、大地
灰色/银色 智慧、未来、谦虚、悲哀、腐朽、高雅
黑色 力量、性、完善、神秘、恐惧、忧愁、死亡
白色 纯洁、干净、精确、清白、中性、不毛、死亡
-------------------------------------------------------------------------------
引导视线。视觉流向是通过使用图片和内容，让读者的实现从一个重要低点移动至下一个过程。还能为读者的眼睛提供一些休息的空间。
关于图像替换技术等。<div><span>Good Luck!<span></div>
css盒模型中的外边距重叠。若两个元素上下毗邻且都定义了不为0的外边距值，同时又没有任何内边距、边框等设定，那么这两个元素之间的距离将小于二者外边距的和。
当父元素div都没有设定外边距，所以每个div的地步外边距将于其最后一个元素（比如p）的底部外边距重叠。这时总共的外边距值不为零，所以其最后一个子元素（比如p）的10px外边距值仍然要被计算进去，看上去就像是子元素“隔开”了包含它的div父元素。这种情况下可以这样解决：为每个div父元素添加1px的垂直内边距，这样就不再满足形成外边距重叠的条件，div之间的缝隙自然就消失了。
当那些非“必不可少”的图片存在时。IE6中png不能显示其透明度信息，可以利用IE6也不支持的子孙选择器来设定png图片背景 div > span
(收起)
