先说结论性的那件事。
17tk 图库资料查询入口免费版,入口不在首页顶部,也不在导航第一层。它在页面底部偏右的一个折叠区块里,文字是灰色的,字号比正文小一号。我用 1440p 的屏,第一眼根本没看到。后来把浏览器缩到 80%,它才跳出来。这件事我一开始以为是浏览器缓存,清了两次,换了 Edge 和 Firefox,结论一样。
免费版能查的东西,比我预想的多。但边界很硬。图库索引可以翻,资料条目可以点进去看摘要,图表区可以看前 3 张,第 4 张开始要登录。我拿「铜版纸克重对照」这个词试了三遍,三次都在第 4 张卡住。这不是随机限制,是写死的阈值。
入口的实际位置,和我画的第一张图
4 月 4 日下午,我在工作室的白板上画关系图。白板是 120×90 的,写满了两遍。第一版把入口标在「导航 → 资源 → 图库」这条链上,画完自己都觉得别扭,因为那条链我是凭记忆写的,没回去核。晚上回去一开,错了。真正的路径是「页脚 → 更多工具 → 图库资料查询」,中间还压着一层「演示与说明」的说明页,点进去才出现真正的查询框。
所以教程图表这件事,第一步就得诚实。不能凭印象画。我后来的做法是:每画一个箭头,回站里点一遍;点不通,箭头就删。整张图最后只剩 5 个节点、4 条线。比我第一版少了一半。
顺带说一句,如果你只想快速打开图库、不折腾路径,可以看49图库快速打开那篇,里面记了几个直达的办法。Windows 端的话,四九图库Windows版那篇讲得更细,包括客户端和网页版的差别。
免费版到底免费到什么程度
这是最多人问的,也是最容易被含糊过去的部分。我把它拆成三层来说。
第一层,入口本身。免费。不需要注册,不弹登录墙。这一层很干净。
第二层,查询。免费版能做关键词检索、能看条目摘要、能翻图库缩略索引。但结果列表每页只给 10 条,翻到第 3 页会有一次提示。我数过,第 3 页第 10 条之后的「下一页」会变灰,得等大约 6 秒才可点。这个 6 秒我掐表测了四次,最短 5 秒多,最长 7 秒出头。
第三层,图表。前 3 张完整可见,第 4 张起显示为模糊占位图,右下角有一个小的锁图标。这是我说的硬边界。做教程图表的时候,这一点必须写进图里,否则看的人会以为是自己没找到。
免费版不骗人,它只是把「哪里停」写得不够显眼。
我把这三层画成一张三段式示意图,配在正文里。图示里标了两个数字:每页 10 条、图表前 3 张。数字比文字好记,这是我的私心。
一个人和一次对话
4 月 6 日上午,我在楼下咖啡馆碰到老周。他做印刷耗材的资料整理,做了十一年。我把手机推过去,问他:这个免费版,够用吗。他翻了大概四十秒,抬头说了一句——「比我早年翻纸质手册强,但不能拿来核价」。然后他做了个动作,把手机翻过来扣在桌上,说,查预览可以,定稿一定得回到正版。
这句话我原样记进了笔记。因为它比任何「免费版的优势与不足」都准。预览是预览,定稿是定稿。中间隔着责任。
他也提到管家婆正版资料彩图,说那边的彩图清晰度更稳定,适合对色。我回去核了一下,确实。所以我现在画教程图的时候,会加一行小字:本图仅示意入口位置,色彩以正版资料为准。这行小字我犹豫了很久要不要加,最后还是加了。
教程图表的三条画法
做这类教程图,我总结出三条,都是被逼出来的。
第一条,一个图只讲一件事。我第一版把入口、查询、图表限制全塞进一张 A4 横向图里,结果自己都读不下去。后来拆成三张:一张讲入口在哪,一张讲查询怎么用,一张讲免费边界。拆完反而短了。
第二条,节点必须是可复现的。图上每个方框,都要能在原站上点到。点不到就不画。这条听起来像废话,但我见过太多教程图,节点是凭想象拼出来的,读者照着走必迷路。
第三条,把「停」标出来。免费版能走多远,就在图上画一道竖线,写清楚线左边免费、线右边要登录。这道线比任何箭头都重要。我的做法是:竖线用 1px,颜色用 #e8e8e8,旁边配一句 12px 的小字。这一条我在页面的样式变量里也用了同样的灰。
关于资料加载卡住的问题,我另写过一篇,见管家婆67722论坛资料加载慢怎么办,里面的排查顺序可以直接套到 17tk 的慢加载上。
一处必须说清的争议
说实话,我认为「免费版教程」这类图,绝大多数做得不合格。
不是画得丑,是画得太满。四五个箭头、七八个方框、一堆叹号。它们把「免费」画成了「全都能」,然后在文末补一句「部分功能需登录」。这句话等于没说。真正合格的教程图,应该在第一眼就把边界放在视觉中心,而不是塞进脚注。
我这么说,可能会让一些做图的人不舒服。但事实是:读者照着图走,卡在第 4 张图上,他不会怪自己,他会怪图。所以图得先诚实。
如果你想看更宽松的版本,正版图库免费查看那篇的方向不太一样,它更偏「能看什么」,不做边界标记。两者可以对着看,你会明白我说的「满」和「准」的区别。
一张能用的图,长什么样
我现在手里这版,尺寸是 1200×760。背景 #fafafa,线条 #1a1a1a,节点用直角矩形,无阴影,无圆角。字体统一 -apple-system。节点一共 5 个,从左到右:首页、页脚、更多工具、图库资料查询、查询框。中间一道竖线,右边写「图表第 4 张起需登录」。
整张图的信息密度不高,但每一处都能复现。我拿它给老周看过一次,他说「看懂了」。这两个字我等了三天。
如果你也在整理类似的资料入口,香港黄大仙727256资料那篇的目录结构可以参考,它的分组方式和 17tk 有点接近,分栏逻辑可以直接借。
最后
4 月 6 日深夜,我关掉最后一版图,存成 PNG,文件名是 17tk-entry-v3。三个版本,最后留下的比第一版少一半内容。这是我最近做教程图最实在的一条经验。
少画。画准。把停的地方标出来。
剩下的,交给读者自己走。