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.
Excel教程:排序-篩選-切片-插入表格
2.
ZigBee ProfileID,DeviceID,ClusterID
3.
二維碼背後不能不說的祕密Part1~
4.
基於迅爲i.MX6平臺 | 智能家居遠程監控系統
5.
【入門篇】ESP8266直連智能音箱(天貓精靈)控制智能燈
6.
MongoDB安裝問題
7.
【建議收藏】22個適合程序員多逛逛的網站
8.
【建議收藏】10個適合程序員逛的在線社區
9.
Attention-Based SeriesNet論文讀後感
10.
Flutter中ListView複用原理探索
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
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選項卡
>>更多相關文章<<