找回密码
立即注册
搜索
热搜: Java Python Linux Go
发回帖 发新帖

4674

积分

0

好友

608

主题
发表于 昨天 02:36 | 查看: 17| 回复: 0

Lovart个人设计系统方法论封面动图

Lovart 中文版最近上线了,顺带放出一波新功能。上面这张动态封面图,就是直接在 Lovart 里生成的。

为了搞明白现在的 AI 生图工具到底走到哪一步,我充了一个月会员,认真试了几天。

Lovart专业版连续包月支付截图

结果比我预想的远。它现在可以连接小红书、Pinterest、淘宝、Instagram 采集素材,还能把图片转成视频、GIF 动图、HTML 网页、SVG 矢量图。

我把在小红书和 Pinterest 里多年收藏的图片,做成了几个内置 17 种风格的 Skill,输出下面这类小红书封面图和公众号封面图。

AI生成十种风格封面图示例

AI生成八种风格海报示例

总共 17 种风格可选。我又挑了一组图片生成 GIF 动图,可以直接放进公众号文章里用。

AI生成GIF动图示例-开学季好物推荐

接着把封面图转成 HTML 网页,后续还能继续加工成产品页或者 PPT。

Lovart生成HTML网页预览

这次它还支持直接导出 SVG。SVG 是矢量格式,下载后可以拖进 Figma、Illustrator 里继续编辑。我们做产品原型、画 UI 设计稿,源头都是矢量图,最后才导出成 PNG、JPG;Lovart 把静态图、动图、视频、网页、矢量文件放在一条创作链路里完成,省去了在几个工具之间来回倒腾的麻烦。

这些能力正好踩中了我最近一直在琢磨的事:怎么建立自己的设计系统。设计也应该像写作一样,能根据个人喜好的风格来输出。这个系统是活的,跟着信息输入持续变化,它是我做封面图、海报、网站、PPT 的共同根基。以前我只能依赖别人的 Skill,现在终于可以在 Lovart 里搭建自己的系统了。

接下来聊聊具体怎么用。

灵感直连:让收藏夹流动起来

整套流程的起点是采集,过去这一步最耗人。我装了它的灵感采集插件,打开网页版小红书,笔记右下角会出现「收藏到 Lovart」按钮,点一下即可采集。

小红书收藏到Lovart采集功能截图

插件可以按官方指引到浏览器插件商店下载。除了小红书,在淘宝、亚马逊、Instagram 上刷到图,鼠标悬停也会出现「收藏到 Lovart」,点一下就进素材库。

Pinterest 则不用手动采集,可以直接同步整个收藏夹到 Lovart,实时更新。Pinterest 可以理解为「设计版小红书」,设计师基本都会逛。我以前搞设计时也攒了不少图,下面这些就是当年收藏的。

做产品、做 PPT、做封面图时如果缺灵感,或者想培养审美,多去 Pinterest 逛逛会有帮助。

Pinterest设计素材搜索结果

现在通过连接器授权,就能把 Pinterest 收藏内容同步进 Lovart。

Lovart新建项目界面

素材进来之后,创建项目时可以引用素材库里的内容,在对话里直接调用,让它基于你的素材来生成图片。

Lovart对话素材画板工作台

两个自制 Skill:系统的核心

采集只是搬弹药,真正让这套东西变成「我的系统」的,是 Skill。

Lovart 本身已经内置了 100 个专业 Skill,覆盖品牌、插画、海报、电商等细分场景,把专业设计方法封装成可直接调用的能力。但我更想说的,是怎么把自己的审美沉淀成 Skill。

我基于收藏的内容做了两个 Skill。

第一个是风格提炼 Skill。 我把 Pinterest 和小红书收藏夹里最近常看的一批图喂进去,让它提炼视觉规则:主色怎么搭、字体什么气质、留白多少、构图偏好、画面情绪。

Pinterest风格选择器Skill界面

输出的是一套能够指导生成任何设计图的规则,也可以用来指导创作其他 Skill——本质上它就是我个人审美的表达。

第二个是应用 Skill。 把上面的风格做成可以输出公众号封面图、小红书封面图、文章配图的 Skill。

风格化封面生成器Skill详情

Skill 创建方法

登录 Lovart 后,选择「技能」-「创建技能」。

Lovart技能管理页面

进来后选择上传品牌素材。

Lovart创作方式选择界面

然后选中你喜欢的素材,基于这些素材来制作 Skill,参考下面图片提示词。

Lovart素材引用与提示词界面

输出之后先试用,不满意就指出问题继续修改,直到拿到满意成品。我把上面的封面图 Skill 发布到了 Lovart 市场,大家可以直接调用。

风格化封面生成器输出示例

地址:lovart.art/skills/2o6rn12xui2o

其他新能力

有了上面这些 Skill,做 Logo、公众号封面、小红书图文都轻松不少。再搭配 Lovart 新出的能力,视频、动图、SVG 图也能一站式搞定。

1. 生成视频

选中图片,点击顶部「动态图片」,输入提示词:使用当前图片生成视频,保持图片原比例

Lovart图片生成视频功能

在画布上选中视频,就能剪切、拼接、删除片段,加字幕并调整位置、字体、颜色、样式。

Lovart视频编辑画布界面

2. 生成 GIF 动图

选中图片发送:使用当前图片生成动态图片 GIF,保持图片原比例,就有了文章开头的图片。

Lovart生成GIF动图界面

3. 生成 HTML 网页

同样选中图片,发送:使用当前图片生成HTML 版本的网页,风格保持不变

Lovart生成HTML网页界面

在画布上就能直接预览 HTML 网页,效果就是文章开头展示的那样。

4. 一键转矢量

选中图片,点击顶部工具栏「矢量」,适合 Logo、Icon 和印刷场景。

Lovart一键转矢量SVG功能

SVG 下载后可以导入 Figma、Illustrator 继续使用。

写在最后

跑完这一整套,我想明白一件事:现在 AI 生成 的门槛已经趋近于零,千篇一律的「AI 味」图反而越来越多。门槛降低之后,真正拉开差距的是参考素材和审美判断,而这恰好是这套流程能补齐的东西。

AI 只是降低了创作门槛,好的工具负责把创作上下游打通。我过去几年在 Pinterest、小红书上的收藏,浏览网页时的截图,还有自己做过的图,本质上都是设计资产,只是散落在各平台调用不出来。

Lovart 把这条链路盘活了:采集收进一个地方,提炼成风格 Skill,再用应用 Skill 稳定产出,满意的结果存回资产库,下一轮继续用。循环几轮下来,沉淀出的是一套越来越贴合自己审美的生产系统。

Lovart 全新版本已经向所有用户开放,国内直接访问 lovart.art。从你自己的收藏夹开始吧,那里藏着你最真实的审美。如果你也在折腾 AI 设计工具,欢迎来 云栈社区 一起聊聊。




上一篇:办公Agent入口之争:智谱Kimi绕道,DeepSeek开源Harness第三条路
下一篇:GitHub 50K Star 的 impeccable 设计语言:让 AI 生成页面不再千篇一律
您需要登录后才可以回帖 登录 | 立即注册

手机版|小黑屋|网站地图|云栈社区 ( 苏ICP备2022046150号-2 )

GMT+8, 2026-9-3 19:27 , Processed in 0.834858 second(s), 41 queries , Gzip On.

Powered by Discuz! X3.5

© 2025-2026 云栈社区.

快速回复 返回顶部 返回列表