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.
1.2 Illustrator多文檔的幾種排列方式
2.
5.16--java數據類型轉換及雜記
3.
性能指標
4.
(1.2)工廠模式之工廠方法模式
5.
Java記錄 -42- Java Collection
6.
Java記錄 -42- Java Collection
7.
github使用
8.
Android學習筆記(五十):聲明、請求和檢查許可
9.
20180626
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選項卡
>>更多相關文章<<