14種常見的網(wǎng)站模板設計模式

搜索/結果網(wǎng)站模板模式

搜索屏幕模式對于想快速、直接看到具體結果的用戶來說非常便捷。從很簡單的到非常復雜的都有。而對于google學術的用戶，高級搜索限定更復雜的搜索條件會提煉出用戶更期望得到的信息。

表單網(wǎng)站模板模式

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

主體/細節(jié)網(wǎng)站模板模式

主體/細節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁面下，引導他們在類目下高效地切換，這無疑是一種理想的方式。如果主體信息對于用戶來說更重要，最好選擇橫向布局�；蚴侵黧w部分不僅條目多而且包含信息也多，那也該選擇這種橫向布局。

過濾數(shù)據(jù)組網(wǎng)站模板模式

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

空白狀態(tài)網(wǎng)站模板模式

空白狀態(tài)指在任何數(shù)據(jù)輸入或進入系統(tǒng)前，應用的自然狀態(tài)�？瞻谞顟B(tài)的屏幕使得用戶更期待。通過給用戶一種預覽來降低擔心、沮喪和猶豫�？瞻谞顟B(tài)屏幕包括：視頻，快速教程，幫助提示，安裝后的截圖。

交互網(wǎng)站模板模式

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

分欄瀏覽網(wǎng)站模板模式

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

Q&A網(wǎng)站模板模式

Q&A模式是指用戶通過選取相符條件，從而自主找到適合自己的解決方案。Q&A不同于搜索模式，它通常需要了解用戶基礎上，通過提問來幫助用戶弄清他們?nèi)狈��?jīng)驗的在哪里有哪些可供的選擇或建議。

電子表格網(wǎng)站模板模式

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

向?qū)ЬW(wǎng)站模板模式

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

儀表盤網(wǎng)站模板模式

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

平行面板網(wǎng)站模板模式

平行面板屏幕模式可以收起，也可以展開。這種模式適合組織大量類似或相互影響的信息，讓用戶在同一頁面更高效的獲得信息。最佳應用在：需要申請者需要填寫各種沒有順序的類別目錄。

調(diào)色盤/畫布網(wǎng)站模板模式

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

其他網(wǎng)站模板模式

- Tabs網(wǎng)站模板：其實Tab是一種部件，不是一種模式。它為在多種同語境下的數(shù)據(jù)提供多選一選擇。如果數(shù)據(jù)結構導致你的設計tab顯得很多。有兩個小建議：第一，重新考慮架構。通過使用卡片分類或請教一名專業(yè)的信息架構師;第二，可以參考平行面板的規(guī)范和案例。

- 門戶網(wǎng)站模板：如果你是市場調(diào)研專家，商業(yè)需求分析師和用戶反饋調(diào)研員設計門戶，可以參考控制面板的設計規(guī)范和案例。

[14種常見的網(wǎng)站模板設計模式]

【14種常見的網(wǎng)站設計模式】相關文章：

常見的網(wǎng)頁布局設計模式11-01

網(wǎng)站設計的方法10-03

網(wǎng)站設計的步驟07-29

創(chuàng)業(yè)獲取收入的四種常見模式06-15

網(wǎng)站設計實習鑒定07-20

網(wǎng)站設計開題報告08-06

網(wǎng)站的基本設計流程08-16

網(wǎng)站設計就業(yè)前景11-20

網(wǎng)站的設計開題報告06-25

網(wǎng)站LOGO設計的思考08-18