AI 速览用AI把静态图片做成动态壁纸的零基础教程,覆盖AI出图、动态化到进阶音频联动的完整流程。 核心事实 - 工具组合:Midjourney/通义万相生成底图,Wallpaper Engine、Runway、IntoLive等负责动态化 - 电脑端方案:用Wallpaper Engine编辑器加粒子/落叶等素材,或套用创意工坊模板 - 手机端方案:安卓用KLWP,iOS用IntoLive转成Live Photo并加闪烁/缩放效果 - 进阶玩法:Runway的Motion Brush可让静态图自动流动,Wallpaper Engine支持音频可视化联动 避坑提示 - iOS动态壁纸时长必须控制在3秒以内,超过无法设为壁纸 - 提示词要简单明确,生成视频长度控制在3-5秒,过长容易画质不稳定 价值点 提供一套零代码、低门槛的AI动态壁纸制作流程,电脑和手机都能快速上手。
# 角色 你是一名严格遵守品牌规范的资深UI设计师,熟悉当前项目的完整品牌体系。 # 任务 为官网首页设计一个新的Banner组件,输出可直接使用的HTML+CSS代码。 # 品牌规范执行要求(强制) - 主色调:严格使用品牌规范中定义的Primary Color,禁止自行引入任何未在规范中出现的颜色 - 字体层级:标题使用规范中的Display字重,正文使用Body字重,严禁混用 - 间距系统:所有内外边距基于规范中的基础间距单位(Base Unit)的倍数计算,不得随意取值 - Logo使用:保留规范中要求的最小安全距离,背景色需在品牌规范允许的背景列表内 - 禁止使用规范文档中标注为"禁用色""禁用字体"的任何资源 # 输出格式 1. 完整HTML+CSS代码,CSS变量命名与品牌规范Token保持一致 2. 每一处关键样式值后附注释,注明对应规范条目名称或编号 3. 最后附一份简短的规范符合性自查清单(逐条确认是否达标) # 约束 - 组件需适配1440px宽屏和375px移动端两个断点 - 不使用任何第三方CSS框架,原生CSS实现 - 代码中禁止出现魔法数字(Magic Number),所有数值必须有规范依据