亚洲新天堂无码在线看_无码精品人妻二区二区_久久久久精品国产电影_亚洲高清无码专区视频

當(dāng)前位置:首頁 > 建站知識 > 建站知識 > 正文

網(wǎng)站表格制作的七種常見方法

來源:征帆網(wǎng)絡(luò)  作者:ymars  日期:2012-5-18

    表格形形色色,默默無聞的呈現(xiàn)著數(shù)據(jù),閱讀起來如何最為順暢,如何才能從表格里發(fā)掘出重要信息。

    行高是表格瀏覽時的重要參數(shù)

    行高是表格非常重要的參數(shù),行高間距直接影響著閱讀的體驗,有如同Omniature為了最大限度的放置數(shù)據(jù)內(nèi)容,強化數(shù)據(jù)顯示效果而降低行高的情況,也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。

    斑馬線更好的引導(dǎo)閱讀

    斑馬線和懸停時的整行變化也是表格中能引起視覺變化的重要元素,斑馬線會使得行與行的界限更為分明,尤其對數(shù)據(jù)列較多時的橫向引導(dǎo)得到加強,這樣看行內(nèi)的內(nèi)容時不容易錯行,而懸停變色行主要是配合操作交互,為長沙網(wǎng)站公司了明確區(qū)分出光標(biāo)所在的行。

    選擇和操作提升使用效率

    對表格數(shù)據(jù)的選擇會有單選多選或者全選的情況,如果遇到數(shù)據(jù)項很多有翻頁,全選的位置就會增加一些選項來確定是當(dāng)頁全選還是整表全選,如同Gmail和SugarCrm里的效果,這種表格是將選擇區(qū)域放置在表格的左側(cè)第一列,也有表格的設(shè)計是將選擇放在右側(cè)最后一列,像Campaign Monitor就是這樣設(shè)計的,好處在于瀏覽完一行的信息就可以確定是否需要選擇該行內(nèi)容進行下一步操作。

    排序使表格活起來

    排序是表格里經(jīng)常需要使用的操作,可以更為快捷的發(fā)掘出關(guān)注的信息,一般會有升序和降序兩種,當(dāng)前比較常見的是上下空心箭頭默認,上箭頭為升序,下箭頭為降序,也有通過明確說明來提示排序的方式。

    重點在于行或者列

    表格是由最簡單的行、列、單元格構(gòu)成的,根據(jù)瀏覽的目的和希望突出的信息不同,行、列、單元格都可以通過一些變化進行強調(diào),這是將信息通過表格傳達出去的最為根本的使用方式。

    郵箱產(chǎn)品就是強調(diào)行的表格設(shè)計的典范,像Gmail、Yahoo Mail、126郵箱,這些表格沒有縱向的線條,用橫線構(gòu)架出行的視覺,數(shù)據(jù)信息均勻分布,更強調(diào)每一行內(nèi)的信息連續(xù)性,不強調(diào)行與行的數(shù)據(jù)對比情況。同時,輔助于背景線條和底色,能夠很好的提升閱讀的連續(xù)性和效率。

    條理的對齊

    表格內(nèi)的信息縱向列對齊是能夠很好的形成視覺引導(dǎo)線,符合格式塔心理學(xué)中相近原則,一般常見的是文本信息左對齊,數(shù)字左對齊,金額右對齊,同時表格最右一列右對齊,這樣的表格縱向列即長春網(wǎng)站建設(shè)哪家價格低?使沒有分割線也能很好的起到分隔作用。

    對比的數(shù)據(jù)如果有了明確的對齊方式,會大大提升數(shù)據(jù)的瀏覽效率,增加對比的效果,像下面的圖中,如果數(shù)據(jù)居中對齊沒有明確的邊界,閱讀起來就會降低效率。

    表頭固定提升使用

    隨著表格的行和列都增加,這時候用戶的瞬時記憶會遭遇閾限,根據(jù)7±2的原則超過這個范圍時,用戶需要增加信息來幫助瀏覽表格內(nèi)的數(shù)據(jù),比如百度的涅槃系統(tǒng)提供了豐富的數(shù)據(jù)列,而如果缺少表頭的說明恐怕會很快遺忘掉該列數(shù)據(jù)是什么。

    表頭固定的另一種用途是可以將操作和表格的信息更好的進行聯(lián)系,選擇了表格內(nèi)的數(shù)據(jù)行就可以進行相應(yīng)的操作,提升了使用效率,不用再耗時耗力的尋找操作區(qū)域。