技巧多源确认

Opus 5.5 用 JS Canvas 生成 App Icon 实操分享

精选理由

用 Opus 5.5 一句话提示词就能画 App Icon,关键是让它写 JS 画 Canvas 而不是 SVG,作者还附了真实迭代过程。

作者此前用 Fable 设计 App Icon 效果不佳,转用 ChatGPT 画图又无法得到矢量文件。受 Opus 5.5 用 JavaScript + Canvas 逐帧画视频的启发,作者改用一句话提示词让模型直接在 Canvas 上绘制 BaoCut.app 的图标。作者强调要用 JS 绘制 Canvas 而非 SVG,前者效果更好。经过多轮基于选中方案的迭代修改,最终得到了满意的设计。

原文 · 宝玉

Opus 5.5 让你实现 App Icon 设计自由 当初 Fable 的时候我就尝试过让 Fable 帮我设计 App Icon,但是效果差强人意,最后还是得去用 ChatGPT 画图,但这样画出来的不是矢量的。 这几天用 Opus 5.5 做视频给了我灵感,既然 Opus 5.5 能用 JavaScript + Canvas 一帧帧画出视频,那么让它用 JS + Canvas 画 Icon 就也没问题。 于是我尝试了一下,第一版效果就超出我预期,简洁美观,效果相当不错,提示词就一句话: > 帮我为 BaoCut.app 重新设计一个 App Icon,简单一点,彩色的,体现视频编辑、AI Agent > 可以直接用 js 绘制 canvas 注意重点是“用 js 绘制 canvas”而不是 SVG,SVG 画出来是没有 JS draw Canvas 效果好的。 后面就跟甲方一样不停的让它修改就好: 比如我觉得方案3不错,让它基于方案3去调整,几个版本迭代下来就得到了一个我挺满意的方案。 💬 4 🔄 4 ❤️ 22 👀 2796 📊 13 ⚡

  • Claude09-25 16:03原文
  • Simon Willison’s Weblog09-26 23:39原文