手把手教大家设计氛围弹窗!

在我们印象中的氛围弹窗可能是下面这样的

但是我注意到，类似“恐怖谷”效应也会发生在弹窗上，什么意思呢？就是越花里胡哨的弹窗，给人感知实际收益越低，大家可以品一品，就是你经常在使用app的时候，啪！弹出一个弹框，告诉100优惠券，结果拆成了10张，每张要满500才能用，这时候你的落差就很大，所以不是所有的弹窗都要做的很异形、很花里胡哨。所以这个时候我们的设计目标不是给用户很强的氛围感，而是让用户认知这个是一个实打实的好福利。

不过我们也来看一下它的弹窗设计，在这个免单活动中它的弹窗有点什么小心思。

在这个原型中我们知道，最核心的信息肯定是免单奖励的文案和免单的金额，所以这两个内容是优先级第一的。

接下来，这个界面不仅仅是给当前的用户看而是希望用户能够去分享给其他人，所以该用户的个人头像和昵称在这里的优先级会被金额去向更重要一些，也是不可缺少的。

根据设计目标，第一版做成了这个样子，有点太冷静了，毫无分享的欲望。

于是打算将氛围感营造的再热烈一些，但不至于到夸张的程度。通过对一些活动弹窗的进一步分析，打算利用一些小元素和设计手法将“免单”这个超欧的奖励告诉用户：

1.原有的弹窗缺少故事感，信息表达比较苍白，所以我想到的是利用卡片插入红包的手法（多说一点套路话更能显示b格）

2.利用丝带、金币元素来营造氛围，但是要记住，元素不能太过于零碎，并且需要有大小对比，这样营造氛围的元素也有层次感。

3.重新设计免单奖励的文字，让整体更有质感，并且将¥字符用元来替换，元会比¥能更让人感受到这是实打实的现金。

最后将所有信息都放上去来跟第一个版本做个对比吧。

总结一下，设计方案要根据不同的设计目标来制定，我们通常做设计的第一步会去找参考，但是如果脱离了最初的目标而去找参考，往往达不到我们想要的效果，并且适得其反。所以铁子们，UI设计其实并不简单，好的产品需要好的设计师来量身定做，总是一味的找参考，到最后可能会变成四不像，你们学废了吗？