Behind the Guide / Site Note

为什么《黯井微光》攻略看起来像二十年前的网站

外观保留传统攻略站的阅读方式,底层仍然是一套现代网站。

现代攻略网站通常有一套很成熟的设计方式。

大图、卡片、清晰的分类、响应式布局,以及越来越简洁的导航。

这些设计没有问题。

但在准备《黯井微光》攻略时,另一种已经很少见的网页形式重新变得有吸引力:

二十年前的中文游戏专题站。

那些网站按照今天的设计标准来看并不精致。

页面通常很窄。

左边是一长串目录。

章节标题可能只是醒目的红色文字。

攻略正文里夹着尺寸并不大的截图。

Boss、道具、魔法、地图,经常直接整理进彩色表格。

页面最下面甚至只是非常简单的:

“上一页|目录|下一页”

没有复杂动画。

没有占据整屏的 Hero。

也没有每隔几段内容就出现一张巨大的卡片。

但这种结构有一个非常直接的优点:

打开页面以后,很快就能知道这里到底有什么。

左侧从系统介绍一直排到流程攻略、地图、Boss、隐藏内容和收集要素。

目录甚至会显得有一点密。

但正因为这种密度,玩家在进入专题的第一刻就能形成一个非常明确的判断:

“这款游戏的资料都整理在这里。”

现在很多网站为了视觉简洁,会把越来越多的信息藏起来。

三个入口做成三张大卡片。

更多栏目收进二级菜单。

一屏只保留极少的内容。

作为普通网站,这可能更加现代。

但攻略站未必一定需要这样。

当一款游戏本身就包含大量地图、Boss、道具和隐藏内容时,信息很多并不需要被刻意隐藏。

攻略站真正需要解决的,是怎样让这些信息虽然很多,却依然容易找到。

因此,《黯井微光》的攻略会尝试重新采用一些传统专题站的设计方法。

例如固定在左侧的完整攻略目录。

明确而直接的文字链接。

以及:

★ 主线流程
◆ 重要收集
※ 注意事项
→ 下一步

正文也不会全部变成现代卡片。

流程攻略会继续以文章为主体,让游戏截图自然穿插在文字之间。

能够使用表格讲清楚的内容,例如 Boss 信息、道具位置、获取条件,也会直接使用表格。

页面底部则重新使用最简单的:

“上一页 / 目录 / 下一页”

这些元素保留了一部分传统攻略站的阅读方式。

当然,这并不意味着真的重新制作一个二十年前的网站。

字体不会小到难以阅读。

页面不会固定在只能适配旧显示器的宽度。

手机上,左侧长目录会收进独立的攻略菜单。

图片会自动适应屏幕。

宽表格可以单独横向滚动,而不会撑坏整个页面。

SEO、响应式、HTML 结构以及加载性能仍然按照现代网站的方式实现。

所以这套设计更准确的描述应该是:

“外观保留传统攻略站的阅读方式,底层仍然是一套现代网站。”

这套主题被命名为:

GAME NOTE CLASSIC

它并不只是为了怀旧。

更重要的原因是,这种网页结构本身就非常适合长篇游戏攻略。

当一个游戏拥有大量区域、Boss、收集和系统内容时,攻略站有时候就应该明确告诉玩家:

“这里的内容很多。”

同时也让玩家相信:

“想找的东西应该就在这个目录里。”

这种确定感,也是攻略体验的一部分。

《黯井微光》将作为第一款使用 GAME NOTE CLASSIC 的攻略。

它同时也是 GAME NOTE 从早期独立攻略子站,开始进入统一游戏目录结构后的第一批新内容之一。

新的技术结构,配上一种很旧的阅读方式。

也许这正适合一份游戏攻略。

参考链接