如何在产品中应用？

控件可结合产品的品牌定位进行视觉上的调整，增加情感化设计，提升用户体验。现在很多 app 在进度指示的控件设计上有很多推陈出新的设计，给大家总结了几种。

什么是情感化设计？本能 – 行为 – 反思。

诺曼提出的情感设计，认为在任何设计中，本能，行为和反思这三个不同层面相互作用，影响情绪和认知。

我们在和产品的交互过程中，包含了功能、性能和可用性的体验，如果在本能-视觉层给予足够吸引力和感染力，那么将会在行为层影响到用户对产品的操作，最终的目的是促使反思层的反馈是正面的，积极的情绪，愉悦感。满足用户需求，从而最终触发用户对产品的情绪依赖。

1. 结合吉祥物设计

作为产品品牌的推广和宣传，将产品品牌元素融合进去，比如吉祥物的形状，颜色，插画等。

美团外卖

美团在加载和下拉刷新中都融入了吉祥物，并且设计得非常有趣。吉祥物骑着电动车在送外卖的场景和实际美团外卖送外卖的场景非常相似，一致的认知模型让用户对品牌印象更加深刻，也让 app 多了一份趣味性。

飞猪旅行

飞猪app也是运用了吉祥物飞猪，结合旅游场景来做有趣的动画设计。

在做动画的时候对物体动作的把控和场景心智模型的符合度要求比较高，简单的加载动画呈现背后需要对产品需求有深刻的理解。

闲鱼

闲鱼在品牌升级以后，也是在 app 的不同场景中融入了品牌形象，并且在不断迭代中也对形象进行升级。加载的等待过程的确不会让人开心，但如果在这个过程中提供生动有趣的设计可以帮用户转移注意力，提升好感。

2. 结合产品logo设计

产品的 logo 也非常适合融入在活动指示的设计中。简洁明了的展示品牌信息，加深品牌印象。

马蜂窝

马蜂窝的产品 logo 呈现线性，设计运用了线性进度指示器结合循环展示的动画效果来展示 logo，进度展示的同时展现产品 logo，简单明了的凸显品牌力量。