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

用户头像
杭州/UI设计师/3年前/14452浏览
大厂的设计告诉你什么叫打破常规

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

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


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




分享目录


一、弧形轮播的 Banner 图设计

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

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

四、五一主题氛围设计

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

六、动态卖点强化关注度

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

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

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

十、不一样的点赞设计




一、弧形轮播的 Banner 图设计


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


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




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


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


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




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


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


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




四、五一主题氛围设计


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


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




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


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


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




六、动态卖点强化关注度


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


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




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


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


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




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


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


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




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


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


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




十、不一样的点赞设计


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


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




小结


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


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



作者:黑马青年(vx: heimaux

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

373
阅读原文
|
举报
|
606
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
平面设计 吊牌设计
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
城市园林平面布局航拍
古风平面仕女与瓷器
牛奶乳液层次平面平铺平面
课程海报,平面素材
学习,优惠券,平面,海报
平面人物插画
平面书法字手写
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
金色颗粒质地的平面
倒计时,海报,平面
海底世界插画
平面风格黄绿色系花朵装饰
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城阙凡花
平面男孩喝咖啡插画设计
你可能喜欢
相关收藏夹
app
app
app
app
app
10
大家都在看
登录注册