JavaShuo
欄目
標籤
【設計思考】多層級tab選項卡展示方式
時間 2020-12-21
標籤
設計
# 設計思考
欄目
快樂工作
简体版
原文
原文鏈接
在後臺管理系統的設計中,往往會遇到多層級的查詢與展示。如何能更直觀地展示數據,並且讓用戶體驗更佳,是在設計過程中需要仔細考慮的問題。 舉個例子 現有一個管理系統的原型圖如下,共有5個層級,選擇數據時,需要一層一層選擇。可以看出,原型圖中的tab層級雖然清晰,但視覺效果欠佳,尤其是前三層,由於都是橫向選擇標籤,沒有辨識度。 解決方法 經過一番思考和對比,確定了一個比較好的展示方式——橫縱交錯。如第一
>>阅读原文<<
相關文章
1.
js tab選項卡 mootools tab選項卡
2.
IDEA設置Tab選項卡
3.
選項卡展示
4.
TAB選項卡
5.
選項卡TAB
6.
Tab選項卡
7.
tab選項卡
8.
JQuery-Tab選項卡
9.
Vue tab選項卡
10.
bootstrap tab選項卡
更多相關文章...
•
ionic tab(選項卡)
-
ionic 教程
•
ionic 選項卡欄操作
-
ionic 教程
•
IntelliJ IDEA代碼格式化設置
•
SpringBoot中properties文件不能自動提示解決方法
相關標籤/搜索
展示
思惟方式
多項式
設計思想
tab+tab
tab
層級
思考
設計方案
選項
快樂工作
興趣愛好
PHP參考手冊
紅包項目實戰
網站建設指南
設計模式
計算
委託模式
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
「插件」Runner更新Pro版,幫助設計師遠離996
2.
錯誤 707 Could not load file or assembly ‘Newtonsoft.Json, Version=12.0.0.0, Culture=neutral, PublicKe
3.
Jenkins 2018 報告速覽,Kubernetes使用率躍升235%!
4.
TVI-Android技術篇之註解Annotation
5.
android studio啓動項目
6.
Android的ADIL
7.
Android卡頓的檢測及優化方法彙總(線下+線上)
8.
登錄註冊的業務邏輯流程梳理
9.
NDK(1)創建自己的C/C++文件
10.
小菜的系統框架界面設計-你的評估是我的決策
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
js tab選項卡 mootools tab選項卡
2.
IDEA設置Tab選項卡
3.
選項卡展示
4.
TAB選項卡
5.
選項卡TAB
6.
Tab選項卡
7.
tab選項卡
8.
JQuery-Tab選項卡
9.
Vue tab選項卡
10.
bootstrap tab選項卡
>>更多相關文章<<