14種常見(jiàn)的網(wǎng)站模板設(shè)計(jì)模式

1、14常見(jiàn)的網(wǎng)站模板設(shè)計(jì)模式搜索/ 結(jié)果網(wǎng)站模板模式 搜索屏幕模式對(duì)于想快速、直接看到具體結(jié)果的用戶來(lái)說(shuō)非常便捷。 從很簡(jiǎn)單的到非常復(fù)雜的都有。 而對(duì)于 google 學(xué)術(shù)的用戶，高級(jí)搜索限定更復(fù)雜的搜索條件會(huì)提煉出用戶 更期望得到的信息。表單網(wǎng)站模板模式 表單類型眾多，也是最能體現(xiàn)用戶體驗(yàn)是否良好的地方。主體/ 細(xì)節(jié)網(wǎng)站模板模式 主體 / 細(xì)節(jié)模式可以分為橫向和縱向兩種。如果想讓用戶在同一頁(yè)面下，引導(dǎo)他們?cè)陬惸肯赂咝У厍袚Q，這無(wú)疑是種理想的方式。如果主體信息對(duì)于用戶來(lái)說(shuō)更重要，最好 選擇橫向布局?；蚴侵黧w部分不僅條目多而且包含信息也多， 那也該選擇這種橫向布局。過(guò)濾數(shù)據(jù)組網(wǎng)站模板模式 分為橫向

2、和縱向。開(kāi)始定義一些已知信息，之后通過(guò)限定條件對(duì)搜索后的結(jié)果進(jìn)行再過(guò)濾?？瞻谞顟B(tài)網(wǎng)站模板模式 空白狀態(tài)指在任何數(shù)據(jù)輸入或進(jìn)入系統(tǒng)前，應(yīng)用的自然狀態(tài)?？瞻谞顟B(tài)的屏幕使得用戶更期待。通過(guò)給用戶一種預(yù) 覽來(lái)降低擔(dān)心、沮喪和猶豫。空白狀態(tài)屏幕包括：視頻，快 速教程，幫助提示，安裝后的截圖。交互網(wǎng)站模板模式 交互模型屏幕模式應(yīng)用在很多交互要素需要與關(guān)鍵項(xiàng)目進(jìn)行交互的時(shí)候。是一種用戶體驗(yàn)更貼近用戶心智模型的 模式。在日歷、地圖、線狀圖、預(yù)設(shè)可能場(chǎng)景分析，所見(jiàn)即 所得編輯器時(shí)應(yīng)用效果非常好。分欄瀏覽網(wǎng)站模板模式 分欄瀏覽也分為橫向和縱向兩種。用戶可以通過(guò)它，選擇不同的類別點(diǎn)進(jìn)并逐步引導(dǎo)用戶找到需要的信息。Q

3、&A網(wǎng)站模板模式Q&A模式是指用戶通過(guò)選取相符條件，從而自主找到適合自己的解決方案。 Q&A 不同于搜索模式，它通常需要了解 用戶基礎(chǔ)上，通過(guò)提問(wèn)來(lái)幫助用戶弄清他們?nèi)狈?jīng)驗(yàn)的在哪 里有哪些可供的選擇或建議。電子表格網(wǎng)站模板模式 方便用戶快速瀏覽，編輯大板塊信息的理想模式。電子表格需要提供下列功能：標(biāo)準(zhǔn)的表格，隱藏 / 顯示 欄目，重 列欄目，分組，全局撤銷 / 重做，增加 / 插入/ 刪除排，鍵盤 導(dǎo)航，導(dǎo)入和導(dǎo)出。向?qū)ЬW(wǎng)站模板模式對(duì)于復(fù)雜的或是不常見(jiàn)的流程，向?qū)? 快速啟動(dòng)屏幕模式可以有效地導(dǎo)航。儀表盤網(wǎng)站模板模式個(gè)設(shè)計(jì)完善的儀表盤應(yīng)提供：一目了然的關(guān)鍵信息，實(shí)時(shí)數(shù)據(jù)，易讀的圖形和操作，清晰

4、的入口和瀏覽。理論上 講，在一個(gè)屏幕下展示復(fù)雜的數(shù)據(jù)本身就很難。平行面板網(wǎng)站模板模式 平行面板屏幕模式可以收起，也可以展開(kāi)。這種模式適合組織大量類似或相互影響的信息，讓用戶在同一頁(yè)面更高 效的獲得信息。最佳應(yīng)用在：需要申請(qǐng)者需要填寫各種沒(méi)有 順序的類別目錄。調(diào)色盤 / 畫布網(wǎng)站模板模式調(diào)色盤 / 畫布雖然不算最常見(jiàn)模式，但它對(duì)于創(chuàng)造圖形類文檔有著不可替代的優(yōu)勢(shì)：比如設(shè)計(jì)線性或非線性圖;流程圖; 頁(yè)面布局 ; 制定物理大小的設(shè)計(jì) / 圖表或控制布局。其他網(wǎng)站模板模式 - Tabs 網(wǎng)站模板：其實(shí) Tab 是一種部件，不是一種模式。它為在多種同語(yǔ)境下的數(shù)據(jù)提供多選一選擇。如果數(shù)據(jù)結(jié)構(gòu) 導(dǎo)致你的設(shè)計(jì) tab 顯得很多。有兩個(gè)小建議：第一，重新考 慮架構(gòu)。通過(guò)使用卡片分類或請(qǐng)教一名專業(yè)的信息架構(gòu)師 第二，可以參考平