魔方網(wǎng)
2023-04-08 20:01:47來源：魔方格
(資料圖)
ui設(shè)計(jì)模式是大多數(shù)ui設(shè)計(jì)師都在學(xué)習(xí)和應(yīng)用的一個(gè)設(shè)計(jì)技巧，而本文我們就通過案例分析來簡單了解一下，常見的ui設(shè)計(jì)模式都有哪些類型。
1、分欄瀏覽
分欄瀏覽也分為橫向和縱向兩種。用戶可以通過它，選擇不同的類別點(diǎn)進(jìn)并逐步引導(dǎo)用戶找到需要的信息。
2、搜索/結(jié)果
搜索屏幕模式對于想、直接看到具體結(jié)果的用戶來說非常便捷。從很簡單的到非常復(fù)雜的都有。
3、過濾數(shù)據(jù)組
分為橫向和縱向。開始定義一些已知信息，之后通過限定條件對搜索后的結(jié)果進(jìn)行再過濾。
4、表單
表單類型眾多，也是能體現(xiàn)用戶體驗(yàn)是否良好的地方。
5、調(diào)色盤/畫布
調(diào)色盤/畫布雖然不算常見模式，但它對于創(chuàng)造圖形類文檔有著不可替代的優(yōu)勢：比如設(shè)計(jì)線性或非線性圖;流程圖;頁面布局;制定物理大小的設(shè)計(jì)/圖表或控制布局。
對于設(shè)計(jì)師來說調(diào)色盤/畫布這種模式并不陌生，常用軟件，例如：Axure、ps都是采用這種方式。
6、儀表盤
一個(gè)設(shè)計(jì)完善的儀表盤應(yīng)提供：一目了然的關(guān)鍵信息，實(shí)時(shí)數(shù)據(jù)，易讀的圖形和操作，清晰的入口和瀏覽。理論上講，在一個(gè)屏幕下展示復(fù)雜的數(shù)據(jù)本身就很難。
7、電子表格
方便用戶瀏覽，編輯大板塊信息的理想模式。電子表格需要提供下列功能：標(biāo)準(zhǔn)的表格(諸如分類，隱藏/顯示欄目，重列欄目，分組(如果可以))，全局撤銷/重做，增加/插入/刪除排，鍵盤導(dǎo)航，導(dǎo)入和導(dǎo)出。
8、向?qū)?/strong>
對于復(fù)雜的或是不常見的流程，向?qū)?啟動屏幕模式可以有效地導(dǎo)航。
9、平行面板
平行面板屏幕模式可以收起(一次只顯示一個(gè))，也可以展開(同時(shí)顯示全部)。這種模式適合組織大量類似或相互影響的信息，讓用戶在同一頁面更的獲得信息。
10、交互模型
交互模型屏幕模式應(yīng)用在很多交互要素需要與關(guān)鍵項(xiàng)目(比如日歷、地圖、圖標(biāo)、畫布等)進(jìn)行交互的時(shí)候。是一種用戶體驗(yàn)更貼近用戶心智模型的模式。在日歷、地圖、線狀圖、預(yù)設(shè)可能場景分析(包括計(jì)算器)，所見即所得編輯器(包括圖片處理)時(shí)應(yīng)用效果非常好。
11、空白狀態(tài)
空白狀態(tài)指在任何數(shù)據(jù)輸入或進(jìn)入系統(tǒng)前，應(yīng)用的自然狀態(tài)。通過給用戶一種預(yù)覽來降低擔(dān)心、沮喪和猶豫?？瞻谞顟B(tài)屏幕包括：視頻，教程，幫助提示，安裝后的截圖。
