如何用AIGC加速设计？来看京东3C数码年货节设计复盘（下）

推荐阅读

一、 项目背景

1. 背景介绍

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

2. 上篇回顾

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

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

1.「年货节」预热期视觉设计

2.「年货节」高潮期视觉升级

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

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

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

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

建立素材库优势：

1. 提供快速访问和检索功能，便于找到并灵活应用适合的风格元素。
2. 实现自动化优化与定制，通过智能推荐提升设计效率。
3. 采用统一的素材管理和质量控制机制，确保工作效率和设计一致性。
4. 通过提前储备 AI 生成的素材元素，有效应对突发的营销设计需求。

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

1. 3C 数码电器馆区

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

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

四、用户体验洞察

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

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

①头脑风暴：

②年货节串联导航视觉创意：

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

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

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

③趋势分析：

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 工具在前端开发中帮助需求分析、代码逻辑校验和错误修正，提升了开发效率和代码质量。

2. AIGC 的未来展望：

随着 AI 技术为设计带来的便利性和挑战，我们面对的设计流程和能力要求也在不断演变。我们将持续挖掘 AIGC 工具的潜力，不仅限于传统的视觉表达，而是探索更多样化的视觉呈现方式，旨在为用户提供更高质量的视觉和情感体验。

欢迎关注「JellyDesign」的小程序：