淘宝设计2023年度AI设计实践报告

这篇文章讲述了淘宝设计团队如何在2022年至2023年间逐步将AI技术融入设计工作,从初期的探索到广泛应用,AI带来了降本增效、设计多样化和工作流程重构。设计师的角色也发生了变化,AI成为基础能力。文章详细描述了AI在设计中的应用案例、效果提升以及对未来设计团队能力提升的展望。
摘要由CSDN通过智能技术生成

f3b05acb418d415363e552e4897dd3fa.gif

22年中,绘制头像还在用3D进行建模,到了年末,就已经用AI直接生成了。

22年末,面对AI工具设想能不能在我们业务中进行尝试,到了23年中,AI工具已经覆盖我们团队所承接的所有营销场景业务。

23年初,团队同学讲到AI工具的应用时觉得这是一个专业亮点,到了23年末,AI工具已成为我们团队设计师的基础能力。

这一切,都变的太快。

这一年,也积累了些心得。

首先AI工具带来降本增效,让我们的创意效果快速产生,设计方案有效达成。

其次增效不仅仅增的是效率,还有设计效果。设计自由度极大丰富,可以说那一刹那设计的前提条件已失去一切限制,它可以帮我们想不敢想的设计,实现任何创意,短时间内呈现无限可能。设计概念也不再以单纯设计方案的面貌出现,更多的是完整的用户产品。

同时第一次感受到因为新的技术能力,设计的工作流程需要重新组合再造。设计师的思维边界有了极大拓展。

最后设计的技能门槛大大降低,自然语言的运用打破了脑眼手三者紧密一体的步调,对设计师的内在素养有了更高更具象的要求,设计素养和专业审美成为绝对而不可替代的差异化能力。

因此,我们选择自身最擅长的方式,通过报告把这一年团队的AI设计实践做一个总结。对于AI设计的能力也会持续探索,从单纯提升生产力转变到增强用户对设计的感受,继而转变为解决用户的实际问题将会是我们探索的方向。

dfa3e100a91a20101b56d0c208458eba.png

引言

  报告目的

本报告汇总了「淘宝设计团队」在过去一年中对AI技术在不同设计项目中的实践心得,体现了我们如何在现有场景和技术条件下,融合AI技术以优化设计流程和提升设计效果。

我们的团队成员数量众多,涉及的业务范围广泛,每位设计师都在这一技术变革中寻求着最适合自己的应用路径。我们希望通过这份报告,以真诚的态度将这些经验和见解呈现给大家,作为我们共同成长和进步的参考。

  报告范围与时间周期

本报告涵盖了「淘宝设计」自2022年底开始接触探索AI技术,并在2023年逐步扩大其在不同设计场景中应用的情况。报告的时间跨度囊括了AI技术从起步阶段到成熟应用的整个周期。重点关注了AI在设计流程简化以及在创意产出方面的作用。

我们从日常工作实践中精选了一系列案例,涵盖品牌设计、营销设计、互动玩法甚至空间设计等多个关键业务领域。这些案例展示了AI技术在实际操作中的多样性和适用性。

  报告结构

  1. 设计师使用AI情况调研  
  2. AI在设计中的应用效果与案例

  3. AI设计系统如何帮助设计师

  4. 未来方向和展望

  5. 报告结论

c1421c1296383459fce262dec8730f81.png

设计师使用AI情况调研

此次调研集中于评估AI技术在设计领域的融合程度,以及设计师如何调整自己的工作方式来配合这些新兴技术。同时探讨了设计师们对于AI工具的使用体验、期望以及实际需求,以期为设计实践提供更加务实和高效的指导。

被调研团队基本情况:

本次调研对象为「淘宝设计」的设计师团队。这些团队成员的广泛背景和丰富经验为我们的调研提供了多维度的见解和数据:

0bae39d39330cc5f5d969e3cfd2e0139.png

d31224f56301b7b571d3721422c247ae.png

  淘宝设计师对AI技术的熟悉和接受程度

调研揭示了三类设计师群体:

c0bf793261515e5628302144b5874883.png

1898ce60670eccb78079fc6abc40ac2e.png

73e70a89656bf00f43d428bc59693e72.png

  淘宝设计师的AI使用功能偏好

使用AI工具方面的目的偏好有明显的不同:

563ff942cd8687314230c60ef1cf5ea8.png

8ac15df2731394b7bf360ec64458c8bb.png

9e57784fa3b56c6f811f95f98aa8f784.png

  淘宝设计师使用AI的主要场景

设计师们基于不同项目需求和目标,在以下场景中使用AI技术:

35f4b8d8347af57e288fdeef2e66bae5.png

  淘宝设计师在AI设计中的角色变化  

根据个人特长和团队需求,部分设计师产生了角色的变化:

0e42d3f7c0ee20730a9b4b29b9091ae3.png

cfcde1a18e459cdc51a666754eca9888.png

0137df0b9299340f260dd6a745a9701f.png

  设计师们面临的挑战

设计师在使用AI时面临的挑战也有所不同:

  1. 技术的学习适应:40%的设计师表示,他们面临着学习和适应新工具的压力,同时探寻如何将AI配合融入现有工作流中
  2. 创意独特性保护:35%的设计师希望学习:如何在使用AI工具时保持设计作品的个性和特色,尽量减少AI生成的特征  
  3. 确定性的方法和结果:25%的设计师希望掌握:如何在特定的工作场景中,使用相对稳定的AI应用方法,并且保持输出结果的确定性
  调研总结

综合调研结果,我们发现:AI正在实质上重塑设计团队的工作模式和创作流程。

设计师的角色正在借助AI能力从单纯的视觉创作者转变为综合性的创意解决方案提供者。

d62501ecf062160f1ca94366125969f5.png

AI在设计中的应用效果与案例

  AI在淘宝设计的定位

今年通过持续的探索和实战考量,在追求创新和效率的道路上,AI作为工具成为了我们的得力助手:

88e758f55214d8609a965acbca6dfe08.png

主要工具为Midjourney和Stabel Diffusion,辅助工具有RUNWAY和PS beta等

  AI介入工作流效果

AI改变了设计工作流的许多传统步骤,引入了新的工具和方法。我们看到在营销设计中,AI设计在营销设计整体项目设计时间大约减少18%左右,其中在创意阶段丰富性提升150%左右、时间节省60%左右。这些变革不仅缩短了项目周期,还拓宽了设计师的创意边界和技术应用范围,辅助传统工作流得到前所未有的效果提升和效率优化:

  1. 创意多样:AI的运用使得设计解决方案更为多样和创新。项目中不同创意概念的提出数量增加了150%

  2. 执行加速:AI生成的设计灵感和概念,显著缩短了创意阶段所需时间。设计师在创意生成阶段的时间缩短了平均60%

  3. 整体提效:通过与AI的多种手段结合,从创意发散到落地执行品效都有显著提升。在整体项目的设计时间减少了18%

总而言之,这些AI工具不仅仅是技术上的进步,它们代表了一种全新的工作理念

  AI应用案例

下面将围绕淘宝设计师们在下列八个场景中的多个应用案例,展开我们在设计实践中,AI应用的深度和广度:

d64e0acc748e7b87df3f52890b4e181b.png

  品牌超级符号映射

根据品牌符号(如猫头框与淘字框)的模型训练和结构控制,用户只需要输入丰富的关键词,即可快速完成一张准确的超级符号主视觉。

45ba809b3adbca4461384ffd97438994.png

案例1 双11-AI创作赢红包

f6f6822971e7ae2d1cffea5c1a5fa4fd.png

bc1cc0114fb2d965bd94f649fbec5044.png

案例2 双11联合传播 猫头海报&花车大巡游

540e0a84d6409a192f142ee90abbe7b3.png

a1bd595eee85bfd24b6853e2bf497303.png

案例3 超级品类日-品牌符号系列海报

cdd3057668ccc7f81564174a14829841.png

  品牌IP形象AI生成

训练特定的天猫/淘宝/营销IP公仔模型,根据不同需求稳定输出的定制化IP形象结合,富有创造力的材质和造型,不仅可用于项目需求,还可以沉淀储备下来,形成IP形象素材库。

案例1 天猫AI玩行动-品牌联合海报

f40a564cbba469055741a2a9307eec59.png

399f8b9762d22e2b561655e8a88e8537.png

案例2 天猫双11-出游主题喵卡

ce1ebd6c309f593c355af4598a86adeb.png

f2312b472b07b67fdd9ba2ce8948f627.png

b8df446b8a96096c84b5e00b97edb167.png

案例3 淘宝天猫一起冲亚

28a6a2204fa9a70e8ad165f9a3178a5d.png

69ecd7378cd7347c014c89e5445cd4ce.png

2c32eceb8cbaf2d3e138cf4ba153b596.png

eb2657e913bb0c4093a12feb2f729d90.png

案例4 天猫U先公仔三视图生成及应用

542ab840f359fe5697ce7c997bf3b612.png

a27db88bf58471447c10d77f1c405210.png

  传播&投放

案例1 双11超级发布-品牌联合海报

5d4e31fa3f58d38550e4504a40ed22fc.png

185fc2753f9aaae329b26dc4a05ebf70.png

b4913cfea38b22bd04d5d4697540bbf3.png

案例2 媒介投放开屏海报

750d1f18319a637a99ebf298a9d4c4e4.png

23d6cf91f4157c74364cb013e8f51a44.png

25903314b1cd1c495c55fde9e158eb91.png

案例3 双11-传播动态视频海报

  大促营销

通过AI生成图像或素材,再结合平面合成及修正,确保每一处细节都符合我们的品牌形象,并且更精准的表达营销活动的主题。它帮助我们在短时间内生成多个设计变体,并且快速进行迭代优化。

案例1 淘宝天猫大促视觉

a3714cb8773f3777dd800d21c7d200d4.png

0764fe148d142bd2a24fb9fe9bb4720a.png

143a3621dee1dd5905ce5fb7e42c8d53.png

919e894d6628e996f71c32ed248e63a4.png

b467c49a393cdf388420d2b96bf9d73e.png

564fc86e4d454778eae677b05d336f50.png

案例2 双11大促-横向会场版头模板化应用

a2b4fb3b31cfba9ecab7b5fcd9a6df74.png

案例3 天猫小黑盒-新品联名

197821d3581002814c3fa2ed93f63296.png

194955ded56b7e51123bc4bc74ceaa99.png

  AI布景

对于需要定制化真人模特实景素材的主题活动,不再像以往那样,需要真人布景拍摄或摄影素材采买,耗时耗力还不能保证设计内容的一致性,通过AI可以在短时间内将策划、搭建、拍摄、设计融为一个闭环流程,完成页面所有素材的生产和输出。

案例1 七夕主题活动页面

f3e4c65c22452519786ce6baa08a0dd7.png

在12个时辰主题下,需要每个时段的场景画面,通过AI生成的方式可以不受到外部拍摄条件上的种种限制,产出风格一致且符合需求的素材。

案例2 超级品类日-传播拍摄创意

c75b431eef8c00ed46c7dde0fd2b0ec6.png

8788736754c5e26b4bbf73e8f22766a1.png

  产品营销视觉

UI设计的场景中,采用AI能力可以快速定制多种用户需要的视觉效果,我们通过SD中controlnet的有效控制,可以生成指定范围内的ICON、界面皮肤等内容,加大了很多产品功能的定制可能性。

案例 88VIP-AI定制皮肤

e8618ed4bacf0d804e31eb72fe9b419f.png

0b8eeebfa74be3f210c1377d97918667.png

69376c9e42e3f24475eb34cffd4f358a.png

  定制模特AI生成

通过对AI大模型的训练和应用,算法从模特姿态、背景风格、装饰元素等多个维度进行效果升级,提升了合成真实性和美感,再结合用户脸型、身材数据,给用户提供定制化的线上真人化模特体验。

案例1 AI试衣间

738474b715eee3c8cf34ec0adc56082d.png

c32d87754f6c122401b954fd875e6e87.png

案例2 AI写真

简化数据采集流程构建用户的数字分身,在保证又“像”又“美”的用户价值下,根据不同主题的摄影风格生成AI写真,让普通用户能通过AIGC创造好玩有趣的内容。

329a87549ba53c3d54955f78c13ce328.png

f6cb17041f11bbae551aae34c5392196.png

  产品场景生成

一张商品图,结合用户的自定义输入,便可生成多张场景效果。在整个过程中,不需要3D模型,不需要显卡渲染,不需要线下拍摄。

案例  “家作”家装场景灵感

235a9b699a3719ba6603778136f97e00.gif

28efaa7002381ff4693fb8f9741623cc.png

0590c61218406442608ed03a3387144d.gif

  手猫全链路AI购物助手

C端电商全链路的AI应用体验创新 打破AI即对话的惯性 构建实用、高效、符合电商的体验范式,2种产品架构(中心式助手、节点式功能)+ 4个体验原则(次不妨主、感知有度、结果直给、一步操作)推动购前、中后全场景落地。

案例 手猫全链路AI购物助手

‍‍e642596b5d7a7d5ddfbb386bd6c5ea47.png

885a2ef142e6b52ac43cb97a340bdf17.gif

0abdb45da35ee7e6162c398783a92c5c.gif

f16cd1d4abf5c66c07e216b92be8325f.gif

  AI生图美学标准

基于图像美学的构成逻辑,抽离AI生图的美学标准,运用于AI算法模型的调优,以及生成的判定。聚合模型修复能力,提升整体模型的良图率。

AI生图美学标准

b11a3092f740e2986e06c2cb6c14ffde.png

AI生图美学标准 - 5大准则 19项标准

4dac7b8df324ad70ee2e45090d2f1b35.png

AI生图美学标准 - 风格标准:视觉呈现

e87d3ae6c564caaaa94d3a06614686de.png

25bd41a035c5ca30c68cab974c995840.jpeg

AI设计系统如何帮助设计团队提升能力

  「针对性的AI工作流」——建立有效的设计工作流

16fc88b3125ad406bab83b299911fc4e.png

  「实用的模型训练」——准确还原风格、加速品牌融合

使用lora模型训练的方式,能够生成特定的形象及KV风格,建立一个包含品牌形象、风格视觉的DNA的模型,我们将模型根据实用场景分成了4种类型:

0d4c267c7487caa2755630c40f575f09.png

此外,在营销活动期间,市场环境和消费者偏好可能会发生变化。我们在紧跟这些变化的同时,迅速调整lora模型,确保持续符合目标用户的喜好,使营销内容更加生动鲜明,与消费者的连接也更加紧密。

  「AI设计资产储备」——设计团队的AI能力提升

建立和管理AI设计资产,沉淀AI相关的知识、技能、工具,可以提升团队AI能力,对设计成效产生正面影响:

c19d107ffd43af8722490f3f0b7477fe.png

团队成员可以分享他们的设计经验验和学习心得,从而促进团队内部的知识积累和提升。

c89d6788a11bd5a9560c50842c92380b.png

参数库可以帮助团队快速启动新项目,确保设计的准确性,并减少重复工作。

f7512f22c68c372c9946ea0225e9fd0d.png

工具、模版、元素可以帮助团队在设计过程中更高效地生成,同时保持设计的一致性和质量。

AI整合工具平台:桃花源

c79ec02a68b0a3eab23f2a898d0a7a4a.png

根据对日常设计工作的需求,我们团队依托实践沉淀的工作流和经验,搭建了AI整合工具平台——「桃花源 | 淘宝设计AIGC」。逐步引入的每一项功能经过细致的评估和选择,以确保其实用性和与业务需求的贴合度,同时能够增强我们设计工作的专业性和效率,为我们的产品和服务创造更大的价值。

5b8338ca2aa1f25216a10ed381a73cc2.jpeg

未来展望

面对未来最重要的是如何利用新能力去更好的应对业务,所以对于各方面的要求也在快速发生着变化:

  1. 设计专业的要求:AI将重新定义设计师的竞争力边界,要具备持续的学习习惯,并快速转化为实践能力。在未来AI看似降低了设计的门槛,实则对于需求理解、问题分析、审美判断、创意亮点提出了更高的要求;对于高阶的设计师,要更加的显性化设计思考与专业优势,最终在设计质量上去到更高的层次。

  2. 工具能力的要求:需对现有AI工具进行严格评估和选型,确保它们能够提供标准化输出和一致性体验,提升设计的质量和速度,减少不同页面以及不同设计师间的设计差异,建设参数文档库,而非个人喜好的自然语言。同时可以基于业务场景特征,训练专属AI模型、集成相应AI能力形成新工具,从而形成更有效的设计资产。

  3. 工作流程的要求:需要将AI深入到日常设计流程里,形成新的工作方式与流程,基于不同的AI能力特性,差异化的对待不同业务形态和需求,所以将会对于设计流程更加精细化,从项目启动到最终交付,每一步都需要针对AI的特性进行优化,以实现最大化的效率和创意品质,找到更合理的人&机结合的方式,值得我们持续去探索。

  4. 设计团队的要求:设计团队必须制定并执行明确的AI融合策略,保证所需硬件设备的支持,营造积极主动的创新环境,增强对市场动态的快速适应能力,以确保团队整体的未来发力方向。

总之随着技术的不断进步,我们可以期待AI在视觉设计领域扮演更重要的角色,并为设计师和用户创造更多的可能性。

¤ 拓展阅读 ¤

3DXR技术 | 终端技术 | 音视频技术

服务端技术 | 技术质量 | 数据算法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值