写作网站最容易出现的视觉问题，是每个入口都各有一套风格。网站是一只动物，公众号是一张照片，订阅邮件是字母头像，文章封面又变成一张强光影的插画。它们都能使用，但读者从一个入口走到另一个入口时，很难确认仍然是同一个内容品牌。
个人创作者不必从一整本品牌手册开始。先找到一个能长期沿用的形象，做好几种常用尺寸，再让它稳定出现在应该出现的地方，已经能减少大量重复劳动。
IP as Logo值得关注的地方在这里：它把简单角色作为标识的起点，同时提供现成图库。不过，角色选好了，只完成了一半。怎样与内容共处、怎样做封面、哪些地方不该出现它，决定了这套形象能用多久。
先想读者记住的是人，还是内容
个人写作有不同的重心。有些作者靠个人经历建立联系，照片头像就很自然；有些站点重在教程与资料，角色或字标更容易与内容一起被认出来。没有必要因为看到一个吉祥物工具，就把已有的个人形象全部换掉。
如果网站主题很明确，例如自托管工具、开发笔记或读书记录，可以从读者的使用体验找线索。教程需要清楚，资料整理需要秩序，阅读需要耐心。形象不必逐项解释这些词，但应避免反向干扰。
写一段短简报比搜一堆风格图有用。它可以包含：网站写什么、读者为什么回来、希望保留什么感觉、哪些形象会让人误解。比如“写数据库维护，但不想让网站像游戏论坛”，已经能帮助排除许多候选。
还有一个现实问题：你的内容会不会变？如果现在写编程，以后还可能写生活与阅读，过于具体的服务器机柜或某个语言标志，就会把形象限定得很窄。一个简单角色可以更有余地，但也要保留自己的特征。
选一个形象，别给每个栏目选一只动物
当图库里可爱的角色很多时，很容易想给每个栏目配一个。教程用机器人、读书用小熊、随笔用猫，组合起来像一套栏目贴纸，却可能削弱站点的主标识。
对个人网站，更容易维护的做法是先保留一个主角色。栏目区分交给标题、排版和少量颜色处理，角色仍然保持一致。读者不需要先理解一套动物分类规则，才知道自己读的是哪个作者的文章。
角色是否合适，可以先在网站头像与文章列表里比较。头像代表整个站点，文章列表则需要给内容让位。如果一张图只有占满屏幕时才显得好看，它未必适合这些位置。
项目展示图里的角色可以作为视觉观察材料。内容网站定稿时，最好从中建立选择标准，而不是同时保留很多形象。
真正有用的区分，往往在轮廓与比例上。角色的主要特征清楚，哪怕只有一小块，也能与其他图分开。相反，依靠复杂道具和表情解释个性的形象，缩小后容易失去意义。
如果已有站点图标让读者熟悉，可以把新角色先放到关于页，或作为特定系列文章的辅助形象。先局部使用，看看它是否与文字合得来，再考虑替换所有入口。
图库与生成，各自适合什么阶段
刚开站时，图库路线比较轻。先保存少量候选，放到页面里看，确定自己更喜欢平稳还是活泼、浅色还是深色、大面部还是完整身体。不要只依赖一张单独的大图。
下载时记录页面地址与使用说明，保存原文件。官网展示免费及商用说明，但这不意味着图片不会被其他人使用。若你希望形象明显区别于同行，应另做原创方向与相似性核查。
生成路线则需要支持 Skill 的智能体和实际绘图工具。项目并不会把模型一起安装，也不会代替图像服务提供额度。如果现阶段只是要一个头像，没有必要为了它先搭一套复杂环境。
已经准备好环境时，可以把需求写成“为这个内容网站提出三个形象方向，每个方向说明读者关联”。先讨论，再生成，比直接要求“给我二十张高级 Logo”更容易控制。
尤其不要把“网站内容很多”理解为“形象需要表达很多”。角色要承担的是识别，文章负责说明。让角色同时展示云、书、代码与数据库，只会把简单任务变复杂。
一份内容网站的简报示例
假设你运营的是一个记录软件使用和个人阅读的站点，可以这样描述：
我需要一个中文个人网站的角色形象。
网站写软件工具、建站经验和阅读笔记，读者主要是愿意自己动手的人。
希望形象平静、容易接近，不要像儿童内容，也不要强烈科技光效。
主要用于网站头像、邮件头像和文章封面的角落。
先讨论三个方向，说明每个方向为什么适合这些内容。
不要把文字画进角色图片。
这份简报没有要求角色必须拿着一本书。书本可以是一个方向，动物也可以是一个方向，关键是能否与站点长期共处。你可以继续补充已有背景色和必须保留的特征。
明确文字不画进角色图，也方便后面的排版。网站名称与文章标题应由页面或设计文件单独处理，字号、换行和更新才可控。把文字直接交给绘图过程，可能得到不准确的字，也不方便在不同尺寸里调整。
如果已经确定要某种主体，就直说。定下书本之后，继续比较封面的厚度、翻页轮廓和表情，不必重新拉进五种动物。好的简报要帮任务收敛。
文章封面应该先服务标题
有了一个角色，不能让所有文章封面都变成同一张大头像加一句标题。内容不同，读者需要从封面看出这次在讲什么。
工具教程优先考虑真实界面，部署文章可以突出具体软件名称和清楚的主题文字，阅读随笔则可以使用与书籍有关的真实素材。角色放在适当的角落或留白区，帮助建立连续性，不必每次都当主角。
封面的文字应减少到能在列表里读出的程度。把文章全部副标题、步骤和口号塞进去，通常只会生成一张缩小后看不清的海报。正文有足够空间解释，封面只要让主题清楚。
也不要为了每一篇文章都“图文丰富”，重复做流程卡片。讲软件操作时，真实截图可以回答按钮在哪、字段是什么、结果如何；讲观点时，如果没有需要展示的对象，一张克制的文字封面往往比虚构插画更合适。
保持形象一致与保持排版一致是两回事。角色不变，构图仍然可以变化：一篇用大标题，另一篇用界面局部，再一篇用真实照片。这样能让内容有自己的面貌，也不会失去站点的识别。
不要把角色当作官方产品图
内容站经常介绍其他软件。自己的吉祥物可以在封面里作为辅助元素，但不要画成某个产品的使用界面，也不要与官方标识合成一个含义不清的新图。
软件教程的正文应该区分产品截图、项目示例与自制封面。截图中存在什么，就说明什么；没有实际操作过的结果，不要用制作出来的终端或后台画面代替。这样读者才知道哪些图片能帮助对照自己的操作。
IP as Logo 项目里的示例角色也是展示材料，不能写成自己已经生成、验证过的成果。需要原创形象时再单独生成，需要产品界面时就用真实产品界面。两个任务的图不应混用。
示例局部用于观察简化程度与色块组织，不是某个网站已经采用的正式图标。
在文章封面里，最容易让人疲劳的并不是角色本身，而是反复出现的夸张光效、浮空道具和没有信息的口号。把这些拿掉，留出标题和真实对象，页面通常会更耐看。
头像与封面要从同一份源图出发
选择完成后，保存一份不覆盖的原图，再导出不同用途的文件。头像适合方形，封面通常需要横向版式；网站小图标还需要更小的尺寸。不能为了适应横图，把方形角色直接拉伸。
文件可以按用途组织：
identity/
source/character.png
avatar/avatar-square.png
site/site-mark-64.png
covers/cover-template-wide.png
identity-notes.md
这个目录是维护方式示例，不是 Skill 自动生成的结果。需要留白、裁切或抠图时，要在素材处理环节明确完成，保留修改前后的文件。不要反复从社交平台下载已经压缩过的头像，当作下一次制作封面的源图。
一份简单说明里，写清主色、正式角色、允许的背景和不能改变的特征。例如可以换文字与排版，但不要每次重画脸部；可以做深浅背景适配，但不要随意更换主体颜色。边界越清楚，后面的封面越容易做。
可访问性和尺寸，别等读者提醒
图片用于纯装饰时，替代文本可以为空；图片承担链接作用时，要说明链接的目的。网站头像若是返回首页的入口，读屏工具需要知道它是首页链接，而不仅是“可爱的猫”。W3C 图片教程按图片作用给出了不同处理方式。
文章封面的替代文本应围绕主题与必要画面信息，不必逐项复述颜色和装饰。正文截图则应该说明它展示了哪个界面或位置，读者在图片无法加载时仍能理解上下文。
图片还应设置合理的显示尺寸。给页面标识写明宽高，可以让布局先预留空间，避免图片加载后推动文字。内容图则根据实际阅读宽度导出，不需要把超大的原图都放进页面。MDN 的图片元素文档解释了宽高、替代文本与加载属性的用途。
这些是页面接入工作，不能靠生成图片自动完成。图形好看与网页使用舒服，需要分别处理。
用栏目变化版式，用角色保持归属
假设网站有三类常见文章。软件教程的封面可以用真实界面加短标题，读书文章可以用书籍与阅读主题，建站经验则突出站点名称和问题。角色只在固定的一个区域出现，大小也不需要完全一样。
这样做的好处是，读者从封面能先判断文章类型，同时还能看到熟悉的站点形象。若所有文章都用同一张大角色图，封面的信息量就会越来越低，最后只剩标题在区分。
给模板留下几条简单限制即可：标题必须在列表尺寸里读清；不要在角色旁叠加无关道具；真实界面不能被装饰遮住；主要信息留在安全区域，避免列表裁切。限制少而明确，比给每张封面套同一种复杂设计更容易维持质量。
角色与产品名称碰到一起时，也要看谁是主次。一篇介绍数据库工具的文章，读者应先认出工具名称。站点自己的形象可以建立归属，不必大到盖过主题。
不同入口更新时，给读者留连续性
如果一个内容品牌同时有网站、邮件和社交账号，最好在同一阶段更新主要头像。无法一起更新时，先在最常用入口保持可识别的站名，避免读者怀疑是否走错了地方。
对于已经熟悉的头像，新的角色可以先出现在封面或关于页。观察一段时间后，再决定是否替换主头像。这个过程不需要每次公开解释设计流程，但需要自己记录哪些地方已经采用了新图。
头像换了，正文质量和栏目结构仍是读者继续回来的原因。不要为了新视觉同时把标题风格、文章路径和内容组织全部改掉。让识别保持平稳，内容改进才更容易被看到。
也可以保留旧标识作为归档资料，而不是立即删除。以后回看旧封面和历史页面时，它能帮助确认当时的版本；出现新图问题时，也有清楚的回退来源。
更新时，先看哪些入口还在用旧图
网站、邮件、社交账号与搜索结果可能各自缓存图片。换标之前，列出使用位置；换标之后，逐项查看。站内更新了，不代表所有外部入口都已经跟着变。
如果正在换域名或改站名，优先保持读者能识别的连续性。不要同时把名字、配色、角色与页面结构全部改掉，却没有清楚的过渡。对长期读者来说，确认站点归属比展示设计变化更重要。
没有明确问题时，也不必频繁更新。稳定出现的图形会逐渐积累印象，反复追新风格则让每次使用都像第一次。
用 IP as Logo 做内容形象，最终可以留下很朴素的成果：一个角色、几种正确尺寸、一份清楚的使用说明，以及能根据文章主题变化的封面做法。让标识保持熟悉，让内容保持具体，个人网站就不需要靠每次换一套视觉来证明自己还在更新。