你所在的位置: 首页 > UI设计 >

常见的ui设计模式都有哪些类型

2023-02-15 0阅读

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

1、分栏浏览

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

2、搜索/结果

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

3、过滤数据组

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

4、表单

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

5、调色盘/画布

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

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

6、仪表盘

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

7、电子表格

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

8、向导

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

9、平行面板

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

10、交互模型

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

11、空白状态

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

弘智网校

相关新闻

弘智网校