正文

有时候创意就体现在很细节的局部，不一定是多么惊人的想法，只要一个细微的差异，就能拿捏用户的情绪。一些简单的设计处理，只要让用户多看几眼，就能实现设计目的。

本期黑马哥为大家分享一些不错的设计案例，希望这些设计思路可以给你开眼，带给你更多创作灵感。

一、情感化的打卡设计

通过线上打卡已经成为众多业务方向的选择，在便利性的同时也方便管理与追溯。为了提高用户的打卡参与度，产品设计师也在不断挖掘更有趣、体验更好的解决方案。

作为上班族和家长们会用到一些打卡软件来辅助完成工作或者学习等，平时我也会经常使用钉钉给小孩进行课业打卡。在完成打卡后“我的成果”展示设计中，打卡标记的设计中嵌入系列 IP 形象或者图形，通过情感化的设计提升了成果展示的趣味性，更能激发小朋友参与打卡的热度。

二、底部标签栏的二级导航设计

底部标签栏更便于用户操作频繁切换的功能，通常 3~5 个为最佳，如果遇到超过极限值时就需要在交互形式上面思考解决方案。

在洋葱学园 APP 中，体验到一个底部标签栏带有二级导航的设计方案，很好的解决了超过极限值的情况。在二级导航设计中强化了字体和添加了图片背景区分状态，以差异化的视觉表现吸引用户关注度，以此增加二级导航的操作率。

三、图标设计的背景化运用

图标在产品中主要分为功能性和修饰性，对产品的操作体验和感官体验都起到了非常重要的作用，图标的运用也被深挖到各种业务场景中。

在哔哩哔哩任务中心栏目中，展示红包、奖励、积分、奖品的设计中，除了量化的数字结合以外，在各自数据背景中还添加了图标设计。相较于单纯的数据展示而言，图标背景化的运用不仅提升了设计的感官度，也助力了业务属性的差异化。

四、品牌化的弹窗设计

弹窗设计在图形创意、视觉表现和造型等方面都有更多发挥空间，为了提升转化率和降低阻力设计带来的负面情绪，提升弹窗设计的体验感也是至关重要的。

在使用我爱我家 APP 时，发现新版本的弹窗设计造型结合品牌和业务性质进行设计，区别于常规造型的弹窗表达。品牌化的探索可以强化用户对产品的品牌记忆度，深化用户粘性。

五、色彩丰富的卡片式设计

卡片式设计是近些年非常流行的 UI 趋势之一，卡片式设计无论在视觉表现力还是造型层面都呈现出了众多案例，简单的形式被赋予了各式各样的表达。

最近发现了一个色彩丰富的卡片式设计案例，相较于常规的白色卡片而言，嘀嗒出行的设计中给带有描边的卡片添加了局部突出部位作为背景。在色彩渐变的强化中，不仅使得卡片结构化，也体现出了青春活泼的感官氛围。

六、动态 IP 强化功能关注度

品牌 IP 在产品设计中的运用已经逐步普及，提升情感化设计的同时，也是助力品牌化的关键。

在掌上生活 APP 设计中，为了突出“服务大厅”入口的曝光度，采用动态 IP 来强化该功能的关注度。动态化的小招喵更有吸引力，强化功能的同时也让用户感受到轻松愉悦，提升了产品设计的情感化体验值。

七、情感化的用户反馈设计

用户反馈是提高忠诚度和采集数据的关键，为了提高用户反馈的意愿度，从情感化设计或者互动性等方面都在不断探索。

通过饿了么订餐之后，当配送员完成送达时，会弹窗提示用户是否已收到商品。通过表情化的图标配合文案设计，情绪化的表达使得反馈更清晰，更能提升用户的反馈意愿。

八、人性化的导向设计

地图软件的出现改变了大家的出行方式，再也不会担心迷路，可以尽情地走南闯北。随着产品体验的不断升级，地图软件也越来越人性化，带给用户优质的导航体验。

对于驾驶的用户来说，如果使用高德地图提前开始导航会进行人性化的导向，方便导航时间预估得更加精准。点击“我已上车”即可开始导航，让导航体验变得更加人性化。

九、动态头像设置

为了提升预设内容的体验度，针对一些默认的内容也在逐步走向情感化设计的方向，可以让用户感受到更加真实的操作体验。

针对头像设置也从默认的灰色人物剪影演变为个性化的 IP 形象、人偶、真实人物形象等，为了提升互动性，也在提供动态化的解决方案。比如豆包 APP 在给豆包设置头像时，设计了不同性别的动态头像，使得头像表达更加生动形象。

十、个性化的界面设计

产品设计的风格越来越多样化，为了体现差异化的体验，个性化的界面设计也是层出不穷。

最近在点餐时体验到一个设计风格非常个性化的小程序，名字叫：WHAT TO EAT。区别于别的点餐类产品，该产品设计风格以线性插画风结合，非常有个性化。不仅强化了自身品牌感，也深化了用户的记忆点。

小结

优秀的设计细节可以帮助我们打开禁锢的思维，创作出更优秀的设计方案。描述的观点属于个人经验总结，不足之处我们继续努力改进。

- END -