合適的資料展示方式可以幫助使用者快速地定位和瀏覽資料，以及更高效得協同工作。在設計時有以下幾點需要注意：
依據資訊的重要等級、操作頻率和關聯程度來編排展示的順序。
注意極端情況下的引導。如資料資訊過長，內容為空的初始化狀態等。
1、**
**被公認為是展現資料最為清晰、高效的形式之一。
注： 1. **中的時間、狀態、操作欄需保持詞語完整不過行。 2. 當資料為空時，可使用『- -』來表示暫無資料。
2、摺疊面板（collapse）
摺疊面板通過對資訊的分組和收納，指引使用者遞進式的獲取資訊，使介面保持整潔的同時增加空間的有效利用率。
注： 若摺疊內容彼此之間關聯度較低時，可使用更為節省空間的『手風琴』模式——『手風琴』是一種特殊的摺疊面板，只允許單項內容區域展開。
3、卡片（card）
卡片是一種承載資訊的容器，對可承載的內容型別無過多限制，它讓一類資訊集中化，增強區塊感的同時更易於操作；卡片通常以網格或矩陣的方式排列，傳達相互之間的層級關係。適合較為輕量級和個性化較強的資訊區塊展示。
注： 1. 卡片通常根據柵格進行排列，建議一行最多不超過四個 2. 在有限的卡片空間內需注意資訊之間的間距，若資訊過長可做截斷處理。
4、走馬燈（carousel）
作為一組平級內容的並列展示模式，常用於或卡片輪播，可由使用者主動觸發或者系統自動輪播。適合用於官網首頁、產品介紹頁等展示型區塊。
注： 1. 輪播的數量不宜過多以免造成使用者厭煩，控制在 3~5 個之間為最佳 2. 建議在設計上提供暗示，讓使用者對輪播的數量和方向保持清晰的認知
5、樹形控制項（tree）
『樹形控制項』通過逐級大綱的形式來展現資訊的層級關係，高效且具有極佳的視覺可視性，使得整體資訊框架一目了然。
6、時間軸（timeline）
每一條資訊以時間為主軸，內容可涵蓋主題、型別、相關的附加內容等等。適用於包括事件、任務、日曆標註以及其他相關的資料展示。
前端與UI互動1
1，頁面寬度問題 主要內容部分，目前主要的解析度一般都在960以上 960 1000 1200等，這些都屬於正常的尺寸，但也有設計師做出類似973 1011等奇葩尺寸 這個問題我不太好意思拿出來聊，太低階了。當然，奇葩的單數行高 相同元素不同大小等等這都是屬於相似問題。2，毛邊問題 乙個方方正正的按...
react與前端UI介面進行互動
在react中通過this.state在construtor構造器裡面進行設定值，對變數進行初始化，然後在render 函式的內部進行this.setsatae 鍵值對改變值，通過props在ui介面裡面進行資料間的互動。const cardexamplecard props wilson 管理員 ...
Android的UI設計與後台執行緒互動
本文將討論android應用程式的執行緒模型以及如何使用執行緒來處理耗時較長的操作，而不是在主線程中執行，保證使用者介面 ui 的流暢執行。本文還將闡述一些使用者介面 ui 中與執行緒互動的api。ui使用者介面執行緒 1 public void onclick view v 210 start 1...