交互组件「弹窗」设计规范（五）

前面给大家介绍了弹窗的通用规范以及弹窗的分类，接下来就看看弹窗的组成元素分析，这也是大家必须掌握的内容哦！

四、组成元素分析

1. 弹窗标签

弹窗标签可以明确弹窗业务主体，常在APP全局展示独立业务场景的弹窗中使用，用来说明弹窗来自于哪个相关业务。

标签也有益于品牌投教、氛围营造，视场景需求进行设计。

常见的有文字标签或Icon图标等。

2. 标题及附属标题：主文案、附属文案、装饰性文案

弹窗剥夺了用户对当前状况的掌控感，产生排斥心理，面积的局限也导致阅读体验较差，设计师要有心理准备——几乎不会有用户读完你罗列的内容。

因此凝练概括的标题文案、简短明确、主次有序的内容，才能够让用户快速获取信息、关闭弹窗、继续操作，尽可能降低业务跳出率。

根据阅读心理学，这里有几个原则需要注意：

使用直白表意的语句，不要人为制造词汇；

理解需要知识储备，人借助心智模型识别内容；人们偏好短行信息；

电子屏幕更难阅读，高对比度、大字体能提供帮助。
3. 遮罩

弹窗是一种模态组件，在用户和弹窗之间进行明确的交互之前，页面上的其他内容不能被点触操作。

遮罩提高了弹窗的页面层级，遮罩背景透明度的选择由弹窗需要用户付出的聚焦程度有关，越需要用户聚焦，遮罩越暗。
除了这3个元素，还有操作按钮和其他组件，下篇文章继续给大家分析，同时还会给大家提供一些优化方法，感兴趣的话就去看看吧！

以上就是“交互组件「弹窗」设计规范（五）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。