设计考量|Design Considerations

玩家将花费大量时间阅读故事文本,因此他们理应获得精心设计的体验。但这并不意味着体验必须始终舒适。Cara Ellison 的《亵渎》采用灼目的紫色背景搭配亮黄色链接,鼠标悬停时变为绿色,这一切都服务于其内容。《亵渎》的故事部分涉及夜店的感官过载,因此文本本身对玩家感官造成某种程度的过载恰如其分。1

所幸人类设计阅读体验已有数百年历史,关于如何优雅运用字体的智慧积淀颇丰。

  • 如果你刚接触排版,最好的起点是 Matthew Butterick 的《实用排版》。Butterick 的观点有时显得固执且带点贵族气,但他的基本理念是可靠的,并且他认真对待自己网站名称中的实用部分。

  • 耶鲁大学网页风格指南中关于排版的章节也值得一读,尽管它主要面向需要从头构建页面的网页设计师和开发者。

  • 如果你发现自己对排版真正产生了兴趣,值得找一本《排版风格要素》来读。

选择颜色也涉及一种奇特的科学。

  • 如果你从未接触过色彩理论,不妨从阅读 Rune Madsen 的《编程设计系统》中关于配色方案的章节开始。书中使用了名为 Processing 的编程语言代码示例,但你可以大致浏览即可。如果你对这个主题产生了兴趣,可以继续阅读Madsen关于色彩的其他部分。
  • 可汗学院提供一门关于色彩科学的免费在线课程,内容涵盖我们的眼睛和大脑如何感知色彩,以及用于表示色彩的不同颜色模型。
  • 没有什么能替代亲手尝试调配色彩。在这方面,或许最好的在线工具是 Adobe Color CC,它虽然略显陈旧,但依然实用。
  • WebAIM 提供了一个对比度检查器,确保你设计的配色方案能为视力不佳的玩家提供足够的对比度。你的颜色搭配应通过 WCAG AAA 标准的普通文本要求。
1. 试着玩一下,哪怕只是一小会儿,然后再回到普通网站那种单调的白色背景上。你会看到残影。

results matching ""

    No results matching ""