璀璨宝石


Intro

作为一名一直很喜欢《璀璨宝石》的玩家,我希望在保留其核心玩法与熟悉体验的基础上,打造一套更符合自己审美与想象的版本。因此,我将原有主题重新构想为魔法奇幻世界,把宝石设定为魔力与交易媒介,并重新设计卡牌中的建筑、器物、生物与角色,同时统一卡面视觉、插画风格与信息层级,让整套游戏拥有更加完整、鲜明的世界观与视觉体系。

What I did

Illustration, AI, Coding

Year

2026


Process

从原版机制到魔法世界

我没有直接从“画一套卡牌”开始,因为首先需要了解规则才能确保设计的合理性。我先拆解《璀璨宝石》原本的颜色、等级、成本和分值体系,再在不改变核心玩法的前提下,为它重新建立一套魔法世界观。五种宝石分别对应不同的魔法属性与题材,例如植物、大地、水、寒冰、火焰、圣器与神秘学等;再根据每张卡牌的颜色、成本与价值,为它匹配相应的魔法物品、建筑、生物或传奇事物。

不同分值之间并没有被严格划分成固定类别,但我会有意识地让高价值卡牌在题材和视觉上显得更加稀有、宏大或具有传奇感。

用规则控制插画一致性

为了能够稳定地制作一整套卡牌,我先定义了一套严格的插画规则,避免完全依赖 AI 的随机生成。我统一了每个颜色体系的色板、1:1 构图、主体比例、几何角度、块面数量、描边方式、透视规则以及背景复杂度,并通过 Prompt 将这些限制固定下来。

AI 在这里更像一个执行工具:我负责定义题材、构图方向和视觉规范,再通过生成与迭代,把这些规则应用到几十张不同的插画中。

重新设计卡牌 UI

插画完成后,我又重新设计了整套卡牌 UI,并在 Figma 中建立统一的卡牌模板、宝石组件和费用组件。除了调整信息层级和卡面布局,我还修改了原版宝石费用的呈现方式:所有费用都按照固定的宝石顺序排列,而不是根据每张卡所需颜色动态改变位置,从而避免同一种宝石在不同卡牌中时而靠前、时而靠后的情况。

这样的处理让玩家在大量浏览和比较卡牌时,可以更快建立固定的视觉位置记忆,也让整套卡牌在视觉上更加统一。


Outcome