大厂的设计告诉你什么叫打破常规

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
16255 8 173 2023-05-08

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


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





分享目录


一、弧形轮播的 Banner 图设计

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

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

四、五一主题氛围设计

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

六、动态卖点强化关注度

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

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

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

十、不一样的点赞设计




一、弧形轮播的 Banner 图设计


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


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





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


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


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





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


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


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





四、五一主题氛围设计


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


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





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


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


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





六、动态卖点强化关注度


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


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





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


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


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





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


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


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





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


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


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





十、不一样的点赞设计


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


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





小结


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


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



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

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

Powered by Froala Editor

全部评论:8

  • 维生素C片

    2023-06-02 17:16

    点赞那个很阔爱~ 要是没点的话,还以为是个头像

  • 2023-05-26 14:38

    @堆友: 2525

  • 2023-05-26 14:37

    252

  • 堆友

    2023-05-23 10:50

    厉害!这里也顺带给大伙儿安利一下咱们的堆友——Alibaba Design阿里设计师团队原创高品质3D素材,实时渲染的在线编辑器平台,重点是免费可商用,不用花钱,可以用在海报、交互页面、PPT、作品集、社交头像等等设计场景里!传送门:https://d.design

  • 132***3713

    2023-05-10 12:13

    创✌找人

  • 蓝色的西瓜投手

    2023-05-09 22:53

    很有意思

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

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

投票