網站表格制作的七種常見方法
2014/7/4 15:58:39
  表格形形色色,默默無聞的呈現著數據,閱讀起來如何最為順暢,如何才能從表格里發掘出重要信息。
  1.行高是表格瀏覽時的重要參數
  行高是表格非常重要的參數,行高間距直接影響著閱讀的體驗,有如同Omniature為了最大限度的放置數據內容,強化數據顯示效果而降低行高的情況,也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。
  2.斑馬線更好的引導閱讀
  斑馬線和懸停時的整行變化也是表格中能引起視覺變化的重要元素,斑馬線會使得行與行的界限更為分明,尤其對數據列較多時的橫向引導得到加強,這樣看行內的內容時不容易錯行,而懸停變色行主要是配合操作交互,為長沙網站公司了明確區分出光標所在的行。
  3.選擇和操作提升使用效率
  對表格數據的選擇會有單選多選或者全選的情況,如果遇到數據項很多有翻頁,全選的位置就會增加一些選項來確定是當頁全選還是整表全選,如同Gmail和SugarCrm里的效果,這種表格是將選擇區域放置在表格的左側第一列,也有表格的設計是將選擇放在右側最后一列,像Campaign Monitor就是這樣設計的,好處在于瀏覽完一行的信息就可以確定是否需要選擇該行內容進行下一步操作。
  4.排序使表格活起來
  排序是表格里經常需要使用的操作,可以更為快捷的發掘出關注的信息,一般會有升序和降序兩種,當前比較常見的是上下空心箭頭默認,上箭頭為升序,下箭頭為降序,也有通過明確說明來提示排序的方式。
  5.重點在于行或者列
  表格是由最簡單的行、列、單元格構成的,根據瀏覽的目的和希望突出的信息不同,行、列、單元格都可以通過一些變化進行強調,這是將信息通過表格傳達出去的最為根本的使用方式。
  郵箱產品就是強調行的表格設計的典范,像Gmail、Yahoo Mail、126郵箱,這些表格沒有縱向的線條,用橫線構架出行的視覺,數據信息均勻分布,更強調每一行內的信息連續性,不強調行與行的數據對比情況。同時,輔助于背景線條和底色,能夠很好的提升閱讀的連續性和效率。
  6.條理的對齊
  表格內的信息縱向列對齊是能夠很好的形成視覺引導線,符合格式塔心理學中相近原則,一般常見的是文本信息左對齊,數字左對齊,金額右對齊,同時表格最右一列右對齊,這樣的表格縱向列即長春網站建設哪家價格低?使沒有分割線也能很好的起到分隔作用。
  對比的數據如果有了明確的對齊方式,會大大提升數據的瀏覽效率,增加對比的效果,像下面的圖中,如果數據居中對齊沒有明確的邊界,閱讀起來就會降低效率。
  7.表頭固定提升使用
  隨著表格的行和列都增加,這時候用戶的瞬時記憶會遭遇閾限,根據7±2的原則超過這個范圍時,用戶需要增加信息來幫助瀏覽表格內的數據,比如百度的涅槃系統提供了豐富的數據列,而如果缺少表頭的說明恐怕會很快遺忘掉該列數據是什么。
  表頭固定的另一種用途是可以將操作和表格的信息更好的進行聯系,選擇了表格內的數據行就可以進行相應的操作,提升了使用效率,不用再耗時耗力的尋找操作區域。

返回列表
返回首頁 主站蜘蛛池模板: www一区二区| 中国凸偷窥XXXX自由视频| 欧美日韩精品一区二区三区高清视频 | 波多野结衣cesd—819高清| 午夜精品福利影院| 高清欧美性猛交xxxx黑人猛交| 国产精品无码电影在线观看| caoporn97在线视频进入| 成人免费视频88| 久久久午夜精品福利内容| 果冻传媒国产仙踪林欢迎你| 亚洲欧美久久一区二区| 狠狠干.com| 全黄性性激高免费视频| 老子影院理论片在线观看| 国产在线精品国自产拍影院午夜 | 亚洲综合av一区二区三区不卡| 精品国产人成亚洲区| 国产一区二区三区精品视频| 高清在线精品一区二区| 国产激情久久久久影| 337p粉嫩胞高清视频在线| 在线播放免费人成视频在线观看| а天堂中文最新一区二区三区| 操美女视频免费网站| 久久久精品2019中文字幕之3| 日韩视频在线观看一区二区| 亚洲一级生活片| 欧美大尺度电影| 亚洲日本乱码一区二区在线二产线| 狠狠综合久久av一区二区| 初尝黑人巨砲波多野结衣| 美女被免费网在线观看网站| 国产一区二区视频免费| 超pen个人视频国产免费观看| 国产在线视频色综合| 黑执事第二季免费观看| 国产无遮挡又黄又爽在线视频 | 亚洲国产成人片在线观看| 欧美精品videossex欧美性| 亚洲精品美女久久久久99|