游戏资讯站的配图与排版：三个来源与四个细节

一、游戏资讯站的图比字重要

同样一条新闻，带图的打开率明显高于纯文字。

但游戏图片有两个麻烦：版权与尺寸。

二、图从哪里来

一、官方素材包。 大多数游戏公司提供 press kit，包含 logo、角色立绘、场景图。这是最安全的一类。

二、自己截图。 只能用于已上线的游戏，而且最好标注来源。

三、AI 生成。 适合配图、概念图、榜单底色，不适合用在需要真实画面的地方。

三、尺寸与裁切

游戏截图往往是 16:9 的横图，而资讯站的列表卡片多是 4:3 或 1:1。

直接缩会丢主体。我的做法是：截图时就栍好构图，主体放中间，两边留出可裁空间。

四、排版上的三个细节

1. 卡片里标题最多两行，超了就截。

1. 图上叠字要加遮罩，否则浅色背景完全读不清。

1. 标签用颜色区分类型（新游、更新、测评），别靠文字堆。

五、用组件库减少返工

很多排版问题是因为容器没想清楚。比如图片放在卡片里，内容一多就挤。

Bootstrap 组件实验室 把卡片、轮播、徽章、模态框这些组件都做成了可交互示例，基于 5.3.8。你直接往里面填游戏截图，就能看出真实效果，比在设计稿里猜靠谱。

六、一个内容上的提醒

不要用别人的实机截图冒充自己的测评。

游戏圈子很小，很容易被认出来。而且一旦被发现，以后写什么都没人信。

七、一个效率技巧

同一个游戏的多篇内容，可以共用一套素材：一张主图、三张细节图、一个 logo。

先建素材夹，写稿时直接调用，比每次都重新截图快。