dashboard的中文翻譯是“儀表盤”，那在網頁設計中，個人認為，翻譯成“數據面板”更為恰當，它主要是由多個卡片組合而成的一個數據信息展示頁面。
在一般的dashboard設計中，確定頁面需求之后，可以從以下三個方面進行思考，基本可以涵蓋一個dashboard的基本設計需求了。
?一、Layout-布局
常見的dashboard布局有三種：
1.1豎直對齊
俗稱的瀑布流優點是擴展性好，因為卡片之間，底部不要求對齊，因此新卡片加入的時候，可以直接在用相同寬度的卡片在底部插入。由于一開始設計就要確定好“瀑布流”要分為幾列，因此它的缺點是卡片內容的尺寸設計受限。
1.2 水平對齊
目前在dashboard設計中使用最多的一種樣式。優點是信息卡片的上下尺寸可以隨意調整，并且當一個模塊的內容很豐富時，可以在一屏集中展示，適用于圖表較多的場景。缺點是擴展性一般，后續如果有新卡片要插入，必須要一個水平的大卡片或者兩到三個卡片，才能保證底部依然對齊。
1.3 豎直和水平均對齊
優點是信息格局整齊，界面美觀，瀏覽起來舒服。缺點是不易擴展，以及尺寸設計的大小會受到更加嚴格的限制。
二、Elements-元素
把卡片布局設計好了之后，接下來就是要考慮卡片需要哪些元素。除了卡片的content（第三點會講）之外，一個“合格”的卡片，會有以下這些基本要素：
* 標題（title）：一般都會有，信息明確，為了讓用戶明確他們正在關注的是什么模塊下的信息。
* 操作（option）：刷新、Tab切換、篩選這些是比較常見的，可以直接針對卡片內容的操作。
* 鏈接（link）：視情況而定。在卡片上出現的鏈接，通常是”查看更多“的按鈕。
三、Content-內容
不管在什么界面，內容當然是最重要的。在dashboard設計中，內容決定卡片的元素，甚至直接影響整個布局。一般來說，內容不外乎以下這幾種樣式：
* 純數字（number）
* 純文字（text）
* 圖表（chart）
* 表格（table）
內容是王道，決定卡片呈現的樣式，而所謂的樣式，其實就是根據內容進行常規的排版，但是對于在dashboard這么小的卡片進行排版，還要整體布局看起來協調，有靈性和吸引人，它比常規的排版更需要一點技巧。下面分別說說這幾種樣式的基礎設計。
3.1 單獨的數字
這種卡片在dashboard的設計中是一定會涉及到的，僅僅展示一個數據就夠了，比如“新增用戶數”、“賬戶余額”等。而且相對來說，這種設計也是最簡單的。內容即卡片，因此可以去掉卡片的標題和操作，直接呈現內容。下面兩種最基本簡單的排版設計。
3.2 圖表
圖表在整個dashboard頁面中扮演著至關重要的作用。形形色色的圖表，一方面會讓用戶一眼抓住重點，另一方面也給了設計師很多發揮空間，畢竟占據的視覺面積通常較大，最能給用戶視覺沖擊的部分之一。
3.3 表格
表格在dashboard中也比較常見。這跟在普通的頁面中的表格設計，基本沒有差異。但是要注意列表不能過長，要根據頁面整體，決定展示展示的條數，以控制當前卡片的高度。另外，跟第2點的“純文字”設計的出發點一樣，為了增加卡片的”靈性“，可以給某些字段增加tags，或者利用數據可視化，增加圖表的元素。
3.4 純文字
純文字的卡片，一般會是多條結構相同的文字標題/梗概，比方說消息中心、幫助中心模塊，需要把部分內容展現在dashboard上。為了給這個純文字的卡片增加一點“靈性”，可以在內容中抽取一些屬性，然后加icons或tags，這樣就能保證與dashboard其他“花花綠綠”的卡片形成一致的風格。
四、總結
這篇文章僅僅從設計的角度整理了對dashboard的設計的一點方法論，但是具體需求具體分析，設計師們在吃透了需求的前提下，能夠幫助設計們師快速搭好一個滿足基本需求的框架。
