TAROT

类型AI 互动体验｜个人作品

制作周期1 周

负责内容交互设计｜视觉设计｜前端实现

项目背景

TAROT 是一个结合 AI 解读与塔罗叙事的互动体验网站。用户提出问题后，通过抽牌和翻牌逐步获得解读，并从牌面中寻找与自身处境相关的线索。
项目尝试将塔罗的未知感和仪式感转化为线上交互，让提问、选择和结果揭示组成一段连贯的体验。

这个项目开始于一个明确的想法：制作一段足够沉浸的线上互动体验。

现有的线上塔罗产品大多采用工具式流程：用户完成抽牌后，页面直接展示固定牌意，体验很快结束。

我想制作一段更有沉浸感的线上占卜体验。用户从进入页面开始，经过提问、抽牌和翻牌，逐步进入占卜情境，并在结果出现前建立期待。

我将一次线上占卜拆分为进入、提问、抽牌、翻牌和查看解读几个连续阶段。每个阶段只呈现当前需要完成的动作，并通过画面变化衔接下一步，让用户的注意力始终停留在占卜过程里。

抽牌前保留适当等待，选牌后通过翻转和逐张揭示控制结果出现的节奏。牌面、文字和动效使用统一的视觉语言，使用户从进入页面到阅读结果都处在同一种氛围中。

最终希望用户能够感受到自己正在参与一次占卜，并对每次选择和结果产生期待，而非快速完成一组网页操作。

这个项目覆盖了体验设计、网站搭建、API 接入和线上部署。通过 Netlify 发布站点后，我进一步熟悉了从本地开发到线上运行的完整流程，也积累了强互动体验网站在动效、状态衔接和资源加载方面的实践经验。

项目接入了经过训练的 DeepSeek 模型 API，将用户的问题、抽取的牌面和生成解读连接起来。在持续调整输出内容的过程中，我也逐渐形成了对占卜类文案的判断，重点控制氛围感、想象空间和表达分寸，避免内容过于空泛或给出过度确定的结论。

目前部分页面使用了相似的渐黑转场。后续可以增加卡牌、光效和中心图形的连续运动，并根据不同阶段调整过渡方式，让整个体验的衔接更加自然。