TAE 在日本「第一回 プログラマ向けデザイン勉強会」（面向程序员的设计学习班）上做了「Zurui Design」的演讲，TAE 称之为「Zurui Design」。「Zurui」在日文的意思是「狡猾的」，大概是因为大部分情况下都可以用，很少出问题的缘故吧。
演示内的例子使用了高阶的 CSS 属性，大部分在 IE8 或以下会有支持问题，如 rgba()，这里就不多说明怎么处理，请善用 Google。
以下整理一些实用的：
背景
- 使用接近纯白或纯黑的颜色；
- Pattern 的选择上尽量接近自然或构图简单的；
- 避免选择大图案的 pattern；
- 避免选择色度很浓或亮度差异很大的 pattern。
渐变
- 起始色和结束色之间尽量不要有太大差距，如
#434343和#222； - 起始色和结束色之间尽量不要混合多种不同的颜色，如红黄蓝搭配。
圆角
- 非圆形设计，尽量限制
border-radius在6px内；
阴影
box-shadow 需避免：
- 太浓的颜色
- 较大的淡化值（blur）
- 彩色的阴影
彩色的阴影指非黑白的其他颜色，使用上尽量使用黑色，如果背景色为黑色系，可以把阴影的颜色设置为比背景还要黑一些，别因为要凸显而采用其他颜色。
按钮
如果想要做有立体感的按钮，可以配合渐变，但光源是上到下为佳，即上部浅色，底部深色。使用渐变时配合 border 会有较好的效果，但注意避免彩色的 border。