APP反馈提示设计之弹出框设计,超赞

APP反馈提示设计也是我们日常APP设计当中的一项必不可少的工作,无论是APP设计、还是客户端的开发人员、还包括web前端(或H5)工程师们,都必须了解APP反馈机制反馈提示信息的设计。

今天25学堂将跟大家一起重点来聊聊APP反馈提示设计之弹出框设计。也就是弹窗设计。

如下图这样的界面设计:

APP弹窗设计

APP反馈提示设计之弹出框设计2APP反馈提示设计之弹出框设计3

看完这三个案例,是不是发现弹窗界面设计也基本通用的,设计元素就那三块。

1】、遮罩层(如黑色透明背景)

2】、弹出窗体(设计师重点发挥设计创意的舞台和视觉元素)

3】、关闭按钮的设计

 

说道这里,学堂君再来跟大家回顾一下反馈的设计原则:

1、为用户在各个阶段的反馈提供必要、积极、即时的反馈

2、避免过渡反馈,以免给用户带来不必要的打扰

3、能够及时看到效果的、简单的操作,可以省略反馈提示

4、所提供的反馈,要能让用户用最便捷的方式完成选择

5、未不同类型的反馈做差异化设计

6、不要打断用户的意识流,避免遮挡用户可能回去查看或操作的对象。

 

复习了APP反馈提示设计原则,接下来我们设计弹出框设计就会知道需要注意哪些方面啦。

 

下面25学堂就跟大家分享3种不一样的弹窗设计方案:也是目前比较流行的弹窗设计。

1、常见的弹窗设计就是提示用户的信息,只需用户做出Yes 或 NO 的交互操作。

弹出框设计-创意布局

 

2、弹窗设计是为了告知用户目前活动的结果和排名。

弹出框设计-创意布局2

 

3、某种活动主题的或产品的提示促销信息的弹窗设计。如下图所示

弹出框设计-创意布局3

以上就是25学堂帮大家整理的三种场景的弹出框设计方案,值得我们去设计学习。

 

每天更新,
全站高品质素材免费下载!