WUYUN LIUQI

五运六气可视化演示站

零登录零服务器先做可看懂

首页先回答三件事

今年是什么气候主轴、某一年怎么查、术语到底是什么意思。

这一版 demo 不再做“工作台式首页”,而是直接把今年总览放到首屏,再给一个年份查询入口。用户第一次打开网站,就能先看懂,再决定要不要继续深入。

1 个首页

默认先看今年

打开网站直接进入当年总览,不让用户先被注册、输入和排盘逻辑拦住。

1 个查询框

任意年份直达

用户输入公历年份后,直接跳转到对应详情页,适合演示、传播和 SEO。

10 个术语

先做高频解释

术语先做少而精的版本,建立第一层认知,不急着做成大而全的知识库。

今年总览 Demo

首页默认直接展示当前年份的可视化结果

这里用真实年份结构做演示,帮助你先确认视觉表达和信息层次是否符合预期。

2026 年 · 丙午

水运太过 为中轴,少阴君火 司天,阳明燥金 在泉

这一页把 2026 年的五运与六气拆成“总览、时间轴、当前观察点、术语入口”四层,让初学者先看懂结构,再逐步进入细节。

岁运

水运太过太羽

司天

少阴君火上临之气

在泉

阳明燥金下见之气

当前步位

初之运 / 二之气默认观察点

默认观察点

按上海时间 2026 年 3 月 25 日观察

惊蛰后阶段,前一节为 惊蛰,后一节为 清明。

可视化总览

先用两个环图建立“年中结构感”

五运看五步轮转,六气看六步加临。第一版先用最容易理解的环形总览把关系立住。

五运初之运

当前五运

初之运01/20 - 04/02

主运 少角

客运 太羽

初之运01/20 - 04/02
二之运04/02 - 06/15
三之运06/15 - 08/29
四之运08/29 - 11/11
终之运11/11 - 01/20
五运五步完整时间轴点击展开 5 个阶段的细步说明
初之运
01/20 - 04/02

主运 少角

客运 太羽

二之运
04/02 - 06/15

主运 太徵

客运 太角

三之运
06/15 - 08/29

主运 少宫

客运 少徵

四之运
08/29 - 11/11

主运 太商

客运 太宫

终之运
11/11 - 01/20

主运 少羽

客运 少商

六气二之气

当前六气

二之气03/20 - 05/21

主气 少阴君火

客气 厥阴风木 · 司天右间

初之气01/05 - 03/20
二之气03/20 - 05/21
三之气05/21 - 07/23
四之气07/23 - 09/23
五之气09/23 - 11/22
终之气11/22 - 01/05
六气六步完整时间轴点击展开 6 个阶段的细步说明
初之气
01/05 - 03/20

主气 厥阴风木

客气 太阳寒水 · 在泉左间

二之气
03/20 - 05/21

主气 少阴君火

客气 厥阴风木 · 司天右间

三之气
05/21 - 07/23

主气 少阳相火

客气 少阴君火 · 司天

四之气
07/23 - 09/23

主气 太阴湿土

客气 太阴湿土 · 司天左间

五之气
09/23 - 11/22

主气 阳明燥金

客气 少阳相火 · 在泉右间

终之气
11/22 - 01/05

主气 太阳寒水

客气 阳明燥金 · 在泉

当前观察点

把“上临、中运、下见”翻成普通人能读的话

这里不追求一次讲完所有理论,而是先把当年最关键的三层关系讲清楚。

丙午 年度总判

先立上临少阴君火、中运水运太过、下见阳明燥金的三层结构,再看这一年偏于太过、不及,还是出现趋平之机。

  • 太过之纪:仍以岁运偏性为主读全年
  • 年度格局:常格
  • 上临 少阴君火,中见 水运太过,下见 阳明燥金。先按三层气化关系立年,再回到各步时段理解上下承制。

二之气 · 客主加临

03/20 - 05/21 · 主气 少阴君火

  • 客气 厥阴风木
  • 客气木生主气火,属于客生主,气机较和,宜先看其相生承接。
  • 本步为司天右间,是上半年走向司天之前的过渡段,重点看当前客气如何承上启下。

这一页的用途

先把年度结果看懂,再决定要不要进入更深层的推演或专题学习。

  • 适合首页默认展示今年总览
  • 适合按年份生成独立页面,方便分享和搜索
  • 适合后续叠加术语悬浮解释与专题文章

术语入口

首批只做高频术语,让用户先跨过门槛

术语页后面可以继续扩展,但 demo 阶段只做“最常被问到”的内容,先验证表达方式。

五运

主运

主运是一年五步运的基础骨架,相当于全年五运的固定节奏。

页面里先把主运放在每一步的第一行,再叠加客运,让用户知道“底盘”和“变化”不是一回事。

五运

客运

客运会跟着年份变化,是读出“这一年为什么不同”的关键线索。

第一版先让用户能看出每一步的客运名称和五行色彩,先建立直觉,再进入复杂判断。

六气

主气

主气是一年六步气的固定次序,像六气的内圈骨架。

在六气时间轴上,主气负责给用户稳定参照,避免一看到客气就失去方向。

六气

客气

客气决定这一年各步的加临变化,是年度差异最直观的来源之一。

demo 阶段先解决“看懂每一步客气是谁”,后续再细化顺逆、相得与病机提示。

六气

司天 / 在泉

司天与在泉是年度六气框架的上下坐标,决定读图的整体方向。

页面里把它们放进首屏关键卡片,让用户先抓住年度主轴,再去看时间轴细节。

关系

客主加临

客主加临就是主气与客气叠在一起之后,这一步到底呈现什么关系。

这是最适合后面继续做成可视化动画或交互卡片的模块,所以在 demo 里提前预留了位置。

这只是首页中的一个年度展示区块。完整的年份详情页可以从 这里继续查看

研发规划

这次 demo 先锁住范围,再逐步放大

先把“可看、可查、可讨论”的版本上线,确认方向后再进入登录、数据库和内容后台。

Phase 1

演示版上线

先做一个能访问、能截图、能讨论方向的版本。

  • 首页默认展示今年总览
  • 年份详情页可直达
  • 首批术语卡片
  • 接入免费部署
Phase 2

轻量内容扩展

在方向确认后,补更多术语页和专题页。

  • 10 个核心术语详情页
  • 3 到 5 篇入门专题
  • 术语联动入口
  • 页面 SEO 完善
Phase 3

用户能力增强

等基础表达成熟后,再考虑登录、收藏和个性化。

  • 邮箱登录
  • 收藏与最近查询
  • 个人笔记
  • 数据库接入

先少操作

当前阶段坚持单项目、单次部署、单一域名接入,不引入额外服务器和复杂运维。

先强感知

每一轮都优先给出可访问页面和截图,而不是只给抽象结构图和文字说明。

先讲人话

页面里的每个模块都优先用白话解释,再逐步叠加专业术语和更细的理论层。