我是如何使用 Lovart 为博客打造统一视觉形象的
博客架子已经搭起来了,接着我用Lovart ai给网站设计一套视觉素材。
给Lovart提需求#
首先我用中文描述了一下背景,让qwen翻译成了英文,然后发给Lovart请求生成视觉素材:
中文版:
我是 Yeekal,一名独立开发者,专注于构建面向未来的 Web 应用与 AI 产品。我曾独立开发过 HTML5 游戏平台、AI 图像生成站以及 Prompt 分享网站。
现在,我正在打造自己的个人网站:**yeekal.com**,使用 **Astro + Tailwind CSS** 技术栈构建,追求极致的性能与简洁的美学。
在这里,我将持续分享我在以下领域的探索与实践:
- 人工智能:涵盖产品设计、算法原理、实际应用,以及面向开发者的 CLI 工具、MCP(Model Control Plane)、智能 Agent 系统
- 独立开发:从 0 到 1 打造产品的全过程,包括技术选型、架构设计、用户增长与运营
- 网站开发经验:前端工程化、性能优化、SSR/SSG 实践、SEO 技巧(如反链策略、关键词挖掘)
- 机器人技术:运动规划、自动驾驶、具身智能(Embodied AI)等前沿方向的技术思考
- 日常随笔:技术之外的心得体会、成长反思与碎碎念
内容以中文为主,目标是打造一个深度、真诚、有长期价值的技术博客。
请为我的网站创作全套视觉素材,包括图标(Icon)、头像(Avatar)、首页主图(Hero Image)和社交媒体分享图(OG Image),力求风格统一、富有科技感与个性。
English Translation
Hi, I'm **Yeekal**, an independent developer passionate about building future-focused web applications and AI-powered products. I've previously built an HTML5 game platform, an AI image generation website, and a prompt-sharing platform — all as solo projects.
Now, I'm launching my personal website: **yeekal.com**, built with **Astro + Tailwind CSS** — combining high performance with clean, minimalist design.
On this site, I’ll share deep dives and hands-on experiences across the following areas:
- **Artificial Intelligence**: Product design, algorithm fundamentals, practical applications, and developer-centric tools like CLI utilities, MCP (Model Control Plane), and intelligent agents
- **Indie Development**: The full journey of building products from zero to one — including tech stack decisions, architecture, user growth, and operations
- **Web Development Insights**: Frontend engineering, performance optimization, SSR/SSG patterns, and SEO strategies (e.g., backlinking, keyword research)
- **Robotics & Autonomy**: Motion planning, self-driving systems, and embodied intelligence — exploring the intersection of AI and physical agents
- **Personal Reflections**: Thoughts, lessons learned, and casual musings from my daily life and technical journey
Content will primarily be in **Chinese**, aiming to create a thoughtful, authentic, and long-term valuable tech blog.
please help me design a complete set of visual assets for the site — including the icon, avatar, hero image, and OG image — ensuring a cohesive, modern, and personalized aesthetic.
Lovart 并没有直接生成,而是给出一系列的风格图片让我选择:

除了选择之外,我还额外上传了两张我喜欢的设计图,也让它一起分析我的喜好
分析完又让我选择视觉风格方向,翻译过来是这样的:
我已分析了你的偏好,并为你设计了三个视觉风格方向。你更倾向于选择哪一个?
1. **新科技渐变极简风(Neo-Tech Gradient Minimalism)**
深蓝到靛蓝再到品红的渐变背景,搭配白色几何元素。标志采用定制的几何字体设计,字母“y”带有锐利转角,头像为极简线条勾勒的机器人轮廓,整体风格未来感十足且不失简洁。
2. **单色科技几何风(Monochrome Tech Geometry)**
纯粹的黑白配色,辅以10%灰度,标志采用圆角矩形构成的紧凑小写字体,字间距紧密。整体呈现干净利落、高对比度的轻量化视觉风格,突出技术感与克制的美学。
3. **趣味3D吉祥物风(Playful 3-D Mascot)**
亮粉色、青柠色、青色与阳光黄,搭配从深橙到洋红的渐变背景。Logo使用圆润的无衬线字体,头像则是一个风格化、3D渲染的卡通形象,充满活力与亲和力,适合打造具记忆点的个人IP。
欢迎选择你偏爱的方向,我们可以在此基础上进一步细化视觉元素。

接着,Lovart终于开始坑嗤坑嗤干活了
生成效果#
logo:

文章配图,分类banner, 404图片,这些都有.不过,并不是每一张图都可以用,可以从里面挑选。另外有不满意的也可以直接要求修改。重点是Lovart能保持风格的统一。

除此之外,我有要求生成了10张微信表情包:
Refer to the robot mascot and create 10 WeChat stickers with a size of 240px * 240px. Each sticker should be vivid and interesting

默认的不带文字,要求添加文字:
Refer to this picture and create 10 WeChat stickers with a size of 240px * 240px. Each sticker should be vivid and interesting, accompanied by Chinese text,

最后#
Lovart的审美真的可以,这小机器人设计的挺好看。 Lovart在做设计的时候会询问你意见,根据自己的审美倾向作出结果。Lovart虽然不能保证每张图都是可用的,但是它会生成统一风格的素材,可以随时修改。
今天又学到一个单词 mascot(/ ˈmæskɑːt /),吉祥物的意思. 这是Lovart在做设计的时候指代这个小机器人的时候提到的,它在对话中被称为robot mascot。
这个黄色的小机器人我已经为它起好了名字:
请叫它: Yeebot / 橙宝
