在App設(shè)計(jì)中价捧，我們經(jīng)常會使用到蒙版。所謂蒙版涡戳，顧名思義结蟋，就是“蒙在上面的一層板”。一般用黑色或添加品牌色的半透明遮罩效果渔彰，遮蓋住下層界面嵌屎，展示蒙版上層內(nèi)容推正。那么宝惰，什么樣的情況下需要用到蒙版呢植榕？
一、引導(dǎo)說明
通常掌测，用戶打開一個新產(chǎn)品内贮，或是產(chǎn)品升級后有新功能時，會看到這樣的引導(dǎo)提示：在半透明的蒙版隔層上汞斧，有簡單明了的文字說明與圖形夜郁，配合著指示性小箭頭，醒目活潑的氣泡粘勒，插畫手繪小貼紙竞端，甚至手勢動畫等等，教用戶如何快速上手庙睡。其中事富，黑色蒙版降低了原本界面的可視度，需要說明的功能點(diǎn)高亮并標(biāo)注乘陪，使得用戶的注意力能集中在了解新功能和使用方法上统台，閱讀也更清晰。
問題：用戶可能會不耐煩啡邑，想快速關(guān)掉贱勃。
方案：1.適當(dāng)考慮加入關(guān)閉按鈕，讓用戶決定是跟隨引導(dǎo)還是自己探索谤逼。2.盡量簡潔贵扰，只對核心關(guān)鍵功能著重說明，每次只集中于單個交互動作進(jìn)行解釋引導(dǎo)流部，讓用戶更快更容易地知道發(fā)生了什么戚绕。3.增加趣味性，讓體驗(yàn)更愉悅枝冀。
二舞丛、模態(tài)加載
模態(tài)加載指的是在單向通行的線性流程中（不可逆路徑），阻斷式的頁面數(shù)據(jù)加載宾茂。在這個加載過程中瓷马，不允許用戶隨意操作觸發(fā)其他行為，否則極易出現(xiàn)各種分支和異常跨晴。比如注冊欧聘、交易等流程中，較多使用蒙版和加載動畫表明加載進(jìn)程端盆。
問題：漫長等待的同時無所事事怀骤，增加了用戶焦躁情緒费封，每等1秒就是一年。
方案：1.減少不必要的模態(tài)加載蒋伦。比如有些電商類APP在啟動頁就進(jìn)行模態(tài)加載弓摘，使用戶有種每次見面都有拒之門外的隔閡感。2.設(shè)置取消選項(xiàng)痕届，避免弱網(wǎng)環(huán)境下一直卡在進(jìn)程里韧献，只能殺進(jìn)程而中斷。3.設(shè)置超時判斷提醒研叫，在超過指定時間數(shù)據(jù)仍未請求成功時锤窑，釋放蒙版，告知用戶結(jié)果嚷炉，緩解挫敗情緒（情感化設(shè)計(jì)）渊啰。4.用其他形式代替模態(tài)加載。比如分步（局部）加載申屹，這時只顯示一部分緩存內(nèi)容绘证。或者像Linkin哗讥，頁面沒有加載出來并不顯示空白的頁面嚷那，而是顯示內(nèi)容前期的雛形和結(jié)構(gòu)樣式。類似的例子還有pinterest杆煞，顯示圖片的主色調(diào)车酣。這樣用戶就不必一直焦灼地看著黑蒙版和轉(zhuǎn)菊花，要全部數(shù)據(jù)加載完成后才能看到頁面索绪，極大緩解了用戶的情緒。5.設(shè)計(jì)加載動畫贫悄，加載小游戲瑞驱，打發(fā)等待時間。
三窄坦、模態(tài)彈窗
和模態(tài)加載類似唤反，也是在主頁面上覆蓋蒙版，讓主頁面處于不可操作的狀態(tài)鸭津，并臨時彈出彈窗彤侍，在彈窗層進(jìn)行相應(yīng)交互后方可返回主頁面。比如告知用戶進(jìn)程的狀態(tài)逆趋，數(shù)據(jù)結(jié)果反饋盏阶，錯誤提示，重大操作（不可逆）再確認(rèn)等等闻书。
問題：對用戶操作流可能有干擾名斟。用戶可能不需要每次都被提醒脑慧。
方案：1.提供無模態(tài)反饋，將提示狀態(tài)直接在頁面中顯示砰盐。并不刻意將用戶的注意力強(qiáng)行拉到跳出的模態(tài)彈窗上闷袒，而是保留在操作的頁面上。2.對某些并非每次都需要提醒的彈窗中增加下次不再提醒的選項(xiàng)岩梳，減少對用戶的干擾囊骤。
總之
使用蒙版讓用戶脫離了原來的頁面而轉(zhuǎn)移到蒙版上層的內(nèi)容，多多少少對用戶的操作流和體驗(yàn)有干擾作用冀值，讓用戶一時無法自由地使用產(chǎn)品也物。所以一定要慎重使用，并時常停下來想一想是否有更好的方式代替或簡化池摧，讓用戶不喪失對產(chǎn)品的控制權(quán)焦除，并在直觀易用的使用過程中享有更加愉悅、美好的體驗(yàn)作彤。
