惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Cloudbric
Cloudbric
WordPress大学
WordPress大学
博客园 - 叶小钗
B
Blog RSS Feed
T
Tailwind CSS Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
美团技术团队
Scott Helme
Scott Helme
D
Darknet – Hacking Tools, Hacker News & Cyber Security
Hugging Face - Blog
Hugging Face - Blog
T
Threat Research - Cisco Blogs
B
Blog
V
V2EX
Simon Willison's Weblog
Simon Willison's Weblog
I
Intezer
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
T
Threatpost
Cisco Talos Blog
Cisco Talos Blog
阮一峰的网络日志
阮一峰的网络日志
C
Cybersecurity and Infrastructure Security Agency CISA
PCI Perspectives
PCI Perspectives
雷峰网
雷峰网
The Register - Security
The Register - Security
博客园 - 【当耐特】
Google DeepMind News
Google DeepMind News
N
News and Events Feed by Topic
H
Hackread – Cybersecurity News, Data Breaches, AI and More
U
Unit 42
Security Latest
Security Latest
NISL@THU
NISL@THU
腾讯CDC
S
SegmentFault 最新的问题
小众软件
小众软件
The GitHub Blog
The GitHub Blog
月光博客
月光博客
A
Arctic Wolf
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
N
Netflix TechBlog - Medium
IT之家
IT之家
D
DataBreaches.Net
C
CXSECURITY Database RSS Feed - CXSecurity.com
N
News | PayPal Newsroom
L
LINUX DO - 最新话题
博客园 - 司徒正美
大猫的无限游戏
大猫的无限游戏
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
J
Java Code Geeks
TaoSecurity Blog
TaoSecurity Blog
P
Privacy International News Feed

記緒漂流

Cloudflare One 集成 OAuth 访问控制 | 記緒漂流 Cloudflare One 集成 OAuth 访问控制 打造专属记账助手 | 記緒漂流 打造专属记账助手 Numb | 記緒漂流 Numb 三月自白 | 記緒漂流 三月自白 相反的你和我・同频的心与心 | 記緒漂流 相反的你和我・同频的心与心 使用 Tailscale 内网穿透 | 記緒漂流 使用 Tailscale 内网穿透 在《HackHub》中成为世界首富 | 記緒漂流 在《HackHub》中成为世界首富 社交距离 | 記緒漂流 社交距离 UNIQLO × Akamai 联名 T 恤 | 記緒漂流 UNIQLO × Akamai 联名 T 恤 Windows 按键重映射 | 記緒漂流 Windows 按键重映射 少女・魔法・救赎 | 記緒漂流 少女・魔法・救赎 Live 初体验 | 記緒漂流 Live 初体验 《剧场版总集篇 GIRLS BAND CRY【后篇】嘿,未来。》观后有感 | 記緒漂流 《剧场版总集篇 GIRLS BAND CRY【后篇】嘿,未来。》观后有感 从 UnoCSS 迁至 Tailwind CSS | 記緒漂流 从 UnoCSS 迁至 Tailwind CSS AI² 与站点 LOGO YAML 多行语法 | 記緒漂流 YAML 多行语法 所以我放弃了 npm | 記緒漂流 所以我放弃了 npm 上下求索,以飨四方 | 記緒漂流 上下求索,以飨四方 理想、偏见与「博友圈」 | 記緒漂流 理想、偏见与「博友圈」 甲流就医纪实 | 記緒漂流 甲流就医纪实
AI² 与站点 LOGO | 記緒漂流
TuyuriTio · 2025-11-24 · via 記緒漂流

关于人工智能,我只是工具的使用者,而非具备探索精神的学者。

初创

并不反对直接引用网络图片当作图标,但存在一定版权风险。同时这里作为个性展示的场所,私以为还是在「门面」这件事上有些个性化表达会比较好。

于是在站点上线前,怎么也得想方设法给自己整一个原创独创的 LOGO(徽标)

我不懂设计,没什么艺术细胞,比起那些蕴含企业文化、品牌理念、附加价值云云的天价商业 LOGO,直接手绘一个是最简单也最实际的。

构造的方向有两个,其一是基于自己的名字(昵称),奈何文字的组合与编排更需要强大的设计功底,在草稿上简单比划了几个令自己忍俊不禁的涂鸦后马上放弃了。

其二,LOGO 本身是一幅画,不妨用它讲一个故事

至于灵感来源,有幸拜览博主 Eltrac 曾用的应该是上一个博客 LOGO:

Eltrac's
Eltrac's

不知道是否算是先射箭再画靶,这基本上就是我想象中成品的样子。以手绘的风格,简单的几件要素通过合理的组合,表达一个概念、一则故事或是一段思绪等等。


只要有了具体的意象,例如放在站点首页「Life is sailing. With heart as the compass, just soar into the clouds.」这条莫名其妙的 Slogan 作为参考,事情就会简单很多。

脑中的第一印象,浮现出一叶孤帆驶过云海的画面,倒是有些贴切,只要表现出动感,主要目的就达到了。

拿出平板草草涂鸦了几笔:

大致是这种感觉,不过只在船头那诡异的波浪稍有体现,动感…也多半靠着想象力吧。

接着还得把它处理成 Web 可用的方式,本来就没什么复杂的内容,干脆用 SVG 描一遍吧。打开了多年未碰的 Adobe Illustrator,头一回用上了钢笔工具,粗犷地勾勒出几道曲线:

然后通过在线工具生成了一整套 Favicon。

就这样,用了一年有余。

重构

在这一年间,每每看到这个 LOGO,总觉得有些不自在。线条生硬,意境也不清不楚,就连两个最基础的目标都没能很好地呼应…

好在,就这两天,现阶段最强的图像处理模型——Nano Banana Pro 横空出世。趁此机会,在尝鲜的同时,借用第二大脑来分析和优化这个快要看腻的糟糕涂鸦。

夸赞的部分姑且略过,重点看看 Gemini 3 Pro 老师的问题分析:

...上略

尽管我很喜欢这个草图的“原生感”,但为了让它看起来更像一个“设计好的 Logo”而不是随手涂鸦,我有以下微调建议:

  • 关于线条的“控制感”:
    • 目前的线条稍显杂乱,特别是帆与船身连接的地方,以及波浪的末端。
    • 建议: 保持手绘风格,但需要用矢量工具(如 Illustrator)进行“平滑处理” (Simplify Path)。保留线条的非完美圆滑,但去除多余的抖动噪点,让线条看起来更流畅、自信。
  • 形态歧义 (Ambiguity):
    • 帆的形状有一点点像鲨鱼鳍(特别是单独看上半部分时)。
    • 建议: 可以稍微调整帆的右侧曲线,或者让船身稍微长一点点,强化“船”的识别度,弱化“鳍”的联想。
  • 平衡感 (Balance):
    • 左侧的波浪卷起很高,右侧船身略微下沉。这虽然制造了动感,但可能会让 Logo 在视觉上重心不稳。

这是一个非常有灵魂的 Logo 原型。它不完美,但正是这种不完美契合了“人生航行”的主题——人生本就不是精准的几何作图,而是充满波折与自由的手绘线。

设计师评分:8.5/10 (扣分点在于线条略显粗糙,精修后可以是 9.5 分的佳作)


既然你是做个人博客,我有以下下一步建议:

Would you like me to:

  1. 帮你把这个图片转换成 SVG 矢量代码?这样你可以直接放入 HTML 中,且无限放大不失真。
  2. 基于这个图形,为你推荐一组适合的 Google Fonts 字体组合(标题和正文),来搭配这个 Logo 的风格?

嗯……好!分析得好!然后帮我改吧!

当图片出来的那一刻,我有些惊喜,但更多的是震撼。

至少现在,它已灵动起来,像是有了作为 LOGO 的觉悟,不再草率,不再散漫。仅仅是改变了线条的粗细,调整了曲线的弧度,将笔画粘合起来,便迸发出一股猛烈的艺术力量。

但我仍不满足,还有些许野心。一想到既然已有如此强大的计算能力,那就给了句简单的指令,想要全权交付给它:

这…未免有些不经夸了。看起来完全自动挡还是比较艰难,不得不仔细修改了提示词,努力用语言描述自己脑中的所思所想:

是的,这就十分贴近我所追求的效果了。但还不够,又继续做了简化:

这里实际上修改了不下几十遍提示词,改到最后已经睡着了,第二天早上醒来才看到。

而最后一次,达到近乎直接可用的程度,像是真的把脑中的印象给搬了出来,展示在自己面前。或许在细节的距离、位置、粗细上仍有些别扭,但让 AI 做到这个程度,剩下的细枝末节交给自己三两下优化,也十分轻松了。

那么能否再更进一步,正如它所说,直接生成 SVG,省下大量的描摹时间呢:

……

好吧,该有的工作量终究是逃不掉的。

不过既是享受,又是为这幅 AI 作品赋予人工的价值,开始艰难的描改工作吧。

拾起一年前的 Adobe Illustrator,这回似乎成长了一些,不再肆意地使用锚点,对贝塞尔曲线的控制也变得熟稔。为了像 AI 例图那样呈现线条的粗细变化,接触到了宽度工具。

当曲线末端的宽度随着鼠标移动逐渐缩窄,先前的生硬感在一瞬轰然消散。不只是底部的波浪,再经微调,为船身同样加上一些变化,视觉重心上尽量与原 LOGO 保持一致。

结语

如此一来,这大概就是自己心中关于这个主旨最完美的 LOGO。

曲线的意象不仅仅是海浪的翻涌,亦融合了祥云的飘动;船首微翘,风帆饱满,示意着坚毅前行的方向。


单纯想讲个冷笑话所以水了一篇:这个 LOGO 既是 AI(Artificial Intelligence) 改的,也是 AI(Adobe Illustrator) 改的。🥶