不论是手机系统的弹窗还是应用的弹窗，都是用户平日生活里最为常见的交互设计。为弹窗关闭增加UI设计不仅能够增添一份仪式感，还能增强用户的满意度和情感连接。下面上海UI设计公司蓝橙视觉将介绍以下方法，希望对你有所帮助：

一、点击关闭按钮

统一使用图标按钮，以icon“x”的形式，显示在底部弹框的右上角，用户通过点击“关闭icon”图标按钮来关闭弹框。

使用场景：当弹框中包含内容和功能操作时，应提供一个关闭icon“x”的图标按钮，以让用户能够主动关闭弹框并进行相应的操作。

二、点击遮罩层

用户点击弹框外部区域，即遮罩层，可关闭弹框。

三、下拉关闭

用户在底部弹框区域向下滑动手指，弹框会随之向下移动，当到达当前弹框高度的1/2位置后，会触发关闭交互，用户继续向下滑动松手则关闭弹框。

使用场景：长内容类型弹框，需使用下拉关闭UI交互设计手势，关闭弹框。

四、下滑关闭

用户在屏幕上向下滑动（包括左下或右下滑动方向）至任意位置后松手释放，可关闭弹框；当用户手指下滑未松手，继续向上滑动到任意位置后松手释放，则可取消关闭弹框。

使用场景：仅图片大图模式场景使用。用户向下滑动屏幕，图片随之向下移动，松手后触发关闭图片查看器，关闭图片弹框。

五、向右轻扫关闭

用户从弹框区域左边缘向右轻扫，即快速向右滑动后松手，则触发关闭弹框操作，关闭弹框。

六、物理返回按键

对于安卓设备，用户可以使用设备上的物理返回按钮来关闭弹框。当用户按下返回按钮时，可关闭弹框。

七、物理点击执行功能按钮后立即执行并关闭

点击弹框中的功能按钮，通常需要立即执行并关闭弹框。一定是先执行再关闭弹框，而不是先关闭弹框再执行。用户执行某功能按钮后，遵循即时响应原则，系统必须要反馈用户在执行用户操作。

以上就是蓝橙视觉今日的分享，如果有定制UI设计的需要的话，建议咨询与我们。作为一家专业的UI设计公司，我们蓝橙视觉我们坚持一对一定制设计,不做简单的模板套用,为品牌提供各种类型的设计服务。