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

用户头像
杭州/UI设计师/3年前/10226浏览
这样的设计想法为啥我没有想到

2023 原创输出第 11 篇,我们互相努力。

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


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




分享目录


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

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

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

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

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

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

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

八、场景化的推荐设计

九、上下轮播的 Banner 设计

十、情感化的氛围营造




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


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


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




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


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


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




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


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


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




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


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


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




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


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


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




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


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


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




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


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


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




八、场景化的推荐设计


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


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




九、上下轮播的 Banner 设计


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


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




十、情感化的氛围营造


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


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




小结


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


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



作者:黑马青年(vx: heimaux

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

211
阅读原文
|
举报
|
314
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
平面设计 吊牌设计
牛奶乳液层次平面平铺平面
城市园林平面布局航拍
水蜜桃和李子的平面水果图案
海底世界插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
平面书法字手写
金色颗粒质地的平面
古风平面仕女与瓷器
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
城市园林平面布局航拍
平面男孩喝咖啡插画设计
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
平面插画设计女孩喝咖啡
中国传统纹样创新图案设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
平面人物插画
城阙凡花
你可能喜欢
相关收藏夹
大家都在看
登录注册