(資料圖)

ui設(shè)計(jì)模式是大多數(shù)ui設(shè)計(jì)師都在學(xué)習(xí)和應(yīng)用的一個(gè)設(shè)計(jì)技巧，而本文我們就通過(guò)案例分析來(lái)簡(jiǎn)單了解一下，常見(jiàn)的ui設(shè)計(jì)模式都有哪些類型。

1、分欄瀏覽

分欄瀏覽也分為橫向和縱向兩種。用戶可以通過(guò)它，選擇不同的類別點(diǎn)進(jìn)并逐步引導(dǎo)用戶找到需要的信息。

2、搜索/結(jié)果

搜索屏幕模式對(duì)于想、直接看到具體結(jié)果的用戶來(lái)說(shuō)非常便捷。從很簡(jiǎn)單的到非常復(fù)雜的都有。

3、過(guò)濾數(shù)據(jù)組

分為橫向和縱向。開(kāi)始定義一些已知信息，之后通過(guò)限定條件對(duì)搜索后的結(jié)果進(jìn)行再過(guò)濾。

4、表單

表單類型眾多，也是能體現(xiàn)用戶體驗(yàn)是否良好的地方。

5、調(diào)色盤(pán)/畫(huà)布

調(diào)色盤(pán)/畫(huà)布雖然不算常見(jiàn)模式，但它對(duì)于創(chuàng)造圖形類文檔有著不可替代的優(yōu)勢(shì)：比如設(shè)計(jì)線性或非線性圖;流程圖;頁(yè)面布局;制定物理大小的設(shè)計(jì)/圖表或控制布局。

對(duì)于設(shè)計(jì)師來(lái)說(shuō)調(diào)色盤(pán)/畫(huà)布這種模式并不陌生，常用軟件，例如：Axure、ps都是采用這種方式。

6、儀表盤(pán)

一個(gè)設(shè)計(jì)完善的儀表盤(pán)應(yīng)提供：一目了然的關(guān)鍵信息，實(shí)時(shí)數(shù)據(jù)，易讀的圖形和操作，清晰的入口和瀏覽。理論上講，在一個(gè)屏幕下展示復(fù)雜的數(shù)據(jù)本身就很難。

7、電子表格

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

8、向?qū)?/strong>

對(duì)于復(fù)雜的或是不常見(jiàn)的流程，向?qū)?啟動(dòng)屏幕模式可以有效地導(dǎo)航。

9、平行面板

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

10、交互模型

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

11、空白狀態(tài)

空白狀態(tài)指在任何數(shù)據(jù)輸入或進(jìn)入系統(tǒng)前，應(yīng)用的自然狀態(tài)。通過(guò)給用戶一種預(yù)覽來(lái)降低擔(dān)心、沮喪和猶豫。空白狀態(tài)屏幕包括：視頻，教程，幫助提示，安裝后的截圖。