ui设计模式是大多数ui设计师都在学习和应用的一个设计技巧，而本文我们就通过案例分析来简单了解一下，常见的ui设计模式都有哪些类型。

(资料图片仅供参考)

1、分栏浏览

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

2、搜索/结果

搜索屏幕模式对于想快速、直接看到具体结果的用户来说非常便捷。从很简单的到非常复杂的都有。

3、过滤数据组

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

4、表单

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

5、调色盘/画布

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

对于设计师来说调色盘/画布这种模式并不陌生，常用软件，例如：Axure、ps都是采用这种方式。

6、仪表盘

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

7、电子表格

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

8、向导

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

9、平行面板

平行面板屏幕模式可以收起(一次只显示一个)，也可以展开(同时显示全部)。这种模式适合组织大量类似或相互影响的信息，让用户在同一页面更高效的获得信息。

10、交互模型

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

11、空白状态

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