这样的设计想法为啥我没有想到

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
26035 1 156 2023-04-11

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


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





分享目录


一、营造顶部区域视觉感与情感化

二、主题化配图增强视觉感

三、弹幕式标签提高关注度

四、IP 强化底部标签栏图标设计

五、强化动态发布的引导设计

六、连贯性的插画突出卡片特色

七、动态表情化的评价设计

八、场景化的推荐设计

九、上下轮播的 Banner 设计

十、情感化的氛围营造




一、营造顶部区域视觉感与情感化


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


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





二、主题化配图增强视觉感


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


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





三、弹幕式标签提高关注度


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


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





四、IP 强化底部标签栏图标设计


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


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





五、强化动态发布的引导设计


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


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





六、连贯性的插画突出卡片特色


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


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





七、动态表情化的评价设计


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


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





八、场景化的推荐设计


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


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





九、上下轮播的 Banner 设计


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


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





十、情感化的氛围营造


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


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





小结


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


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



作者:黑马青年(vx: heimaux)

本文由 @黑马青年 原创发布。未经许可,禁止转载。

Powered by Froala Editor

全部评论:1

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票