跳到内容
全部消息
1 分钟阅读

Hana Games 的新家

我们从零重建了工作室网站。为游戏准备更暗的舞台,一个有意义的红色,以及能扛住二十种语言的字体。

Hana Games 的新家

Hana Games 有了新网站。不是刷一层漆,我们把它拆到骨架再装回去。

为什么

说实话?因为旧的太丑了。

它变得又重又灰。看起来像个模板。它对我们每天投入的游戏只字未提,而我们 几个月来一直在打补丁,不肯承认这一点。到了某个时候,诚实的做法就是从零 开始。

颜色

网站刻意接近全黑。Ink(#08080a)到处都是背景,面板后面是稍亮一点的 surface(#101013),这样画面永远是屏幕上最亮的东西。

然后只有一个红色:#e20c17。它用得很少,而且总是那几件事:区块标签、主 按钮、标题下的一条短线。当周围都安静时,一个红色就足够说 看这里。

文字是偏白的,我们叫它 paper(#f4f3f1),而不是纯白,纯白在暗屏上会 刺眼。次要的灰色保持得足够亮以便阅读,因为网站通常就是在灰色文字上失去 读者。

字体

标题用 Archivo 的粗字重,全大写,行距压得几乎贴在一起。它是一款带点 工业棱角的 grotesque,适合靠造世界吃饭的人。

小标签用同一字体配极宽的字距,而不是第二种字体。这是省事的做法,却让整个 网站像一件东西。

正文是中性的无衬线体,选它的理由很无聊:它必须扛住二十种语言而不散架。

形状

切角,从不圆角。听起来不算什么,但正是这个细节让网站像我们的:是在向街机 面板和印刷海报致意,而不是向软件致意。

装饰正好两个:一层细的技术网格,以及我们标志里的棋盘格。没有投影,没有 毛玻璃,也没有假装是光的渐变。

动效

几乎没有。标题下会画出一条线。海报每隔几秒翻一次。标志可以抓住并旋转, 因为三维标志好玩一次。其他一切都静止,而向系统要求减少动效的人一点也 不会看到。

还有游戏

游戏排在第一位,这才是重点。工作室、新闻、这个页面,全都排在后面。

  • 工作室
  • 网站