当前位置:首页设计文章UI10个大厂产品细节剖析,看看高手是如何做设计的!

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

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

随着产品设计越来越成熟,呈现出来的优秀设计方案比比皆是,如何设计出差异化的方案变得至关重要。打破常规的设计才能在同质化的设计中脱颖而出,带给用户更好的差异化体验。

近期黑马哥在体验产品时,发现了一些突破常规的设计表现形式,希望这些优秀的案例可以带给大家更多设计灵感。

往期灵感:

一、弧形轮播的 Banner 图设计

在移动端 Banner 图通常以左右轮播居多,也有个别产品会在轮播形式上创新,比如上下轮播、分层轮播、渐隐轮播、Z 轴轮播等。

最近在体验态棒 App 时,其 Banner 图采用弧形轮播的形式。利用弧度的形式展示商品提高了 Banner 位的利用率,有助于展示更多推荐商品,直观的表达也使得商品更加突出。自动轮播类似于滚动的橱窗,表现形式非常新颖,带给用户更好的感官体验。

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

二、默认头像的多种预设选择

随着产品感官体验的提升,很多产品在默认头像的设计层面变得更丰富,不一定需要用户上传照片,自定义的选择也更灵活。

除了通过 IP 形象强化默认头像的视觉感以外,最近在使用智行火车票 App 时,其默认头像以矢量插画风为主。用户进行头像设置时无需上传照片,产品提供了多个默认头像,方便用户根据自己的喜好作出预设。多种预设让自定义选择更灵活,也能让默认头像更美观,提升用户对产品的好感度。

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

三、趣味性的心情打卡设计

对于职场人来说压力是难以避免的,总会遇到一些烦心的事或者压力,就会因此影响我们的情绪。我们要试着释放压力,治愈我们的情绪才能迎接美好的明天。

最近体验到一个帮你记录心情,治愈心事的产品-岁岁。整个产品设计风格清新可爱,看着就有种治愈感。可以对自己当前的心情进行打卡,类似于仪表盘一样的心情打卡设计也是趣味性十足,表情设计风格非常可爱,哪怕是不开心也能通过这样趣味性的打卡形式而治愈。设计风格观赏性很高,值得大家体验。

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

四、五一主题氛围设计

众多产品都会在五一假期期间进行系列主题活动,如何充分利用好当前布局结构,是产品设计师进行设计发挥的关键。

在五一期间使用嘀嗒出行 App 时,多个主界面结合了五一主题氛围设计,青春活泼的插画风渲染出欢快的节奏。整个界面被装扮得非常有氛围感,既传播了主题活动,也带给用户非常新颖的视觉享受。

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

五、场景化的积分兑换设计

为了提高用户黏性,通过签到积分、消费积分、任务积分等,再结合积分兑换提高用户参与度,是提升黏性转化的有效形式。

麦当劳 App 在积分兑换的设计中结合了兑换套餐的实物照片,让用户对于兑换商品更有直观感受。也可以切换不同积分兑换的差异,提高用户参与积分的积极性。通过场景化的积分兑换设计,不仅提高用户参与度,设计感官度也非常棒。

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

六、动态卖点强化关注度

需要强化功能的关注度时,除了在视觉表现层体现差异以外,动静结合也能起到突出作用。

比如智行火车票 App 首页设计中,以动效的形式演变卖点,以此突出酒店栏目。动效表达的形式形成动静对比,以差异化的形式突出业务重点,提高用户的关注度。

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

七、播放按钮的品牌氛围营造

越来越多的产品开始注重立足于品牌的设计,强化品牌曝光度和产品差异化,品牌基因的融入可以一举多得。

最近在使用汽水音乐 App 听歌时,播放按钮暂停状态背景会有气泡漂浮,还原了汽水带给用户的视觉感。通过小小的动效表达不仅强化了品牌感,也提高了播放按钮的点击欲,带给用户不错的感官体验。

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

八、登录设计中的动态背景

登录已经逐步成为体验产品的必备步骤,很多产品都需要用户登录才可以体验,如何提高用户的登录意愿度变得至关重要。

吃货笔记 App 在登录设计中采用动态背景增强视觉感,有种炫酷的感觉。动态背景结合炫酷的图形设计,营造出不错的氛围感,以此降低登录带来的排斥感,提高用户登录体验产品的意愿度。

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

九、导航结束的人性化设计

导航算是这个时代最便民的工具之一,让大家的出行更便捷和安全。随着导航产品的不断完善,使用体验也越来越人性化。

五一期间使用高德地图导航时,抵达目的地结束导航的设计中,会根据目的地属性进行场景表达。比如目的地是古镇类景区,会以古镇代表的图标设计替代默认图标,也会显示景区购票信息,方便用户进行购票和了解相关信息。结合场景打造人性化的设计,让用户时刻感受到产品的温度。

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

十、不一样的点赞设计

点赞设计已经很普遍,通常以伸大拇指和爱心图标为主,点击变化过程中也会结合动效和衍生设计。

最近在体验岁岁 App 时,在树洞栏目中点赞设计采用动效结合卡通形象。点赞时以动效表达卡通形象送爱心的过程,呈现出不一样的点赞效果,带给用户差异化的点赞体验。

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

小结

设计没有一层不变的规则,只有不断突破的思维。打破常规才能带来差异化的设计解决方案,带给用户体验上的惊喜。

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

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

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

声明:本文由极主题老胡发布,本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI设计文章

超详细!写给新人的 Lottie 快速上手指南(下)

2023-8-15 16:44:08

UI设计文章

看懂了!第一次见到把响应式布局讲得这么清晰的!

2023-8-15 16:44:08

35 条回复 A文章作者 M管理员
  1. 眼神洁净

    装装逼

  2. 绿茶英俊

  3. 糊涂笑抽屉

    主题不错!

  4. 酸奶傲娇

    测试一下

  5. 大意踢未来

    啦啦啦啦

  6. 小蚂蚁清爽

    啦啦啦啦

  7. 烂漫闻帅哥

    装装逼

  8. 霸气扯蜗牛

    哈哈

  9. 机灵和便当

    就服你

  10. 发卡机灵

    啦啦啦啦

  11. 大意踢未来

    6666

  12. 乐曲单薄

    哈哈

  13. 震动给音响

    主题不错!

  14. 优秀有发带

    哈哈

  15. 枕头可耐

    哈哈

  16. 大碗儒雅

  17. 机灵和便当

    老哥 我想..

  18. 踏实迎柠檬

    测试一下

  19. 花生清脆

    超喜欢这里的

  20. 鼠标飘逸

    哈哈哈哈哈

  21. 小蚂蚁清爽

    点个赞

  22. 热心用乌龟

    哈哈哈哈哈

  23. 风中有大侠

    啦啦啦啦

  24. 枕头可耐

    我只是随便看看

  25. 优秀有发带

  26. 孝顺闻鼠标

    哈哈

  27. 啤酒清新

    过来逛逛

  28. 受伤有犀牛

    可以的

  29. 孝顺闻鼠标

    装装逼

购物车
优惠劵
有新私信 私信列表
搜索