<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          B端產品設計規范之數據展示

          2021-10-12    資深UI設計者


          數據展示有哪些?



          01.徽標

          是收納消息數量的樣式,一般出現在圖標或者頭像右上角。



          02.標簽

          數據展示里面抽取出來的共性特征,將它們轉化為標簽。標簽樣式有線框、帶不透明底或者面性。



          03.走馬燈

          相當于c端的輪播圖




          04.文字提示

          可以出現在鼠標懸浮按鈕時候的行為解釋說明,也可以是文案或者導航圖標的解釋說明。鼠標移入時候出現移出時候消失。



          05.氣泡卡片

          比起文字提示可以承載更多內容,相對彈窗,氣泡卡片操作更輕盈。




          06.標簽頁/選項卡

          標簽頁可以幫助用戶在一個頁面內快速切換不同類型內容,提升單個頁面整體的擴展性。標簽本質上就是內容區的導航。



          07.折疊面板

          折疊面板可以更好的收納內容區域,提高頁面利用率??梢院捅砀窠Y合使用,折疊表格部分詳情內容,使得縱向空間更節約。




          08.表格

          表格是數據展示的重要內容。當有大量結構化數據需要展示時或者需要對數據進行排序、搜索分頁時可以用表格進行展現。


          當筆記本過小,表格展示不全時候,可以固定首尾重要信息進行滾動。


          帶排序的表頭,可對數量或者金額進行排序。


          帶分組的表格,建議帶邊框并且用色塊區分表頭和內容。


          單元格可編輯


          批量選中時只會選中當前頁,因為分頁還沒加載出來,為了給用戶正確的引導,可以給上提示性文案,例如“已選中XX項內容”。


          如果當前頁批量選中的數據量不滿足要求,可以改變分頁器,增加當前頁數據量,從而增加選項。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷  作者:最多三分糖

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合