大麦的主体用户群为20+的年轻用户群体,大麦本次先锋beta的全面焕新非常有创新性和年轻化的视觉语言,给人眼前一亮的感觉。本文将从大麦本次改版的交互设计、视觉设计、动效设计、AI智慧助理等四个方面来分析大麦此次改版值得设计师们学习和借鉴的点。
底部的固定tabbar改为了更加轻盈化悬浮tabbar ,这也是2025年tabbar的一个演进局势,其他的主流App例如美团也是采用了这种形式。
1.顶部banner 和标签缩略图的联动交互,在内容显示上不仅增加了更多的上新演出内容的曝光,而且对于剧场、电影、音乐、展览赛事每个分类下都有展示,逻辑层级上更加清晰。
2.在信息层级上搭建了新的架构,将“演唱会、音乐节、livehouse”合并为“音乐”,将“沉浸式、舞蹈舞剧、戏曲、相声、周三半价等”作为“剧场”的金刚区入口。在“抢票播报站”的卡片上突出了抢票倒计时的关键信息,视觉色彩上也跟随征途焕新。
变更品牌色是一个非常大胆且工作链长的改版,大麦的品牌色由粉色+灰色变更为黑色+荧光绿色。
【改版前】粉色+灰色的视觉搭配略显陈旧,缺乏视觉冲击力;
【改版后】在黑色上辅助高饱和度、荧光效果的绿色,在视觉上是很有反差感的,传递积极向上年轻活力的品牌形象。
配色类似于潮牌“得物”、图片编辑App“醒图”、网红面包店购物袋“黄油与面包”等。黑色的按钮或者选中态,点缀绿色到黄色的渐变色,倒有些演唱会现场的应援牌的效果。
【改版后】以绿色为主占较大面积,辅助一对对比色紫色和黄色,利用不规则形状的高斯模糊效果叠加,比起平铺的颜色视觉上更加活泼灵动
dribble 和pinterest 上流行的高饱和度多巴胺色块搭配黑色线条,点线面结合。
多巴胺被称为“快乐因子”,是一种神经传导物质,用来帮助细胞传送脉冲,主要负责大脑的兴奋及开心等信息的传导。通过高饱和度、高纯度的色彩激发用户的积极情绪,吸引用户注意力。
1.本次改版的整体焕新感知很强烈,缺点在于很多三级页面或深层级的页面视觉没有同步深入到,会造成割裂感。
2.包括视觉插画、动效上设计没有整体拉通,一些深层级界面的旋转加载动效还是用的粉色主体色。
3.一级tab淘麦VIP界面此次基本没有焕新,金刚区图标和会员卡片还是粉色主题的,但首页和个人主页的图标已经更新为黑色+荧光绿。
4.在大麦的整体页面风格变动较大的前提下,大麦App图标的配色和造型设计建议也同步更新,大麦App图标目前的七彩配色风格太过老旧。
大麦主视觉是绿黄色+黑色,蓝花火是蓝紫色+黑色;在页面背景的高斯模糊晕染上,蓝花火的页面效果更加自然,蓝紫色晕染的层次也更加丰富。
大麦的标签选中态更有记忆点,荧光绿的一个弧线在纯黑色的衬托下,视觉聚焦效果更好;蓝花火的则缺少了一些特色,但是在界面整体上看是协调的。
蓝花火的按钮区别于常规的圆角矩形,而是采用了六边菱形,很符合这种年轻化快潮流的演出类APP。
蓝花火小程序的动效比大麦APP做得更加细腻和有律动感。
对于小图标的动效设计也非常贴切,运动的轨迹是贴合图标的寓意的。
点赞收藏这种用户能明显感知的动效,蓝花火做的也非常好