|
增加斑馬條紋Add Zebra Stripes
這是一個(gè)非�；镜母拍�，可以追溯到信息表格的存在。加入交替行顏色可以幫助用戶集中視線，把在邊上或者底 部設(shè)定好的分類信息和表格中心的浮動(dòng)信息關(guān)聯(lián)在一起。這個(gè)簡(jiǎn)單的技術(shù)可以增加大小表格的可讀性。這確實(shí)是一個(gè)好的經(jīng)驗(yàn)法則，如果你的表格需要用戶關(guān)聯(lián)分開(kāi)的信息，那么始終包含斑馬線（或其他視覺(jué)輔助）。
下面是一些給表格增加斑馬線的免費(fèi)資源：
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做好準(zhǔn)備
閃亮的web 2.0 樣式設(shè)計(jì)可能有點(diǎn)過(guò)度使用。但是這確實(shí)可以很快抓住眼球。我絕對(duì)不建議對(duì)已經(jīng)很復(fù)雜的表格增加太多冗余的花哨耀眼的元素，在這種情況下，需要選擇簡(jiǎn)單的方式。然而，如果你需要設(shè)計(jì)一個(gè)只有幾項(xiàng)的小表格，那么也不妨讓它看起來(lái)神奇一點(diǎn)。
極簡(jiǎn)主義
不喜歡上面的耀眼web 2.0樣式？沒(méi)關(guān)系，還有一種很強(qiáng)的觀點(diǎn)認(rèn)為應(yīng)該減少表格的圖形。這種做法可以讓用戶沒(méi)有任何干擾的只關(guān)注內(nèi)容。使用干凈細(xì)微的網(wǎng)格線（或沒(méi)有線條），簡(jiǎn)單的字體和顏色，可以很好的和背景形成對(duì)比。
出處：譯言
責(zé)任編輯：bluehearts
上一頁(yè) 15個(gè)優(yōu)秀的表格設(shè)計(jì)技巧 [4] 下一頁(yè) 15個(gè)優(yōu)秀的表格設(shè)計(jì)技巧 [6]
|
第 1 頁(yè) 
第 5 頁(yè) 15個(gè)優(yōu)秀的表格設(shè)計(jì)技巧 [5]
