14种常见的网站模板设计模式

搜索/结果网站模板模式

搜索屏幕模式对于想快速、直接看到具体结果的用户来说非常便捷。从很简单的到非常复杂的都有。而对于google学术的用户，高级搜索限定更复杂的搜索条件会提炼出用户更期望得到的信息。

表单网站模板模式

表单类型众多，也是最能体现用户体验是否良好的地方。

主体/细节网站模板模式

主体/细节模式可以分为横向和纵向两种。如果想让用户在同一页面下，引导他们在类目下高效地切换，这无疑是一种理想的方式。如果主体信息对于用户来说更重要，最好选择横向布局。或是主体部分不仅条目多而且包含信息也多，那也该选择这种横向布局。

过滤数据组网站模板模式

分为横向和纵向。开始定义一些已知信息，之后通过限定条件对搜索后的结果进行再过滤。

空白状态网站模板模式

空白状态指在任何数据输入或进入系统前，应用的自然状态。空白状态的屏幕使得用户更期待。通过给用户一种预览来降低担心、沮丧和犹豫。空白状态屏幕包括：视频，快速教程，帮助提示，安装后的截图。

交互网站模板模式

交互模型屏幕模式应用在很多交互要素需要与关键项目进行交互的时候。是一种用户体验更贴近用户心智模型的模式。在日历、地图、线状图、预设可能场景分析，所见即所得编辑器时应用效果非常好。

分栏浏览网站模板模式

分栏浏览也分为横向和纵向两种。用户可以通过它，选择不同的类别点进并逐步引导用户找到需要的信息。

Q&A网站模板模式

Q&A模式是指用户通过选取相符条件，从而自主找到适合自己的解决方案。Q&A不同于搜索模式，它通常需要了解用户基础上，通过提问来帮助用户弄清他们缺乏经验的在哪里有哪些可供的选择或建议。

电子表格网站模板模式

方便用户快速浏览，编辑大板块信息的理想模式。电子表格需要提供下列功能：标准的表格，隐藏/显示 栏目，重列栏目，分组，全局撤销/重做，增加/插入/删除排，键盘导航，导入和导出。

向导网站模板模式

对于复杂的或是不常见的流程，向导/快速启动屏幕模式可以有效地导航。

仪表盘网站模板模式

一个设计完善的仪表盘应提供：一目了然的关键信息，实时数据，易读的图形和操作，清晰的入口和浏览。理论上讲，在一个屏幕下展示复杂的数据本身就很难。

平行面板网站模板模式

平行面板屏幕模式可以收起，也可以展开。这种模式适合组织大量类似或相互影响的信息，让用户在同一页面更高效的获得信息。最佳应用在：需要申请者需要填写各种没有顺序的类别目录。

调色盘/画布网站模板模式

调色盘/画布虽然不算最常见模式，但它对于创造图形类文档有着不可替代的优势：比如设计线性或非线性图;流程图;页面布局;制定物理大小的设计/图表或控制布局。

其他网站模板模式

- Tabs网站模板：其实Tab是一种部件，不是一种模式。它为在多种同语境下的数据提供多选一选择。如果数据结构导致你的设计tab显得很多。有两个小建议：第一，重新考虑架构。通过使用卡片分类或请教一名专业的信息架构师;第二，可以参考平行面板的规范和案例。

- 门户网站模板：如果你是市场调研专家，商业需求分析师和用户反馈调研员设计门户，可以参考控制面板的设计规范和案例。

[14种常见的网站模板设计模式]