1、1 郵件訂閱彈窗彈出框在平時(shí)我們?yōu)g覽網(wǎng)站時(shí)，通常會(huì)遇到附于頁(yè)面底部的網(wǎng)頁(yè)彈框設(shè)計(jì)Weebly的彈出框設(shè)計(jì)與主題色相呼應(yīng)，內(nèi)容僅有文字輸入框及CTA按鈕簡(jiǎn)單大方2 耐克優(yōu)惠折扣彈窗彈出框 平時(shí)在移動(dòng)端購(gòu)物我們會(huì)看。

2、1打開(kāi)Edraw Max設(shè)計(jì)軟件，依此操作新建線(xiàn)框圖，如下圖所示2選擇iPhone UI，然后單擊創(chuàng)建按鈕，如下圖所示3生成畫(huà)布后，左側(cè)展示IOS 6 UIIOS 7 UIIOS 8 UI等模板，如下圖所示4在IOS 8 UI中。

3、21 非模態(tài)－ToastToast提示框是一種非模態(tài)彈窗，它彈出一個(gè)小信息，作為提醒或消息反饋來(lái)用，一般用來(lái)顯示操作結(jié)果，或者應(yīng)用狀態(tài)的改變iOS平臺(tái)沒(méi)有Toasts這種說(shuō)法，只有HUD透明指示層Toast常用于操作反饋，給予用戶(hù)提。

4、但手機(jī)屏幕比較小，用這咱展示樣式會(huì)很界面顯得比較碎，所以在app的實(shí)際應(yīng)用中，這種樣式很少用到目前大家熟知的app中，微博首頁(yè)的分組用了這種方式切換，還有的v631版本的空間也帶入了這種設(shè)計(jì) Alert 即為彈框提示，也叫警示框。

5、在Android開(kāi)發(fā)中，顯示消息框有多種方法一使用Toast顯示提示信息框 Toast是一種非常方便的提示消息框，他會(huì)在程序界面上顯示一個(gè)簡(jiǎn)單的提示信息，這個(gè)提示信息框用于向用戶(hù)生成簡(jiǎn)單的提示信息，它具有兩個(gè)特點(diǎn)1 Toas。

6、通用組件樣式將整個(gè)UI設(shè)計(jì)中能夠通用的組件統(tǒng)一風(fēng)格，比如對(duì)話(huà)框，提示框，確認(rèn)信息框等 不同狀態(tài)下組件樣式不同狀態(tài)下的組件樣式一般為相同的，針對(duì)使用場(chǎng)景以實(shí)際效果為準(zhǔn) 間距框架中的間距元素與元素之間的間距 圖片規(guī)范不同頁(yè)面。

7、應(yīng)用場(chǎng)景將APP高頻功能放入首頁(yè)浮出層菜單，或?qū)㈦[藏的一些功能入口放入浮出層菜單1 提示框ToastHUD 特點(diǎn)信息傳遞或操作反饋，停留一定時(shí)間自動(dòng)消失，用戶(hù)無(wú)需操作形式包括文字圖標(biāo)+文字等一般出現(xiàn)在頁(yè)面中。

8、4輸入提示 數(shù)據(jù)的呈現(xiàn)方式多種多樣所以，當(dāng)你在設(shè)計(jì)輸入框的時(shí)候，應(yīng)當(dāng)與用戶(hù)輸入信息的類(lèi)型格式相互匹配不過(guò)要做到完全的對(duì)應(yīng)并不容易5幫助信息 幫助信息或相關(guān)文字應(yīng)當(dāng)出現(xiàn)在需要的地方一般說(shuō)來(lái)，這類(lèi)幫助。

9、有時(shí)候我們需要在設(shè)計(jì)稿中調(diào)用安卓或者ios系統(tǒng)自帶的控件，比如彈出的提示框，浮動(dòng)鍵盤(pán)但我們一定要自己再畫(huà)一次嗎不必，sketch有豐富的素材庫(kù)，我們可以直接將需要的部分拖進(jìn)來(lái)即可，這節(jié)省了我們大部分的時(shí)間，使我們可以。

10、2提示信息中包含1個(gè)按鈕從中間彈出 在iPhone watch app，點(diǎn)擊手機(jī)配對(duì)手表開(kāi)始配對(duì)提示框有一段純文字要設(shè)置apple watch 請(qǐng)確保iPhone已經(jīng)連接至無(wú)線(xiàn)局域網(wǎng)或蜂窩網(wǎng)絡(luò)，并且打開(kāi)藍(lán)牙，再加上一個(gè)好的按鈕此處提示。

11、導(dǎo)航欄 navigation bariOS和Android布局不同 安卓叫app bar 內(nèi)容content view主要設(shè)計(jì)區(qū)域 標(biāo)簽欄 tabbariOS都有，安卓以前沒(méi)有，現(xiàn)在跟iOS越來(lái)越像，也有標(biāo)簽欄對(duì)話(huà)框與提示框 彈窗可以分為4個(gè)種類(lèi)，每個(gè)種類(lèi)適用于不同的交互場(chǎng)景下。

12、對(duì)于已經(jīng)有多年產(chǎn)品經(jīng)驗(yàn)的老人來(lái)說(shuō)，這確實(shí)不夠，但是對(duì)于新人來(lái)講，掌握“欄”“圖”“控”“框”這四字要訣，你在設(shè)計(jì)App界面時(shí)不會(huì)丟三落四，不會(huì)找不到著眼點(diǎn) 想象一下，你在設(shè)計(jì)App的首頁(yè)時(shí)，從上往下要有狀態(tài)欄導(dǎo)航。

13、參考文檔prompt？id=showmodal 從底部向上彈出操作菜單 示例 testvue 效果點(diǎn)擊按鈕底部彈出提示框 可以選擇提示框的相對(duì)應(yīng)的內(nèi)容。

14、提示框是一個(gè)事件觸發(fā)彈出面板顯示的組件經(jīng)常使用提示框的地方是，刪除按鈕疑難問(wèn)題點(diǎn)提示類(lèi)彈出信息等這個(gè)風(fēng)格設(shè)計(jì)就比較多了，設(shè)計(jì)風(fēng)格各不相同定義底板樣式文字樣式和陰影參數(shù) 警告框 頁(yè)面報(bào)錯(cuò)時(shí)的顯示樣式常用的警告類(lèi)信。

15、為了省成本可以用系統(tǒng)自帶的，當(dāng)然也可以自己設(shè)計(jì)，具體形式你可以玩玩手機(jī)，比如說(shuō)你看看通訊錄里面刪除聯(lián)系人，會(huì)彈出什么樣的提示框，個(gè)人覺(jué)得沒(méi)有死答案~~。

16、ios廣告跟蹤提示框app必須設(shè)置根據(jù)查詢(xún)相關(guān)公開(kāi)資料得知，設(shè)置App廣告跟蹤的具體方式是，用戶(hù)需要在設(shè)置隱私廣告進(jìn)行手動(dòng)設(shè)置，設(shè)置后可禁止APP以后在提出跟蹤請(qǐng)求。