10个产品细节剖析,看看高手是如何做设计的! 收藏

UI交互2023-04-12

对于产品 设计师 来说,在同质化的环境中我们需要具备突破创意的思维,这样才能输出差异化的设计方案。而创意离不开优秀作品的灵感启发,发现有意思的 设计细节 也能提高我们的设计思维。

今天黑马哥将会继续为大家带来一些优秀的设计细节,我们一起来反思一下,这样的设计想法为啥自己没有想到呢?

往期回顾:

10个产品细节剖析,看看高手是如何做设计的! 设计做到极致注重的就是对于细节的把控力,大厂的设计师之所以比较优秀,就是他们具备很好的细节把控力。

阅读文章 >

一、营造顶部区域视觉感与情感化 产品顶部区域的视觉感是吸引用户的关键,在一些功能单一的产品中,强化视觉表现力也是提升产品丰富度的有效形式。

比如麦当劳 App 首页的设计中,顶部区域结合温馨的场景插画进行表达,让你早上打开麦当劳就有种心情愉悦感。动态的太阳微笑画面给你一天好心情,情感化的设计不仅增强了视觉感,也带给用户美好的产品使用体验。

二、主题化配图增强视觉感 封面图在产品规范中相对比较难约束,通过构图、比例、固定元素和配图质量等,在一定程度上可以提高感官体验。如果是在重点突出的内容上面,结合主题化配图也可以增强视觉感。

之前在使用优酷 App 时,当时在重点突出热剧的设计中,就将主题化的内容融入到宫格的配图中。以统一的画面风格和设计表现形式填充封面,增强了视觉表现力,以此突出热剧的吸引力。

三、弹幕式标签提高关注度 在固定的结构布局中如何提高局部内容的关注度,我们需要在不改变结构的前提下进行创意融入。比如动态画面、突出视觉感、内容特异化等等,而最近发现弹幕式标签也是一个不错的选择。

在体验优酷 App 时,在动漫栏目中针对推荐的热播新番,想要突出的动漫结合了弹幕式标签进行强化。动感的节奏会提高用户的关注度,在不改变当前结构的基础上,不失为一种有效的解决方案。

四、IP 强化底部标签栏图标设计 底部标签栏图标是产品设计师经常发挥的场景,在一些节庆主题或者活动中都会定制设计。

优酷 App 在元旦促销活动期间,就将底部标签栏图标设计与 IP 形象结合,默认以促销主题文字展示,点击状态以 IP 形象显示。图标与活动相结合,不仅突出图标视觉表现,也营造了活动氛围感。

五、强化动态发布的引导设计 对于靠内容吸引用户参与度的产品来说,提高用户发布动态的意愿度至关重要,突出动态发布的吸引力也能起到促进作用。

会玩 App 在动态发布的引导设计中给出了不错的思路,未发布动态时会以形象化的空状态设计进行引导。动态发布的按钮旁以俏皮可爱的形象进行引导设计,提高了按钮的吸引力,让用户有种参与的冲动。情感化设计的引导不仅可以增强感官体验,也更容易攻破用户的防备心理。

六、连贯性的插画突出卡片特色 卡片式设计已经成为主流的产品设计趋势,信息的归纳感可以提高识别效率。探索卡片设计的表现特色尤为重要,重点在于卡片造型和内部视觉表现力的发挥层面。

麦当劳 App 在主内容的卡片设计上运用了配送场景插画,连贯性的插画突出了卡片特色。插画场景结合了品牌图形,增强了麦当劳的品牌曝光度;白天和晚上还以不同配色风格和细节进行差异表现,无论是想法还是设计细节都非常不错,是一个挺有创意的案例表现。

七、动态表情化的评价设计 用户评价可以反馈服务的质量,进而做出产品迭代或者服务调整的思路。如何提高用户参与评价的积极性,需要产品设计师多多探索啦!

最近在使用顺丰速运小程序时,完成快递业务之后进行评价,表情化的星级评价非常有意思。不同等级以不同的表情呈现,动态表达非常形象生动,让人不由的挨个体验。动态表情的形式提高了评价的关注度,情感化的表达让用户更愿意参与评价,提高了评价的体验度。

八、场景化的推荐设计 针对电商类产品来说,商品/店铺推荐模块出现频次较高,吸引用户关注度自然成为了设计的首要目标。

在体验 Mars App 时,在生活超市推荐的设计中,模拟了便利店的场景形象。真实感的场景表达带给用户亲切自然的购物体验,同时也提高了用户对于该模块的关注度。

九、上下轮播的 Banner 设计 轮播 Banner 图算是产品设计中最常见的模块,在移动端的设计中通常左右轮播为主,最近体验到上下轮播的案例,打破常规也不失为一种新的设计思路。

在 Mars App 的首页 Banner 图以上下轮播进行交互,左侧固定展示定位城市的天气等信息,提高了 Banner 位置的利用率。Banner 与金刚区悬浮在特定的背景上,带给用户沉浸式的感官体验。

十、情感化的氛围营造 情感化的设计可以让产品更有温度,增加用户对产品的好感度。配合传统节日或者节气主题进行表达是相对比较普遍的形式,会在产品主题和视觉区域进行氛围营造。

在清明节期间体验飞猪旅行 App 时,顶部区域以踏春的场景营造氛围感,还在搜索区域以青团(青团是江南人家在清明节吃的一道传统点心)替代搜索按钮。情感化的设计营造不仅体现了产品的温度,也带给用户对于节日的场景体验。

小结 禁锢我们思维的不是我们的技术,而是我们的眼界和设计感知。发现优秀的设计并总结和转化,才能让我们打开禁锢的思维,在优秀的基础上输出更好的设计解决方案。

本文对于设计的理解阐述属于个人见解,不足之处欢迎大家留言补充,我们互相进步。

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


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通