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

往期细节回顾：

每次看到这些优秀的设计细节，总能带给自己一些设计反思，为什么我没有想到还能这样设计呢！

发现优秀的设计解决方案是提升设计师眼界的关键，我们也定期给大家推荐一些优秀的案例，希望可以带给大家一些设计思考。

一、这个隐藏的手势交互你忽略没

随着用户体验的不断升级，手势交互变得越发普及，使得产品操作体验变得更有互动感和趣味性。通过手势交互的辅助，让产品设计更加简化，更有利于用户实现操作目标。

我们经常用抖音刷短视频，可以通过单击底部标签栏“首页”进行刷新，长按则会弹出模式切换。通过手势交互的辅助可以快速切换单列、双列展示形式，以及刷新首页和默认静音设置，不知道这个操作你发现了吗？

二、情感化的背景设计

情感化设计可以让产品与用户建立更强的共鸣感，让用户感受到产品的温度，促进对其服务的认可度。

在杭州生活的人会经常使用浙里办，在一些节庆、节气等时间段打开 App 时，顶部视觉区域背景会进行应景设计。通过情感化的表达方式营造氛围感的同时，也让用户感受到产品的温度，带来更加温馨的体验感。

三、自适应的瓷片区布局

瓷片区的灵活性可以方便更多功能模块的布局，也能自由更换和增删处理，只要保障基础框架结构的稳定即可。

酷狗音乐未登录时首页推荐板块的瓷片区设计，在滑动过程中会进行自适应布局，方便进行结构的填充和内容的补充。默认时隐藏部分内容可以提高当前位置的利用率，便于提高更多内容的曝光度，交互过程中的动效表达也非常的流畅自然。

四、考虑用户习惯的导航设计

抽屉式导航是导航设计表达的形式之一，由于属于隐藏式的设计，通常集合非操作频繁的功能。

酷狗音乐采用了底部标签栏和抽屉式导航结合的形式，即满足高频功能的便利性，也能集合更多低频功能。由于大屏手机的普及，用户单手操作的习惯各有差异，考虑用户左手或者右手都能轻松打开导航，酷狗音乐右上角的导航图标可以从右侧打开导航，左手贴边向右滑可以从左侧打开导航，满足了不同操作习惯的用户需求。

五、应景的标签设计

标签设计的表达形式非常多样化，也被运用到众多的场景中，辅助内容的传播与理解等。

天气冷了，大家会在淘宝买一些秋冬服装等商品，当搜索秋冬外套、保暖等关键词时，会出现降温坐标、轻暖等标签设计。通过标签突出了商品关键词的特征，也让用户可以感受到季节的变化，促进商品被搜索的概率。

六、情感化的心情记录

随着生活压力和职场压力的不断增加，为了缓解大家的焦虑情绪，衍生出很多日记类产品，帮助大家记录心情和管理调节。

最近在使用心岛日记记录心情时，记录界面设计感觉很有意思。通过转盘的交互形式选择心情，也通过应景的动效表达辅助心情传递，整体设计情感化体验度非常好。

七、动态感的个人中心设计

个人中心的设计在整个产品设计中都是非常重要的存在，也因此出现了众多优秀的设计方案。

心岛日记的个人中心设计中，顶部区域背景以动态的形式表达，描绘出的场景让人心情愉悦。相较于静态画面的表达，动感的设计更能打动用户。

八、动态 Banner 更有吸引力

Banner 设计在产品中的表现形式也非常丰富，可以在视觉创意中发挥，也可以在造型结构中变化，还能动静各异。

最近在使用支付宝时，首页为了突出发放消费券的活动，采用了动态 Banner 设计。突出的视觉和动感的效果，让活动变得特别突出，增加板块吸引力，提高用户参与度。

九、有点意思的图标设计

随着图标设计的风格越来越多，使得产品设计的感官体验得到了提升，设计师也在不断尝试更多的创意表达。

最近在飞猪旅行 App 中，发现其图标设计有点意思。部分图标采用书法里面的连笔形式，结合渐变色使得整体图标风格年轻活泼，设计表达独特而有新意。

十、营造冬季氛围的背景设计

冬天虽然很冷，但是也有独特的风景带给大家，在寒冷中感受这个季节的独特魅力。

飞猪旅行 App 在首页设计中，顶部背景区域结合冬季下雪与堆雪人等元素，以动态的形式营造了这个冬季独有的氛围感。不仅提升了产品的感官度，也让用户更有季节代入感。

小结

设计灵感来源于日积月累，希望我们的产品体验日记栏目可以成为大家积累的来源。本文描述属于个人观点，不足之处大家留言补充。