Boloop 阅读示意图(AI 生成):自己的作品与第三方推荐需要清楚区分。
Boloop 的首页曾经很认真地介绍自己有什么:Skills、软件、文章,每类都有整齐的入口。问题也在这里。读完页面,能看见内容分类,却不一定明白我为什么把这些东西放在一起。
这不是换一句更响亮的口号就能解决的问题。一个个人网站既可以整理别人的作品,也可以记录自己的尝试。首页需要交代这些内容与我的关系。
后来,我把最想表达的意思收回到一句很简单的话:“喜欢 AI,也喜欢动手做。”它对应的是我实际想在 Boloop 分享的东西:AI 生图、用 AI 开发项目,以及个人 Agent 的尝试。
先看页面在回答谁的问题
2026 年 10 月的设计检查里,Boloop 使用过“Good tools. Thoughtful work.”这样的首页标题。它没有说错什么,却很难让人记住一个具体的人。配合编号分区、重复的卡片和资源样本,页面更多是在解释一个目录系统。
软件目录需要帮助读者找东西;个人首页还需要说明,为什么由我来选择和介绍这些东西。它们可以共存,但首屏的任务不同。
我们随后把首页往个人笔记方向调整,区分原创笔记和外部推荐,加入来自真实发布记录的近况。这个过程也走过弯路:一度把工作经历放在最显眼的位置。到 10 月 22 日,我又明确调整了方向,让首页突出现在对 AI 创作和开发的兴趣,经历继续放在 About。
这次纠正很有用。事实真实,并不表示它就应该成为首页最重要的信息。信息的位置要服从这个网站现在想表达的主题。
三种内容关系,应该能一眼分清
Boloop 现在介绍自己的尝试和作品、原创 Skills,也推荐其他创作者的软件、Skills 和阅读。这几类东西不应该使用模糊的共同身份。
我的作品要让读者能打开真实案例,看到实际效果和必要说明。原创 Skill 要清楚展示它解决的任务。推荐软件则直接说明“我推荐的软件”,保留原作者和原项目入口。
这样做不需要给每行加一串标签。更有效的是先把区块标题和介绍写清楚,再让每条内容保留正确署名。一个作者字段为空时,不为了排版完整而补成站长名字;推荐别人的成果,也不因为进入我的网站就变成我的项目。
首页的主要按钮随之指向作品案例。它让“喜欢动手做”之后有一个可以继续查看的对象。资源库仍然存在,但它承担的是读者接下来的另一种需要。
个人感可以来自选择和文字
Boloop 保持文字型个人身份,没有给首页添加个人照片,也没有用生成的人像替代我。文章列表同样保持文字排列。
这使页面更依赖具体文字:我在做什么,最近发布了什么,哪些东西是自己写的,哪些来自别人。近况中的日期来自已发布内容;没有合适条目时,宁可显示空状态,也不写一个看起来一直在更新的虚构活动。
设计上,我们减少了反复出现的口号式标题、编号和卡片说明,把阅读与推荐排成更轻的列表。软件保留真实图标,避免用装饰性的“应用窗口”让读者误以为看到了产品截图。
这些选择只是 Boloop 的表达方式,不是个人网站通用的正确答案。照片、插画、网格都可以用;需要先想清楚它们在说明谁、展示什么,而不是用视觉元素替空白经历补故事。
改文案,也要检查文案之外的地方
首页标题改成“Making things with AI.”之后,只查看屏幕上的 H1 还不够。页面标题、摘要、结构化数据和分享图,也需要与新的表达一致。
我们核对了英文、简体和繁体首页,并检查桌面与手机布局。主要按钮要进入对应语言的案例目录;分享预览里也不能继续突出已经从首页撤下的旧主题。
同时,这次修改有明确的保留项:原有布局、鼠标选择高亮、指针效果和动画不因为文案调整而重做。个人表达的变化,不需要连带把已经确定的使用体验再改一遍。
这是一种很实用的约束。每次改版先写清“这次要纠正的是什么”,就容易发现哪些改动是必要的,哪些只是做设计时顺手产生的新想法。
写出自己的首页之前,先写清内容的归属
如果你的 AI 网站也看起来像一个无人的目录,可以先做一个文字检查:不看 Logo,只读首屏、区块标题和几条内容,能否回答下面三个问题?
- 这个人现在关心什么?
- 我能在这里看到他实际做的什么?
- 哪些内容是他推荐的,原作者是谁?
回答不清楚时,先改这几处,不必立即重建整套视觉系统。把宽泛的形容词换成具体活动,把“我们的产品”改成准确的创作者关系,让主要按钮对应一个确实存在的作品或内容。
这轮调整已经让 Boloop 的首页表达与我的当前兴趣一致。至于它是否会带来更多阅读或访问,还需要后续数据观察。对我而言,先完成的一步是:当读者进入网站时,页面终于能直接说清楚,我想在这里做什么。