申屠的成长实验室READ · THINK · MAKE

独立站拆解 / 第001期

内容与知识 · 一次性数字产品

Refactoring UI:免费设计技巧,怎样变成99美元的资料包?

从开发者的具体困扰出发,看一套设计资料怎样连接免费内容、收费交付和读者信任。

你已经免费分享了很多经验,还能把它做成产品吗?Refactoring UI提供了一个值得研究的例子:围绕同一个问题,把零散技巧整理成有明确交付的学习资料。

我最想借鉴的是它对读者的选择:会写程序、想改善界面、希望自己动手完成的人。这个描述让选题、示例和产品介绍有了共同方向。

它在帮助谁

Refactoring UI由开发者Adam Wathan与设计师Steve Schoger合作制作,教开发者改善界面设计。官网提供免费试读入口,并销售书与视频等资料。产品官网

对经营个人站的人来说,这里有一个很实用的提问:读者已经会做什么,又卡在哪一步?沿着这个问题写内容,更容易找到值得深入的主题。

免费内容怎样连接产品

Steve在个人网站介绍,他通过Twitter分享设计技巧,也在YouTube演示界面改造。这两种形式都能让读者先看到他的判断和处理方式。

据此可以画出一条学习路径:看到技巧 → 判断是否适合自己 → 查看完整资料 → 比较套餐。这解释了页面和内容如何配合;各渠道实际带来多少购买,本次未取得后台数据。

我的理解是,免费内容承担一次小规模的价值交付。读者能够先判断讲解是否易懂,再决定是否需要更完整的材料。个人站也可以先公开一个完整案例,让读者看到方法究竟怎样落地。

99美元和149美元分别买到什么

2026年9月14日,官网定价显示:基础包99美元,包含PDF书和三段视频;完整包149美元,增加组件参考、配色、字体建议与图标等资料。两档均标明另加当地税费。

在我看来,两档之间的区别是使用过程中的帮助程度:一档帮助理解方法,另一档增加动手时可以查阅的材料。给自己的数字产品分档时,也可以问:用户多付的钱,具体替他省掉了哪一步?

它怎样起步,又投入了什么

Adam在2018年12月27日的年度复盘中写到,两人在当年夏天合作,从7月到12月上线,制作几乎占据了他的全职工作时间。他负责写作,Steve承担了大量视觉工作。

同一篇复盘记载,产品上线前两周销售超过6000份。这是作者对当时销量的自述。复盘也展示了他已有的课程、文章、演讲与播客积累。

这些背景提示我,初次尝试应该把交付范围收小:先完成一个读者可以独立使用的成果,记录制作时间、理解障碍和修改成本,再决定扩展。

放到个人网站,可以先做哪一步

我给自己拟定的第一步,是选一篇已经有完整操作过程的文章,把它整理为一个可下载示例包:一份输入样例、一份完成后的结果、一张检查表,加上清楚的使用步骤。

先请有相同需求的人尝试,记录他们在哪一步停住、还需要什么帮助。这个动作可以验证资料是否真正可用,也能帮助决定后续适合卖模板、提供配置服务,还是开发工具。

本期研究带给我的问题是:我已经解决过的事情里,有哪一件可以整理成别人拿到就能开始用的成果?

参考资料

本期依据公开页面与作者复盘研究,未购买资料或体验付费交付。

← 返回独立站拆解

海外 AI 能力怎么卖?从 Skill 文件、Agent 到第一笔试单