• 欢迎加入MineBBS QQ讨论群:点击查看所有的官方讨论群
  • 我们将于近期对服务器进行迁移,服务可能中断至多2日。请各位安排好自己的访问计划,造成不便敬请谅解!
  • MineBBS入站考试已经上线!想要成为【正式会员】解锁更多功能吗?快来参与吧!【点我去看】

闲聊 如何为 MineBBS 的资源介绍做好排版?

Amaruq·Illaujaq

真的是狼嗎?

管理成员
版主
VIP
开发者
正式会员
注册
2024/02/23
消息
233
金粒
1,127.19金粒

零 · 快速入门​

作为平面设计专业毕业的狼,我时刻铭记字形与排版课导师的教诲。在做 Readme 时,时刻得注意得事项:
  • 人类听不懂狼语或犬科方言。
  • 人类不喜欢阅读文字,尤其是文字处于长篇大论,排版紧凑,信素密集的文章。
  • 人类的视觉重心不是定值,但大多人会在无意识的情况下认为横扁竖宽的设计很舒适。
  • 人类对第一印象具有沉锚效应。
在排版时时刻要注意这样的介绍是绝对无法抓住用户眼球的:
  • awugh…bwoof…wooof…awuuuuuu!
  • 超长但信素含量极低、超前卫艺术的介绍。
  • 不提炼,不排版,不格式化。
  • 一堆未经修剪的展示图挤在一起。

壹 · 基础排版​

0. 做好定位,做好标题​

目前最常见的问题,恐怕就是文章乱糟糟,标题介绍挤一起。乍一看:“这个资源介绍好长阿开发者一定很用心吧!”;再一看:“什么叫文档要自己在这一堆介绍里找?”。

是的,这是一种很常见的错误,即便开发者为介绍页编写了超长的介绍,还很细心的 “格式化” 了大量的细节,但缺跌倒在根本没做标题,用户无从下手,必须得熟练使用 Ctrl + F 来定位自己想要的内容。

即便这不算最糟糕的,也或许部分用户并不关心。但这并不意味着开发者认为这样的排版理所应当是完善的。提升用户在寻找资源时的 QoL 对于开发者能否推销自己的模组是致关重要的。

1. 适当使用排版位置​

对于部分内容,它可能本身就更适合使用居中排版。此时请不要任由它们处于居左。尤其是具备明确标题,但单行内容较少的内容。使用居中效果更好。

修改案例:

1776326974558.webp修改前
1776327131218.webp修改后

贰 · 进阶排版​

0. 不要 “图文并茂”​

有展示图是好事,如果可能的话,每个具备实机演示能力的资源都应当有展示图。

但这不意味着图片与文字混合在一起也是好的——这不是写博客或者其他文章,这是写介绍。

文字部分应当留出用户想知道的部分,而展示图应当单独开辟一块区域,例如图廊。使用表格混插图片,以及使用统一大小的图片,这将会让图像区域看起来优雅整洁,想必用户也会想看到这样一目了然的图册。

修改案例:

1776327305192.webp修改前
1776327312094.webp修改后

叁 · 品质排版​

0. 划好语句块​

由于 MineBBS 的文章系统在换行时并不会留出一些像素,这会使得多个段落即便换行了,看起来依旧拥挤。

因此,非常建议在换行后留出一个空行,让每条语句块看起来是独立的——对于真正又需要被连接在一起的多个段落,那么就不需要留出一个空,这样用户自然而然的会知道这上下文的关系。


1. 文档化格式​

经常写文档的开发者在编写 Markdown 的时候应该会有这样的习惯:为不同格式(半角/全角,例如中文与数字,中文与字母)之间留出空格。

虽然连接在一起看起来也并不会有任何问题或障碍,但如果这么做了,QoL 就会有所上升。因此依旧非常推荐这么做!

肆 · 最后​

感谢阅读到这里,同时感谢您对 MineBBS 做出的贡献!MineBBS 喜欢您来提交资源,希望您继续提交更多新资源到 MineBBS!

这篇文章还会持续跟新,补全不足的地方。如果您知道如何提升这篇文章的品质,欢迎留言!

最后,祝您今天愉快!
 
内容版权许可
CC0 1.0 版权共享
领取红包用户
Amaruq·Illaujaq Althaea MrXiaoM 晓路锅锅 雲の上に 咖啡SaMa stevei5mc 德MonteCristo Bingkler McSteve7644 (К.М.И.)
其实只需要看别人怎么写的照着抄即可 :开森:
 
我好像知道我做的构史为什么没人下了(
 
其实只需要看别人怎么写的照着抄即可 :开森:
如果模板太统一会导致审美疲劳,毕竟 MineBBS 属于公众 BBS,还是有点百花齐放的感觉比较好(

但对于实在想不出怎么写的,这也不乏是种可行的解决方案,至少比简单、零星的几句话要更好。
 
入选Minebbs年度10大必看帖子之一 :头发比心:
 

在线管理成员

在线会员

  • 小小的子沐呀
  • 黎 渊
  • 小安鱼
  • doge777
后退
顶部 底部