专栏名称: IXDC
IxDC由广州美术学院设计学院、香港理工大学设计学院、网易、腾讯、华为、中国电信、中国移动、金山等单位联合发起。是全国第一个受政府认可和领导的交互设计专业委员会,致力于引领中国交互设计行业发展。
目录
相关文章推荐
艾儿天空  ·  2025年1月起点新增万订小说15本:没钱修 ... ·  12 小时前  
巴比特资讯  ·  为什么中国只有一个 DeepSeek? ·  17 小时前  
51好读  ›  专栏  ›  IXDC

AIGC设计下的3C数码年货节探秘【下篇】

IXDC  · 公众号  ·  · 2024-04-23 18:53

正文

本文授权转自:3CDesign (ID:JD3CDesignTeam




一、 项目背景


1.背景介绍


2024京东3C数码年货节项目,旨在通过富有创意的场景化布局为消费者呈现一个新年购物盛宴。本次活动将在集团统一的视觉概念指导下,紧扣3C数码产品的独特特性,实现事业部及二/三级品类会场的个性化展示,同时突出各品类的独特魅力。通过这种方式,我们不仅能够传达品牌的价值主张,还将逐步树立京东3C数码在消费者心中的品牌形象。



2.上篇回顾

上篇我们讲述了AIGC如何助力3C数码年货节视觉创意、“年货市集”城市地图创意以及3C数码龙年IP形象打造过程和如何融入“3C数码年货市集”,为用户带来全新的购物体验。
【上篇链接】: AIGC设计下的3C数码年货节探秘【上篇】



二、3C数码年货节会场设计


1.【年货节】预热期视觉设计



2.【年货节】高潮期视觉升级


相比预热期, ①红色氛围: 将背景调整为红色系渐变,修改预热期冷色背景; ②烟花氛围: 在画面中强调增加烟花氛围,多使用黄色系突出氛围; ③祥云氛围: 在腰封上方增加祥云元素,提升氛围感;



3. 各品类主会场楼层设计展示



4. 提升设计效率 -- 搭建AI素材库


核心目的: 为提升设计效率与创新力,同时丰富设计资源库以便素材的二次利用,我们旨在提高团队的整体工作效率和产出质量。在年货节期间,为满足不同业务需求,我们通过AIGC技术,创造了三种不同风格的素材库:3D版、插画版和龙年传统纹样版。这些丰富多样的设计素材不仅能够提升画面效果,也使3C品类产品的视觉表现更加多元化,适用于各种品类的视觉场景。



建立素材库优势:


(1) 提供快速访问和检索功能,便于找到并灵活应用适合的风格元素。

(2) 实现自动化优化与定制,通过智能推荐提升设计效率。

(3) 采用统一的素材管理和质量控制机制,确保工作效率和设计一致性。

(4) 通过提前储备AI生成的素材元素,有效应对突发的营销设计需求。



三、年货节3C数码电器馆区氛围升级


1. 3C数码电器馆区


提升除夕春晚节日氛围推出除夕特别版,包括红包雨分时预热、新春祝福视频等,以增强年货大促氛围。



2. 年货节馆区氛围改造:




四、用户体验洞察


1. 组件框架与价值主张:


为增强营销活动的互动性和趣味性,我们设计了三款互动小游戏,提升用户参与度。同时,我们明确划分了功能区,包括品牌、单品和会场入口,以及新增的直播区域,为业务团队提供更多招商机会。此外,我们精炼了单品和品牌的核心信息,并引入了3C数码直播间入口,旨在丰富用户的选择渠道,提高点击率和转化率,有效聚合并分发3C数码会场的流量。


(1) 头脑风暴:


(2) 年货节串联导航 视觉创意:


a. 初阶版(V1): 福签喜乐——在活动预热阶段,推出抽签互动游戏,顺应过年吉祥如意的传统习俗,吸引用户参与,为接下来的销售高峰做好铺垫。

b. 进阶版(V2): 翻牌探宝——通过页面顶部的互动模块与页面底部针对各品类会场、爆款商品和品牌进行的流量集中与引导,以提高用户的浏览效率和加速购买决策过程。

c. 高阶版: “许愿弹幕”——在新年期间,引入许愿弹幕的互动形式,激发用户在浏览过程中的情感参与,增加互动乐趣。



(3) 趋势分析:


a. 功能层面, 通过引入产品维度及突出爆款商品,显著增强了对用户点击的吸引力。

b. 在视觉设计上, 通过简化色彩和装饰元素,聚焦于主题文案的突出表达,简洁而直接;同时融入微动效,以提升用户点击的兴趣。



2. 会场组件(转化、体验提升)




五. 3C数码年货节品牌传播


1. 海报设计: 在年货节期间,我们创作了包含横版与竖版的线下KV海报,以“3C数码龙年IP与单品展示”为视觉焦点,明确展示了商品利益点、名称及价格。背景设计融入新年纹样,增强节日感。


2. 主图设计: 本次年货节推出了“常规版、joy版本、春节配送、元宵节”共四种主图设计,后三者在常规设计的基础上进行了主题扩展。首次尝试全覆盖设计风格,以增强节日气氛。参考集团模板,采用红金色系突出节日气氛与产品质感,同时融入“福”字、灯笼、烟花、祥云等新春元素,回应节日主题。




六. 总结与心得


1. AIGC在工作流中的应用: 借助AIGC技术,本次3C数码年货节的视觉设计达到了前所未有的统一性和丰富性,同时在效率和质量上也实现了显著提升。


(1) AIGC与3C数码产品的融合 :通过AIGC技术,创造了大量3D效果和概念化的3C数码产品内容,突出了3C数码的品类风格。


(2) AIGC加强视觉创意 :利用AIGC,我们设计了各种中国风建筑的“3C数码年货大集”城市地图,为各个会场打造了具有新年氛围的场景化设计,进一步统一了视觉风格,并提升了画面的丰富度和质感。


(3) AIGC提高前端开发效率 :应用joycoder工具在前端开发中帮助需求分析、代码逻辑校验和错误修正,提升了开发效率和代码质量。







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