专栏名称: 最设计
最好看、最好玩的设计!
目录
相关文章推荐
南方能源观察  ·  eo封面 | 能源企业“十五五”发展环境之变 ·  昨天  
中国能源报  ·  关于举办绿电、绿证、CCER交易培训的通知 ·  2 天前  
中国能源报  ·  关于举办绿电、绿证、CCER交易培训的通知 ·  2 天前  
中国能源报  ·  关于举办绿电、绿证、CCER交易培训的通知 ·  3 天前  
中国能源报  ·  关于举办绿电、绿证、CCER交易培训的通知 ·  3 天前  
龙船风电网  ·  建设进度过半!这座海上风电场成本上涨 ·  3 天前  
南方能源观察  ·  eo封面 | 争鸣“十五五”能源规划(下) ·  4 天前  
51好读  ›  专栏  ›  最设计

品牌视觉锤:不随大流的夸克风格化设计

最设计  · 公众号  ·  · 2024-09-02 16:30

正文

在今天,互联网产品中提到「AI」不再是新鲜事,当各个领域和细分赛道上,都挤满了为这场科技革命添砖加瓦的开拓者,AI市场将必然呈现出百花齐放的盛况。在这个竞争激烈的市场中,夸克早已在自家产品中布局好了各种 AI 功能,并以独特的设计理念和创新的视觉表现,在最近以「AI搜索」和「超级搜索框」为卖点的市场宣推中脱颖而出。这次,我们将深入夸克在这次营销活动中的视觉设计策略,分析其如何通过独特的设计语言传递产品理念,并在如此大型的品牌战役中有效落地。

设计背景与挑战

夸克作为一款年轻的智能工具,面临着如何在拥挤的市场中突出自身特色的挑战。随着AI功能的加入,夸克需要一种全新的视觉语言来传达其产品升级带来的革新体验。然而,经过我们的整理和观察,发现市场上大多数AI相关产品的视觉设计的某种惯性——大家似乎陷入了一种固定的风格模式:柔和的浅色背景加上轻微渐变,搭配模糊的毛玻璃效果。


行业AI产品的视觉呈现

这个做法并没有错,它能相对快速地实现出有一定层次的视觉效果,但在当下大多数人都用着同一套的视觉「食谱」的设计环境里,「吸引力」和「独特性」就变成了稀缺资源。相当容易埋没在一众趋于雷同的AI科技产品之中。

差异化的视觉策略

面对以上挑战,夸克的设计团队在视觉策略上采取了一系列大胆而创新的尝试:

首先最引人注目的无疑是一个强有力的 视觉锤 」( 一个能让品牌或产品在人们脑海中留下深刻印象的独特视觉符号,例如可口可乐的弧形玻璃瓶轮廓 主画面中,一个巨型的金属搜索框占据了核心位置,它是夸克AI能力的视觉化呈现,搭配极其利落简洁的构图,并通过大小、明暗等对比强烈的元素布局,创造出了拳拳到肉的视觉张力。

值得注意的是,这个巨大搜索框造型被巧妙融入到后续各种推广物料中。 无论在哪种场景下,它都能带来极强的视觉冲击力,使人过目不忘。

其次,与市场主流的浅色调设计不同,夸克这次选择了一条「反潮流」的路子,以非常少见的纯黑色为主色调进行设计延展。在这套视觉系统中搭配各种氛围光效、反差色、流光元素等等作为辅助。这一策略不仅让夸克在视觉上立即与竞争对手区分开来,而且在色彩感知上也暗示了夸克背后强大的后台处理能力和深不可测的AI潜力,赋予了产品一种求变与革新的气质。

纯色背景意味着对前景视觉元素需做更精致和细微的雕琢,因此在在材质和光影的处理上,夸克巧妙地运用了高反光金属材质搭配纯黑色背景,以二者质感的碰撞来诠释AI的未来感和科技感。 金属材质的选择并不是为了吸引眼球,它能在视觉上呈现出一种智能、硬核和深邃的质地,与市面上常见的常规模板化手法形成了鲜明对比。

最终,一个巨大的搜索框占据主KV的视觉焦点,结合了耀眼光效,融合细致入微的流光渐变效果,这些细节贯穿到之后所有设计的物料之中,它们除了能够增添和丰富视觉深度以外,还象征性地展现了AI的运算过程和智能思考的奇妙体感。

搜索框内醒目呈现的"你的AI搜索",直观而有力地传达了此次升级的核心理念——将强大的AI技术无缝整合到搜索中去,为用户带来更智能、更个性化的体验。在视觉呈现上营造了一种未来主义的科技氛围,与夸克年轻与创新的品牌调性相得益彰。

功能传达与用户互动

系列功能海报紧贴主视觉基调,深邃的背景辅以流光的AI搜索框,配合精炼直白的文案,平衡视觉吸引力与信息传递效率,促使用户迅速抓取核心信息,记住产品“有什么”。

· 系列功能海报
左右滑动查看更多
· 专题活动

端内专题活动是产品功能的宣推场,也是用户互动的交流地。在细节上,活动贯穿了“视觉锤”的策略——沉浸感设计呈现出浓烈的未来感和科技感,充分体现夸克强大的AI能力。强烈的光影对比更好地凸显重点,引导用户视线沿着设计师规划的路径前进。

通过清晰的分区板块将分散的信息归拢为「品牌内容区—>功能体验与福利区」,高亮的交互区域与动效把用户行为进一步引导为「抽奖——完成任务——切换任务」。最终在视觉与交互上带给用户简单、清晰、直接的体验。

从活动入口进入页面,细节处充满呼吸感和神秘感的动画设计,巧妙地激发了用户的参与积极性。

左:doodle-活动入口,右:专题页-抽奖
· 功能视频

视觉策略通常依托于具体场景,功能视频与注重吸睛和概念的平面物料不同,视频需要清晰展示“哪些功能在哪里,具体怎么使用”。因此,夸克设计团队选择高度还原产品UI,以更直观的视觉效果帮助用户记住“怎么用”。

通过灵活的执行策略覆盖不同场景,实现品牌战役的视觉统一,这是他们的另一个大胆尝试。

代表「Ai」的星芒元素从一而终贯穿整体视频,从「星芒」落入夸克搜索框中开始,就在视频中以不同形态的转场方式呈现,并用于结尾收拢汇总。 视觉符号与夸克紧紧绑定,进一步强化了产品的智能属性。

左右滑动查看更多

在这里,差异化的设计策略再一次发挥了作用。

线下触达,设计延续

线下传播也是品牌战役中非常重要的推广策略,夸克打造了一系列视觉震撼的线下体验,通过多维度的视觉表达,有效扩大和强化素材对于受众的触达效率。

外滩超级搜索框快闪事件 :夸克在上海外滩设立了一个充满花卉装饰的巨大搜索框装置。它不仅传达了“超级搜索框”的概念,其震撼的视觉效果更成为吸引公众目光的焦点,营造出强烈的冲击力与装置艺术感的氛围。夸克将“视觉锤”的设计理念贯穿始终,确保每个设计元素都具有统一而强烈的视觉表现力。

品牌代言人合作 :夸克宣布与新生代偶像王俊凯再次携手,推出了一系列围绕他的视觉设计,包括但不限于广州、杭州、上海、北京和重庆等地的户外广告。特别是在杭州西湖天幕和重庆南滨路沿线站点,广告设计格外引人注目。在正式宣布之前,线下巨屏首先展示了带有神秘手绘风格的搜索框图案,成功制造悬念。随着代言人王俊凯的官方公布,这一悬念被揭开,引发了粉丝们的热烈反响。我们看到夸克和王俊凯再度携手,排面可以说拉满!在王俊凯主演的品牌TVC中,最令人印象深刻的是王俊凯身后突然闪现的巨大搜索框,完美呼应了主题和视觉的一致性。







请到「今天看啥」查看全文