Kagari (篝火) - 审美与视觉设计指南

1. 核心哲学：“篝火夜话”

Kagari (篝火) 的核心美学理念源自其名：

“在科技的喧嚣之外，重新点燃一群人围坐在篝火旁，共同讲述、聆听和沉浸于一个好故事的原始氛围。”

我们的视觉设计不追求科技感、赛博朋克或极端的“生产力工具”风格。相反，我们追求的是温暖、沉静、专注和故事感。

当用户打开这个应用时，他们应该感觉到自己正准备进入一个引人入胜的故事世界。

我们的美学由以下几个关键词定义：

我们的主要艺术风格灵感来源于《风之旅人》(Journey)、《GRIS》等氛围驱动的独立游戏。

我们的色盘是对比鲜明且和谐统一的，分为“氛围色”和“功能色”。

(注：以上色值基于 Logo 估算，可由设计师进一步精确定义。)

标准 Logo： 见 /logo/logo.svg。这是我们唯一的官方品牌标识。
使用规范：
- Logo 必须保持其原始的圆形比例，不可压扁或拉伸。
- 在深色背景下，应使用标准 Logo。
- 在浅色背景下，应确保 Logo 边缘清晰。

风格： 所有 UI 中使用的图标（例如“菜单”、“道具”、“设置”）必须遵循 Logo 的美学。
规范：
- 线条： 优先使用面性图标 (Filled Icons)，而非线性图标 (Line Icons)。
- 简洁： 形状必须简约、圆润、易于识别。
- 一致性： 保持统一的粗细和圆角大小。

字体选择： 应选择圆润、友好、易读的无衬线字体 (Sans-serif)。
推荐字体 (示例)：
- 英文字体： Nunito, Quicksand, Poppins (圆润、现代)。
- 中文字体： Source Han Sans (思源黑体), Noto Sans SC (现代、易读)。
用途：
- 标题/品牌： 可使用稍具风格化的圆体。
- 正文/UI： 必须以“可读性”为第一优先。

Kagari 的 UI 是为“沉浸”服务的。

主界面： 我们的主界面（特别是 PWA 的启动页）应该是一个动态的氛围场景。
- 构想： 以 Logo 为蓝本，实现一个全屏的、有视差滚动(Parallax)效果的篝火场景。
- 元素： 动态的火焰（Lottie/Shader）、微妙的烟火颗粒、流动的星空。
游戏界面：
- “安静”的设计： UI 元素（如按钮、面板）在不需要时应保持低调，不应喧宾夺主，抢占 AIGC 插图或剧情文本的风头。
- 面板： 角色状态、地图、线索等面板应使用深色、半透明的背景，仿佛是夜色的一部分。
- 交互： 按钮和交互元素应有微妙、平滑的过渡动画，避免生硬的闪烁。

视觉和听觉共同构成氛围。