亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國的支持和信賴!
設(shè)計(jì)更好的數(shù)據(jù)表
0.0°

固定表頭

Image title

當(dāng)用戶滾動(dòng)表單時(shí),固定表頭,這樣做的好處是始終讓用戶明白所查看的列代表了什么


水平滾動(dòng)

Image title

當(dāng)展現(xiàn)數(shù)據(jù)量比較大時(shí),水平滾動(dòng)在所難免,將標(biāo)識(shí)符擺放在第一列是一個(gè)好辦法。如果想要拓展高級(jí)功能,可以考慮讓用戶把特定的列給鎖定,這樣用戶可以很方便地對(duì)幾列數(shù)據(jù)進(jìn)行對(duì)比


大小可調(diào)的列

Image title

大小可調(diào)節(jié)的頁面可以讓用戶看見完整的縮略信息


列的風(fēng)格

斑馬條/行分割線/自由格式列表

Image title

確定列的風(fēng)格有助于讓用戶瀏覽數(shù)據(jù)。對(duì)于小型數(shù)據(jù)表而言,使用深淺色間隔的斑馬條替代行分割線可以有效降低視覺噪聲。

在瀏覽大型數(shù)據(jù)表時(shí),用戶可能會(huì)迷失自己所處的位置,行分割線可以幫助用戶定位。

當(dāng)用戶瀏覽長橫向數(shù)據(jù)串時(shí),斑馬條可以讓用戶明確所處位置,有時(shí)候它們也可能會(huì)帶來一些可用性的問題,例如當(dāng)數(shù)據(jù)行比較少的時(shí)候,用戶可能會(huì)直接把整行數(shù)據(jù)理解為了高亮的那一行


顯示密度

Image title

行高較小時(shí),用戶不需要滾動(dòng)數(shù)據(jù)表就可以看到更多的信息。然而這樣做會(huì)影響最佳閱讀行高,加大視覺理解的錯(cuò)誤率。這就是為什么許多成功的數(shù)據(jù)表設(shè)計(jì)都融入了顯示密度的調(diào)整控件。


可視化圖表統(tǒng)計(jì)

Image title

可視化數(shù)據(jù)統(tǒng)計(jì)表展現(xiàn)了相應(yīng)數(shù)據(jù)的概要信息,方便用戶在報(bào)告分析之前對(duì)模塊和事件進(jìn)行宏觀定位。


分頁

Image title

分頁的作用是將若干行數(shù)據(jù)顯示在一個(gè)視圖中,可以在不同的頁面之間進(jìn)行導(dǎo)航與切換。上圖所示的圖表可以自定義每個(gè)視圖中所顯示行的數(shù)量。這一設(shè)計(jì)模式經(jīng)常會(huì)被無限滾動(dòng)所替代。無限滾動(dòng)的原理是當(dāng)用戶向下滾動(dòng)時(shí),漸進(jìn)式地加載更多信息,這種方式通常對(duì)于內(nèi)容探索類的網(wǎng)站非常適用,但是非常不利于app的優(yōu)化。


鼠標(biāo)懸停效果

Image title

當(dāng)用戶鼠標(biāo)懸停在某處時(shí),呈現(xiàn)額外的操作選項(xiàng),這種設(shè)計(jì)方式可以降低視覺擁塞。但它也可能帶來一些問題,例如用戶很難發(fā)現(xiàn)隱藏的功能,這是因?yàn)橛脩粜枰蛨D表進(jìn)行交互才能發(fā)現(xiàn)更多的操作方式。


內(nèi)聯(lián)編輯

Image title

內(nèi)聯(lián)編輯可以讓用戶不用導(dǎo)航到隔離的細(xì)節(jié)圖表狀態(tài)中去,就可以直接對(duì)數(shù)據(jù)進(jìn)行更改。


可展開行Image title可向下擴(kuò)展的行能夠讓用戶掌握行數(shù)據(jù)的額外附加信息的同時(shí),又能夠了解該行數(shù)據(jù)的上下文信息。


快速預(yù)覽

Image title

這種模式和可展開行有點(diǎn)類似,快速預(yù)覽模式可以讓用戶在不離開原數(shù)據(jù)表的情況下查看詳情


模態(tài)窗口

Image title

模態(tài)窗口也可以讓用戶不離開原有數(shù)據(jù)表單,它的特點(diǎn)是對(duì)顯示出來的額外信息和操作進(jìn)行強(qiáng)調(diào)。


多重模態(tài)窗口

Image title

當(dāng)用戶需要在不同操作之間進(jìn)行切換,或者需要對(duì)不同行的屬性進(jìn)行比較時(shí),多重模態(tài)窗口是一個(gè)非常不錯(cuò)的選擇。


列表模式到詳情模式的切換Image title

點(diǎn)擊一個(gè)行數(shù)據(jù)鏈接,這時(shí)表單會(huì)轉(zhuǎn)變成左邊是數(shù)據(jù)列表,右邊是詳細(xì)信息的模式。這種設(shè)計(jì)方法可以讓用戶在不丟失位置信息的情況下分析大數(shù)據(jù)串,同時(shí)參考分析別的條目。


可分類列

Image title

用戶可以采用按首字母A-Z的方式或阿拉伯?dāng)?shù)字排列的方式對(duì)列數(shù)據(jù)進(jìn)行分類


最基本的篩選

Image title

基礎(chǔ)篩選的作用是讓用戶對(duì)列表中的數(shù)據(jù)進(jìn)行操作


篩選列

Image title

這種設(shè)計(jì)模式旨在幫助用戶對(duì)特定列的參數(shù)進(jìn)行篩選過濾


可搜索列

Image title

可搜索列讓用戶在每列中搜索特定值


增加列

Image title

這一模式使用戶可以向數(shù)據(jù)集中添加列,這是一種讓表單數(shù)據(jù)保持精簡信息的方法,也給用戶開放了根據(jù)功能需求添加列的權(quán)限。


自定義列Image title自定義列的功能讓用戶可以自由組合想要呈現(xiàn)的屬性,可能還包含保存用戶自定義列以備日后使用的功能。

更新:2017-05-15

收藏

21人已收藏

euphoria

桃李春風(fēng)一杯酒

  • 13

    作品

  • 84

    粉絲

  • 38

    關(guān)注

  • 臨摹作品:PS+AI打造炫酷概念手表
  • 一些手繪練習(xí)作品
  • 臨摹:游戲萌寵圖標(biāo)設(shè)計(jì)
  • 勇者行動(dòng)游戲活動(dòng)頁設(shè)計(jì)

    猜你喜歡

      設(shè)計(jì)更好的數(shù)據(jù)表

      0.0°

      你確定要舉報(bào)設(shè)計(jì)更好的數(shù)據(jù)表?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過10M的附件請(qǐng)使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對(duì)誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2017年05月12日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      10
      21
      0

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄