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.
如何將PPT某一頁幻燈片導出爲高清圖片
2.
Intellij IDEA中使用Debug調試
3.
build項目打包
4.
IDEA集成MAVEN項目極簡化打包部署
5.
eclipse如何導出java工程依賴的所有maven管理jar包(簡單明瞭)
6.
新建的Spring項目無法添加class,依賴下載失敗解決:Maven環境配置
7.
記在使用vue-cli中使用axios的心得
8.
分享提高自己作品UI設計形式感的幾個小技巧!
9.
造成 nginx 403 forbidden 的幾種原因
10.
AOP概述(什麼是AOP?)——Spring AOP(一)
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
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選項卡
>>更多相關文章<<