

新中式与AI的融合碰撞—百度二十四节气卡设计升级
source link: https://www.ui.cn/detail/664207.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

百度二十四节气卡设计升级是一次设计的创新尝试,也是文化传承与AI时代技术结合的设计融合碰撞。
前言
随着AI生图时代的来临,设计团队致力于通过AI训练自有设计风格的模型资产,以此来为业务提效。鉴于节气卡的高覆盖率、高复用率和高收益,我们选择了这一场景进行新中式风格的升级和模型训练尝试。
我们的目标是通过精细化设计打造落地新中式风格的节气卡,同时沉淀设计方法和AI模型训练经验,以便辐射更多业务场景,同时为百度APP进行运营特色风格探索。

一、文化内容
1.底蕴-文化传承与审美情境
二十四节气,作为人类非物质文化遗产,是中国人独有的时间知识体系。它源于古人对太阳在一年中对地球影响的总结,用以指导农事活动。这一智慧结晶蕴含了尊重自然、顺应自然、与自然和谐相处的东方哲学。二十四节气不仅结合了天文、物候、农事和民俗,还影响了人们的日常生活习惯,形成了独特的文化现象。
古人有二十四雅事,如焚香、品茗、坐雨、莳花等,这些都是他们清居安养的方式,也是他们生活中的意趣所在。我们将这些雅事与二十四节气相结合,顺应天时,因时制宜,展现人与自然和谐共处的诗意生活,传承具有东方美学的雅致生活方式,这种价值观与百度品牌的人文关怀和传承中华文化的使命完美融合。
2.题材-东方艺术与中式意境
项目整体视觉设计基于艺术美学,融入了中国传统文化。在继承传统中式风格的古朴韵味和含蓄秀美的基础上,将经典中式元素与现代审美相融合,形成了独特的新中式风格。
画面创意来源于东方绘画艺术,如花鸟虫鱼、梅兰竹菊、水墨写意、谐音寓意、雅士生活等,通过寄情于景、借景抒情的手法,来展现中式意境审美。

二、风格呈现
1.场景氛围设计
通过深入研究中国古代书画与中外当代艺术,确立了以光影、虚实、意境为核心的新中式风格。借鉴传统国画的构图技巧,如宾主、呼应、远近、虚实等,运用中式构图和多点透视法,营造出空灵诗意的画面空间。同时,我们还运用软件技法在电子设备上模拟水墨效果,还原墨分五色的层次感;最终营造出一个虚实相生充满意境的画面空间。

画面设计如惊蛰,时间背景处于初春的第一声雷鸣,动植物开始复苏,题材选取文人雅士喜爱的题材四君子之一竹子,结合破土而出的小虫,氛围营造上通过秩序感的排布,构成,前中后景的分布,模拟水墨氤氲的质感,将中式的古典意境美和现代的形式美相结合。又如霜降,有吃柿子的习俗,柿子在中国文化中寓意着事事如意,另外加入小鸟元素增加画面的趣味性。并结合节气雅事,如焚香、抚松、酌酒、折桂、品茗等,融入各个相应时令节气卡画面设计之中。
2.人物设定
人物形象的灵感来源于传统戏曲造型、唐代陶俑及仕女图等。提取了其中的传统审美特点,塑造了具有健康美感的人物形象,如宽额头、饱满脸型、圆润臂膀等,人物气质清冷且禅意十足。在着装造型上,我们将复古与前卫元素相结合,通过现代发式、新中式服装、夸张耳饰等,打造出既传统又现代,具有记忆点的人物形象。


3.色彩体系设定
在遵循百度APP产品色彩规范的基础上,加入年轻化感受和东方气质。通过调整HSB数值和从传统植物/矿物染料中提取色彩基因,调整了色彩的饱和度和明度,使其更适应电子设备显示,力求呈现出年轻化、轻量化气质的东方雅调。


三、品牌符号设计
在品牌符号设计方面,我们将传统的闲章形式与百度的熊掌符号融入其中,再加上传统的节气文化元素,为每个场景赋予独特的文化概念。有助于形成具有内容感的记忆性标签,强化品牌和节气文化的感知和认同。

四、动画设计-赋予画面生机和禅韵
动画设计在二十四节气画面中起到的是画龙点睛的作用,通过动画渲染营造出画面需要的环境与气氛,让整个画面“活”起来。我们本次对整体动画的定调是要传递一份静逸的视觉感受,表达一种清空安宁的禅意,力图给观者心理以放松,给想象以余地。
下面是完整的二十四节气动画设计展示:



五、基于新中式风格的AI模型训练
AI生图技术的迅速发展正在逐步改变传统的设计流程,Midjourney和Stable Diffusion已然成为了设计师的常用工具。其中Stable Diffusion在生图过程中可以使用Controlnet插件控制画面,使用模型微调模块生成特定的风格或人物,这些功能使生成画面更加可控。

我们在此次二十四节气卡迭代中积极探索了AI生图模型训练流程。由于经过微调的模型偏向生成与训练数据集相似的图像,同时保持原始模型的多功能性,所以我们选用了LoRA模型微调训练方式。以节气卡设计图作为训练数据集,通过多轮模型训练和测试,最终能够使用Stable Diffusion生成同样设计风格的图像。
通过这次应用实践,我们也沉淀了百度搜索所特有的新中式风格的LoRA模型资产。


通过本次探索,我们也完成了「AI技术调研-模型微调训练-落地实际场景」的整套AI生图设计训练流程,沉淀并分享了相应的经验和方法,为后续的多场景图像生成和应用提供了有力支持,也通过AI技术创辅提效为设计赋能,进一步提升了设计效率和质量。
结语
百度二十四节气卡设计升级不仅是一次设计上的创新尝试,更是一次文化传承与AI时代技术结合的设计融合碰撞。后续我们也将继续努力,为用户带来更多具有文化内涵和设计美感的产品体验。
更多精彩作品展示,请关注「百度MEUX」小红书账号869010907
感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。也欢迎加入MEUX,交互/视觉/用研,可投简历至[email protected] (注明信息获取来源如:UI中国)
关于我们:
MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。
Recommend
-
18
编者按: 微软亚洲研究院自动机器学习(AutoML)工具 NNI 自发布以来好评如潮,全新升级的2.0版本也备受关注。它的成功是跨领...
-
7
算法系列之十八:用天文方法计算二十四节气(下)_oRbIt 的专栏-CSDN博客【接上篇】 经过上述计算转换得到坐标值是理论值,或者说是天体的几何位置,但是FK5系统是一个目视系统,也就是说体现的是人眼睛观察效果(光学位置),这就需要根据地球...
-
10
算法系列之十八:用天文方法计算二十四节气(上) ...
-
11
专家献策山东活态传承二十四节气文化:深挖内涵 打造特色品牌
-
7
灵感图册 - 二十四节气-小暑 - 站酷海洛 - 正版图片,视频,字体,音乐素材交易平台 - 站酷旗下品牌
-
4
中国妆还可以这样画?花西子“二十四节气妆”获网友好评 0评论 2022-01-15 15:09:17...
-
8
张艺谋:“中国二十四节气”倒计时创意源于“立春”据央视新闻客户端消息,这次冬奥会开幕式的倒计时方式与历届不同,以中国二十四节气的时间推进感,取代传统的阿拉伯数字倒数方式,在开幕式一开篇就向世界展现本届开幕式的中国风格、中国气质。
-
13
中国邮政x王者荣耀,「二十四节气」邮票撞到了我的“心巴” 作者: Emily...
-
5
二十四节气,值得每个品牌重新做一遍 还在忧愁想活动创意太难?资深运...
-
3
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK