恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
这样的设计想法为啥我没有想到
107.5°
2023-04-12 原创文章 经验/观点 举报 26054 122 156 1

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


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





分享目录


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

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

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

四、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

微信公众号:我是黑马青年

更新:2023-04-12

收藏

122人已收藏

黑马青年

设计交流微信:heimaux

  • 143

    作品

  • 2.4w

    粉丝

  • 144

    关注

  • 优秀的设计就是带给用户惊喜!
  • 这个设计我是这么修改的
  • 大厂的设计总能带给用户惊喜
  • UI/UX 设计选择题 | 02 期

    猜你喜欢

      2023-04-12 原创文章 经验/观点 举报 26054 122 156 1

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

      107.5°

      你确定要举报这样的设计想法为啥我没有想到

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年04月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      156
      122
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录