10个产品细节剖析，看看高手是如何做设计的！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

产品设计做到极致的时候，发挥的空间就会深入到细微之处的功能，看着简单的功能，也会被设计师脑洞大开。不仅带给用户更好的使用体验，也通过趣味性和差异化的表现方式，带来不一样的感官体验。

为了提高大家对于细节设计的灵感，今天黑马哥为大家整理了一些细微之处的优秀设计方案，希望可以带给大家更多设计思维。

往期回顾：

10个产品细节剖析，看看大厂是如何做设计的！

前言好的产品总会关注细节，将细节做到最好，这篇文章分析了十个产品的使用场景和产品的设计思考，最后总结产品成功的原因，一起学习一下吧。

10个产品细节剖析，看看大厂是如何做设计的！

UI/UX 设计能力的提升离不开分析与探索，针对优秀产品的设计进行分析总结，探索设计背后的经验规则。

个性化的 UI 设计风格

随着用户群体的年轻化趋势，产品 UI 视觉层也在尝试更多年轻化的风格，更独特的视觉风格才能增加年轻用户的好感度。最近体验到皮玩 APP，描边风的设计手法和青春活泼的配色，整体的界面设计带来独特的视觉风格，让人眼前一亮。

通过描边可以中和色彩之间的排斥感，也能强化风格特征，是色彩构成中较为常用的手法。被运用到 UI 设计的表现中，带来的风格感也是独特新颖的，将成为一种风格趋势被延续。

视觉区域的业务动态演绎

强化主界面视觉感通常会在顶部区域进行，通过品牌色、插画、IP 形象配图等形式居多，再配合动效形式效果更佳。在每平每屋 APP 首页中，顶部区域通过动画形式演绎业务属性，不仅增强了该区域的视觉感，达到吸引用户关注的目的；也将产品的业务属性表达出来，加深用户的记忆点。

增强操作体验的情感氛围

通过爱奇艺 APP 在端午节期间观看视频时，单击或者双击屏幕则会出现欢快舞动的粽子形象，营造出节日氛围。情感化的设计增强了操作体验度，趣味性的设计也营造出更好的感官体验。

带给你美食诱惑的下拉刷新

麦当劳在麦麦商城栏目的下拉刷新设计中，采用汉堡形象结合层级动效进行表达，让人眼前一亮。动效拉长的汉堡不仅体现出份量感，激发用户的食欲；汉堡形象就十分麦当劳，展现出品牌关联性。

刷新状态下的趣味化 IP 形象

IP 形象结合到刷新设计中的案例非常多，不仅可以带来情感化的体验，也能增加功能操作的趣味性。半次元在下拉刷新时不仅结合 IP 形象，还通过下拉的程度将形象拉长，最后再配合表情和动态营造出趣味性。

滚动的 3D 元素强化视觉感

随着三维设计的流行，在 UI 场景中也掀起了流行趋势，出现在视觉强化、图标设计、按钮设计等元素中。吃货笔记 APP 将 3D 元素的图标作为登录界面背景设计，配合滚动的动画表达，带来了非常惊艳的视觉效果。强化视觉感和青春潮流的风格，可以将用户的关注度转移，降低对于功能操作的排斥感，也提高了产品设计的感官体验。

积分兑换的可视化表达

积分兑换是增加用户粘性的惯用形式，如何提高积分活动的参与度是设计重点。麦当劳 APP 将积分兑换模拟真实用餐场景，不同积分值对应不同套餐，交互形式简单易懂。可视化的设计表达增加用户的理解度，实物照片增加美食诱惑，吸引用户参与积分活动，用户体验度较好。

个性化的界面布局设计

随着产品设计越来越成熟且丰富多样，在 UI 布局层面也不断突破常规束缚，呈现出更大胆的设计解决方案。PODO 漫画启动页过度到首页时，布局做到自然过渡且风格特异，打破常规的界面布局给人眼前一亮的体验。在浏览过程中不仅有视差感的体验，动效的结合也增加了设计的关注度。

3D 实景增强购物体验度

如今的生活方式已经是足不出户就可以满足购物需求，众多产品为了提高购物的真实感和体验度，利用 3D 实景逛店提高场景代入感。屋颜 APP 利用 3D 实景打造了线上体验馆，虚拟空间体验过程中点击家居产品即可进一步了解商品信息。场景感的体验馆让商品展示更有代入感，也打造了不一样的购物场景，带给用户更好的使用体验。

情感化的步骤设计

针对步骤或者流程设计，除了简单易懂的描述方式以外，通过配图/图形等来辅助用户理解，往往可以使得传递效率事半功倍。每平每屋 APP 在展示装修步骤的设计中，通过 IP 形象结合场景来表达不同步骤的场景感，不仅让步骤信息更易理解，也使得单调的步骤变得更有趣味性，带给用户的感官体验也是非常不错的。

小结

越是简单的设计越容易被人忽略，看着简单做起来却难以突破，想要做出差异化的设计，就要从细微之处探索不一样的表现形式。体验和分析优秀的设计，是为了提高我们的设计感知能力和积累解决设计问题的灵感。

希望今天为大家分享的设计案例可以带给大家更多灵感，描述内容仅代表个人观点，不足之处大家互相弥补。

欢迎关注作者的微信公众号：「黑马家族」