增加斑马条纹Add Zebra Stripes
这是一个非常基本的概念,可以追溯到信息表格的存在。加入交替行颜色可以帮助用户集中视线,把在边上或者底 部设定好的分类信息和表格中心的浮动信息关联在一起。这个简单的技术可以增加大小表格的可读性。这确实是一个好的经验法则,如果你的表格需要用户关联分开的信息,那么始终包含斑马线(或其他视觉辅助)。
下面是一些给表格增加斑马线的免费资源:
Styling Zebra Striped Tables With CSS (CSS Newbie) MooTools Zebra Table Plugin (David Walsh) PHP Zebra Striping a Table (CSS-Tricks) jQuery Zebra Stripe a Table (CSS-Tricks)
为Web 2.0做好准备
闪亮的web 2.0 样式设计可能有点过度使用。但是这确实可以很快抓住眼球。我绝对不建议对已经很复杂的表格增加太多冗余的花哨耀眼的元素,在这种情况下,需要选择简单的方式。然而,如果你需要设计一个只有几项的小表格,那么也不妨让它看起来神奇一点。
极简主义
不喜欢上面的耀眼web 2.0样式?没关系,还有一种很强的观点认为应该减少表格的图形。这种做法可以让用户没有任何干扰的只关注内容。使用干净细微的网格线(或没有线条),简单的字体和颜色,可以很好的和背景形成对比。
出处:译言
责任编辑:bluehearts
上一页 15个优秀的表格设计技巧 [4] 下一页 15个优秀的表格设计技巧 [6]
|