UI 二次元元素幻想风格与提示词

1. 文档目的

用于沉淀当前游戏的 UI / 美术方向，统一后续：

• 总览图出图
• 标题页设计
• 战斗 HUD 设计
• 强化弹窗设计
• 结算页设计
• 十元素关卡视觉延展

适用项目目录：

• H:\K_AI\2_littleGame\1.airPlane

2. 当前确认的总风格

2.1 方向结论

当前项目的美术方向，确定为：

二次元元素幻想空战

不是以下方向：

• 不是硬科技科幻
• 不是赛博朋克
• 不是仙侠修仙
• 不是中国古风玄幻
• 不是欧美厚重暗黑奇幻

2.2 目标气质

整体更偏：

• 日系二次元幻想
• 明亮通透
• 梦幻自然
• 轻冒险感
• 元素主题鲜明
• 柔和发光
• 清新华丽
• 高品质手游美术

2.3 视觉参考特征

只提炼气质，不直接复刻具体作品：

• 高品质二次元幻想冒险游戏气质
• 元素系统鲜明
• 天空、云海、浮空岛、秘境感
• UI 精致柔和，不是硬朗科技 HUD
• 色彩丰富但不刺眼

3. 风格关键词

3.1 正向关键词

• 二次元元素幻想
• 日系轻奇幻
• 元素冒险
• 明亮通透
• 梦幻自然
• 柔和发光
• 高品质手游美术
• 清新华丽
• 空气感强
• 浮空秘境
• 云海天空
• 轻魔法感
• 元素纹样
• 幻想空域

3.2 反向限制词

• 不要赛博朋克
• 不要现代科技控制台
• 不要军工科技感
• 不要重机甲硬科幻
• 不要仙侠修仙
• 不要中国古风法器
• 不要厚重暗黑
• 不要欧美写实奇幻
• 不要杂乱拼贴
• 不要低清晰度
• 不要水印

4. 视觉设计原则

4.1 场景

• 场景核心是“幻想天空秘境”
• 多使用云海、浮空岛、元素光流、天穹裂隙、空气透视
• 保持画面通透，不要压得太暗

4.2 UI

• UI 不走科技面板路线
• 面板应更轻、更柔和、更精致
• 可使用半透明柔光、细装饰边框、元素纹样
• 保持手游可读性，不要过度复杂

4.3 按钮

• 主按钮更温暖、更有亲和力
• 次按钮保持清新柔和
• 不要机械按钮、军工按钮、玻璃科技按钮

4.4 战斗 HUD

• HUD 要低遮挡
• 保持竖版空战中心区域干净
• 生命、金币、时间、技能等信息明确但不过度抢戏

5. 十元素关卡视觉方向

建议采用：

1 套统一 UI 母版 + 10 套元素配色 / 纹样变体

不建议做 10 套完全不同结构的 UI。

6. 统一总控提示词

6.1 通用主提示词

二次元元素幻想风格，日系轻奇幻美术气质，明亮通透，梦幻自然，柔和发光，高品质手游美术，精致清新的幻想冒险氛围，元素主题鲜明，色彩丰富但不过度刺眼，空气感强，云海、秘境、元素能量、轻魔法纹样，整体高级统一，适合竖版手游界面设计

6.2 通用负面词

不要赛博朋克，不要现代科技控制台，不要仙侠修仙，不要中国古风法器，不要硬核军事风，不要重工业机甲，不要暗黑压抑，不要欧美厚重奇幻，不要写实照片，不要杂乱背景，不要低清晰度，不要水印

7. 分类提示词

7.1 标题页主视觉

标准版

二次元元素幻想手游标题页主视觉，竖版构图，明亮通透的天空秘境，云海、浮空岛、元素光流、幻想空域，一架具有幻想感的飞行器或元素战翼位于画面中下部，整体像轻冒险幻想世界，色彩清新华丽，柔和高光，空气透视明显，梦幻而精致，中下部保留按钮留白区域，适合作为竖版手游主界面背景

精简版

二次元幻想风手游主界面，云海秘境，元素天空，明亮通透，梦幻轻冒险，中下部留白

7.2 战斗场景

标准版

二次元元素幻想空战场景，竖版弹幕战斗界面，玩家单位位于底部中央，场景为幻想天空秘境，带元素能量粒子、柔和云层、轻魔法特效，敌人与弹幕具有幻想元素风格，整体明亮、清晰、通透，战斗感强但不过于压抑，适合手游战斗界面展示

精简版

二次元幻想空战，竖版弹幕战斗，元素秘境天空，通透清新，梦幻战斗感

7.3 UI 面板

标准版

二次元幻想风格游戏 UI 面板，半透明轻魔法面板，柔和发光边缘，灵动但不过于仙侠，像幻想冒险世界中的元素界面，配色清新精致，边框带细致装饰纹样，整体轻盈优雅，不是硬朗科技 HUD，适合展示分数、生命、时间、金币、技能信息

精简版

二次元幻想 UI 面板，轻盈半透明，柔和发光，精致装饰边框，非科技 HUD

7.4 按钮

标准版

二次元幻想风格手游按钮，精致、柔和、清新，带轻微元素光泽与装饰纹样，圆角但不机械，像幻想冒险游戏中的交互按钮，主按钮更明亮温暖，次按钮更轻盈柔和，整体高级统一，适合叠加中文文字

精简版

二次元幻想手游按钮，柔和发光，清新精致，轻装饰感，适合叠字

7.5 强化弹窗

标准版

二次元幻想风格强化选择弹窗，像元素祝福或冒险增益界面，半透明柔光面板，细致装饰花纹，带元素能量边缘光，整体清新高级，梦幻但不幼稚，适合展示三选一强化卡片

精简版

二次元幻想强化弹窗，柔光面板，元素祝福感，精致清新

7.6 结算页

标准版

二次元幻想风格结算界面，清新精致，胜利时带柔和金光与元素粒子，失败时偏低饱和但仍保持幻想美术统一，界面优雅、干净、具有高品质手游冒险感

精简版

二次元幻想结算界面，精致清新，柔和金光，冒险游戏气质

8. 总览图提示词

8.1 总览图主提示词

二次元元素幻想空战 UI 风格参考总览图，日系轻奇幻，明亮通透，梦幻自然，十元素主题，竖版手游，美术统一，标题页、战斗页、UI 面板、按钮、强化弹窗、结算页统一设计

8.2 细化版总览图提示词

一张高完成度的竖版手游 UI 视觉方案板，主题：二次元元素幻想空战。整体气质：日系轻奇幻、明亮通透、梦幻自然、元素冒险、柔和发光、高品质手游美术。顶部是标题页主视觉，包含云海、浮空岛、幻想天空、元素光流与飞行器；中部展示竖版空战实战界面与更明确的 HUD 方案；底部展示强化弹窗、结算页、商店页、设置页、历史页；侧边或底边带十元素配色与纹样条带。整体统一、商业化、高级、清晰，不要科技控制台感，不要仙侠修仙感。

9. 当前最推荐的出图顺序

1. 标题页主视觉
2. 战斗 HUD
3. 十元素主题条
4. 强化弹窗
5. 结算页 / 商店页 / 设置页 / 历史页

10. 后续执行建议

10.1 出图时

• 先统一风格再拆细节
• 先做总览图，再做单图
• 先固定母版，再延展十元素变体

10.2 代码落地时

建议优先替换：

• H:\K_AI\2_littleGame\1.airPlane\js\runtime\title.js
• H:\K_AI\2_littleGame\1.airPlane\js\runtime\hud-renderer.js
• H:\K_AI\2_littleGame\1.airPlane\js\runtime\gameinfo.js

优先替换资源，不急着改布局。

11. 本次沉淀结论

当前项目的 UI / 美术方向已经明确：

不是科技，也不是仙侠，而是二次元元素幻想空战。

后续所有素材、参考图、Prompt、UI 拆图，都应围绕这条主线继续推进。