APP反饋提示設(shè)計之彈出框設(shè)計,超贊

APP反饋提示設(shè)計也是我們?nèi)粘PP設(shè)計當中的一項必不可少的工作,無論是APP設(shè)計、還是客戶端的開發(fā)人員、還包括web前端(或H5)工程師們,都必須了解APP反饋機制反饋提示信息的設(shè)計。

今天25學堂將跟大家一起重點來聊聊APP反饋提示設(shè)計之彈出框設(shè)計。也就是彈窗設(shè)計。

如下圖這樣的界面設(shè)計:

APP彈窗設(shè)計

APP反饋提示設(shè)計之彈出框設(shè)計2APP反饋提示設(shè)計之彈出框設(shè)計3

看完這三個案例,是不是發(fā)現(xiàn)彈窗界面設(shè)計也基本通用的,設(shè)計元素就那三塊。

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

2】、彈出窗體(設(shè)計師重點發(fā)揮設(shè)計創(chuàng)意的舞臺和視覺元素)

3】、關(guān)閉按鈕的設(shè)計

 

說道這里,學堂君再來跟大家回顧一下反饋的設(shè)計原則:

1、為用戶在各個階段的反饋提供必要、積極、即時的反饋

2、避免過渡反饋,以免給用戶帶來不必要的打擾

3、能夠及時看到效果的、簡單的操作,可以省略反饋提示

4、所提供的反饋,要能讓用戶用最便捷的方式完成選擇

5、未不同類型的反饋做差異化設(shè)計

6、不要打斷用戶的意識流,避免遮擋用戶可能回去查看或操作的對象。

 

復習了APP反饋提示設(shè)計原則,接下來我們設(shè)計彈出框設(shè)計就會知道需要注意哪些方面啦。

 

下面25學堂就跟大家分享3種不一樣的彈窗設(shè)計方案:也是目前比較流行的彈窗設(shè)計。

1、常見的彈窗設(shè)計就是提示用戶的信息,只需用戶做出Yes 或 NO 的交互操作。

彈出框設(shè)計-創(chuàng)意布局

 

2、彈窗設(shè)計是為了告知用戶目前活動的結(jié)果和排名。

彈出框設(shè)計-創(chuàng)意布局2

 

3、某種活動主題的或產(chǎn)品的提示促銷信息的彈窗設(shè)計。如下圖所示

彈出框設(shè)計-創(chuàng)意布局3

以上就是25學堂幫大家整理的三種場景的彈出框設(shè)計方案,值得我們?nèi)ピO(shè)計學習。

 

每天更新,
全站高品質(zhì)素材免費下載!