(資料圖)

ui設計模式是大多數ui設計師都在學習和應用的一個設計技巧，而本文我們就通過案例分析來簡單了解一下，常見的ui設計模式都有哪些類型。

1、分欄瀏覽

分欄瀏覽也分為橫向和縱向兩種。用戶可以通過它，選擇不同的類別點進并逐步引導用戶找到需要的信息。

2、搜索/結果

搜索屏幕模式對于想、直接看到具體結果的用戶來說非常便捷。從很簡單的到非常復雜的都有。

3、過濾數據組

分為橫向和縱向。開始定義一些已知信息，之后通過限定條件對搜索后的結果進行再過濾。

4、表單

表單類型眾多，也是能體現用戶體驗是否良好的地方。

5、調色盤/畫布

調色盤/畫布雖然不算常見模式，但它對于創造圖形類文檔有著不可替代的優勢：比如設計線性或非線性圖;流程圖;頁面布局;制定物理大小的設計/圖表或控制布局。

對于設計師來說調色盤/畫布這種模式并不陌生，常用軟件，例如：Axure、ps都是采用這種方式。

6、儀表盤

一個設計完善的儀表盤應提供：一目了然的關鍵信息，實時數據，易讀的圖形和操作，清晰的入口和瀏覽。理論上講，在一個屏幕下展示復雜的數據本身就很難。

7、電子表格

方便用戶瀏覽，編輯大板塊信息的理想模式。電子表格需要提供下列功能：標準的表格(諸如分類，隱藏/顯示欄目，重列欄目，分組(如果可以))，全局撤銷/重做，增加/插入/刪除排，鍵盤導航，導入和導出。

8、向導

對于復雜的或是不常見的流程，向導/啟動屏幕模式可以有效地導航。

9、平行面板

平行面板屏幕模式可以收起(一次只顯示一個)，也可以展開(同時顯示全部)。這種模式適合組織大量類似或相互影響的信息，讓用戶在同一頁面更的獲得信息。

10、交互模型

交互模型屏幕模式應用在很多交互要素需要與關鍵項目(比如日歷、地圖、圖標、畫布等)進行交互的時候。是一種用戶體驗更貼近用戶心智模型的模式。在日歷、地圖、線狀圖、預設可能場景分析(包括計算器)，所見即所得編輯器(包括圖片處理)時應用效果非常好。

11、空白狀態

空白狀態指在任何數據輸入或進入系統前，應用的自然狀態。通過給用戶一種預覽來降低擔心、沮喪和猶豫。空白狀態屏幕包括：視頻，教程，幫助提示，安裝后的截圖。