138 lines
9.4 KiB
Markdown
Executable file
138 lines
9.4 KiB
Markdown
Executable file
---
|
||
name: guanghu-ui-brain
|
||
description: 铸渊的 UI 大脑思维包（大脑思维形态，非说明书）：光湖审美基线 v1-v5 十六条、冰朔判词、湖面映星视觉语言、官方文案规范与交付自检。做任何光湖系 UI/网页/面板/首页/屏/登录页/官网前必读；任何 AI 实例装载后按光湖审美思维设计，不退回通用模板、卡片盒与 AI 俗套。当任务涉及界面设计、页面重做、UI 评审、视觉风格、光湖门户或面板时使用。
|
||
version: 2.0.0
|
||
---
|
||
|
||
# 光湖 UI 大脑 · Zhuyuan UI Brain
|
||
|
||
> 登记：GHS-012-GUANGHU-UI-COGNITION-BRAIN · GLS-0238 · CANDIDATE_ONLY（2026.08.11.1 裸态演习自筑）→ v2.0.0（2026-08-28 门户实战合并版）
|
||
> 共享正本：REPO-012 `skills/shared/guanghu-ui-brain/`（提交 4532a79）· 候选池 GHB-011
|
||
> 人类锚点：冰朔 `ICE-GL∞` · 执笔：铸渊 `ICE-P-ZY001` · 主权者：冰朔
|
||
> 判词事实源 = 冰朔原评；审美正本 = REPO-012 `eternal-lake-heart/heartbeat-core/zhuyuan-persona-system/ZY-AESTHETIC-COGNITION-*`（只在线读，本地副本只是投影，冲突以在线正本为准）。
|
||
|
||
## 认知内核（必读）
|
||
|
||
`BRAIN.hdlp`（同目录）——五条认知：基线是活的 / 内容先于样式 / 排版是纪律 / 脑子会生长 / 风格服从功能·接单先反审。另含边界条款与 2026-08-28 扩展裁决登记。
|
||
|
||
## ⊢ 铁律（违反即停）
|
||
|
||
1. 设计前先读本包与 `BRAIN.hdlp`，再**在线读回**现行审美叶片对齐；从范式正本（如 `GLS-0257`、`HLP-*`）恢复设计哲学再落屏，不凭想象，不接受"只是好看的仪表盘"。
|
||
2. 先答内容三问：这屏放什么？不放什么？唯一焦点是哪个？答不清不许碰配色光效。
|
||
3. 接单先反审：问产品本性是什么；知识库等工具型产品不套本风格；不合适就停下直说，纠正主权者的需求是职责不是冒犯。
|
||
4. 审美事实必须实开核验（截图/预览），不凭记忆、不凭惯例、不把"AI 通病审美"当光湖风格。
|
||
5. 冰朔判词逐条即改即验，改完截图复验，不口头宣称已改。
|
||
6. 官网/对外页文案一律正式官方语言；禁口语、禁防御式边界声明刷屏。
|
||
7. 预生成整页星系图、塑料感 3D 元素、不透明卡片盒堆砌——永禁。
|
||
|
||
## 适用边界（追加式，详见 BRAIN.hdlp）
|
||
|
||
- 2026-08-11 冰朔亲立：风格严格限第五域（冰朔私域），公共频道/企业频道/公共页面一律不沿用。
|
||
- 2026-08-28 裁决扩展：`guanghu.chat` 光湖企业门户经冰朔亲自指示、逐轮评判并下令部署采用本风格，为主权者亲裁的例外扩展；其余公共/企业场景逐案回报裁决，不得据此例自行推广。
|
||
|
||
## 审美基线十六条（v1–v5）
|
||
|
||
**v1 · 八条骨架**（叶片 001）
|
||
|
||
- R1 一屏一焦点——多栏抢注意力 = 乱；页面必须能回答"重点到底是啥"。
|
||
- R2 布局必须有规律——要么对齐，要么明确分区；禁止乱放。
|
||
- R3 背景是舞台，内容是主角——大背景上不许挤小字高密度内容。
|
||
- R4 一眼看懂即美——信息到达速度本身就是审美。
|
||
- R5 暗底 + 发光光影 + 鼠标触感 + 滚动触发动态 = 偏好区。
|
||
- R6 要效果不要卡片盒——光影与动态保留，卡片式容器是消除对象。
|
||
- R7 辨识度必须高；企业白无感。
|
||
- R8 主色 = 夜的光湖色系（v2 定调）。
|
||
|
||
**v2 · 湖面映星基调**（叶片 002）：光湖不是把星空糊在屏幕上，是"星空倒映在湖面上"。底色=极深蓝紫黑（禁纯黑）；主光=淡金白星光（是"灯"不是"屏幕"）；氛围=蓝紫星云渐变（禁彩虹）；频道=星系、功能=星、模块=轨道；漂浮光斑=会呼吸的星；环形仪表=行星轨道环。
|
||
|
||
**v3 · 三课**（叶片 003）
|
||
|
||
- R9 投影原则——展示页投影真实产品与真实执行，不贴装饰图。
|
||
- R10 重量原则——宏大视觉用视频，禁浏览器重型实时渲染。
|
||
- R11 文字原则——字要少、要疏；能一句话说完不用三句。
|
||
|
||
**v4 · 内容钉**（叶片 004）
|
||
|
||
- R12 投影必须承载真实内容——美是氛围，内容是主体；真实数据必须具体、可读、有实质。
|
||
- R13 "少即是多"≠ 空——密度要高而有序；宁可密而整，不可疏而空。
|
||
- R14 泛化圆点连线图是另一种 AI 俗套——主角 + 从属 + 组织，不摊均匀点网。
|
||
|
||
**v5 · 清晰与整齐**（叶片 005）
|
||
|
||
- R15 清晰优先——正文 400 字重起步、标题 500–600；细体 300 只做极次要注脚；灰度不足就提亮。风格永远排在可读性后面。
|
||
- R16 卡片必须归位——浮面等宽、对齐、等距，禁散落式布局。氛围可以流动，内容必须站整齐。
|
||
|
||
标准范式：**湖面映星 + 实景投影 + 玻璃浮面网格**。
|
||
|
||
## 可读性底线（暗色界面，硬参数）
|
||
|
||
正文 ≥14.5px；辅助 ≥12px；字重 500 起、标签 600–700；透明度宁高勿低；精致感让位于可读性。
|
||
|
||
## 流动感与形态
|
||
|
||
- 只认两种活感：**波光粼粼**（细碎光点闪烁）与**雾光形态**（大片柔光缓移）。
|
||
- 线、光河、机械死板一律丑；禁 SVG 线/柱/拱等机械形；禁彩虹；禁纯黑底。
|
||
- 天体（如五域）必须是**大号柔光自转天体**：发光核 + 雾化表面 + 光晕 + 碎星；禁塑料感 3D 球（硬高光、暗边、镜面反射）。
|
||
|
||
## 官方文案规范（官网即官方）
|
||
|
||
- 概念解释平实说"是什么、承担什么职能、解决什么"，让外行看懂；禁口语（人话/户籍/记账/各管一摊/啥/咋/咱们/丢给）。
|
||
- 禁反复声明防御式边界（"私域不可进入"之类出现一次于备案位即止，不刷屏）。
|
||
- 一屏字数最小化；语气官方正式系统腔，禁大白话、禁鸡汤。
|
||
- 产品正名：软著登记名=光湖语言系统·通用人工智能操作平台，简称 GH-AIOS。对外首页屏中央放正式技术名大字，不放诗意意象词；HoloLake=标题栏位、光湖=世界主视觉、GH-AIOS+法定全称=底部题记位。
|
||
- 模板参考（仅参考，禁套模板）：REPO-012 `modules/guanghu-panel-kit/frontend/`。
|
||
|
||
## 设计流程（按序）
|
||
|
||
1. **读正本**：本包 + `BRAIN.hdlp` + 在线现行叶片 + 任务相关范式正本；明确这一屏在产品里的身份。
|
||
2. **反审接单**：产品本性是什么？本风格是否合适？不合适停下直说。
|
||
3. **答三问**：放什么 / 不放什么 / 唯一焦点。
|
||
4. **造世界**：背景全生成（星野碎光 + 雾光 + 湖面呼吸），连续到页尾；不贴静态大图。
|
||
5. **放内容**：内容坐玻璃浮面（半透明、背景光透上来），等宽对齐；投影必须是真实状态/真数据。
|
||
6. **加活感**：碎光闪烁、雾光缓移、滚动显现、指针触感辉光；respect `prefers-reduced-motion`。
|
||
7. **正文化**：全部文案过官方语言扫描（口语词、第二人称、防御式声明清零）。
|
||
8. **自检 → 预览 → 呈判**：过下方清单，本地预览截图核验（桌面+移动 390），交冰朔判；判词逐条改、改完复验。
|
||
|
||
## 交付前自检清单
|
||
|
||
```
|
||
- [ ] 一屏一焦点，能一句话说出主角
|
||
- [ ] 无纯黑底；主色淡金白单一强调，无彩虹多色乱点
|
||
- [ ] 背景生成连续（碎光/雾光），无静态贴图背景
|
||
- [ ] 无卡片盒堆砌；浮面半透明、等宽对齐等距
|
||
- [ ] 投影承载真实内容，无演示数字冒充事实
|
||
- [ ] 字：正文≥14.5px、辅助≥12px、字重500+
|
||
- [ ] 文案：官方正式、无口语、无防御式边界刷屏
|
||
- [ ] 产品名位置正确（正式名大字居中/题记位）
|
||
- [ ] 动效：碎光+雾光形态，无机械线形；reduced-motion 有降级
|
||
- [ ] 天体/球形元素为柔光自转，无塑料高光
|
||
- [ ] 实开截图核验过（桌面 + 移动端 390 宽）
|
||
```
|
||
|
||
## AI 通病对照（见到自己正在做，立即换路）
|
||
|
||
| AI 俗套 | 光湖做法 |
|
||
|---|---|
|
||
| 不透明深色卡片盒层叠 | 玻璃浮面，世界背景连续透出 |
|
||
| 整页预生成科幻贴图 | 全生成：canvas 碎光 + 雾光 + 湖面呼吸 |
|
||
| 塑料感 3D 球（硬高光暗边） | 柔光天体：发光核+雾化表面+光晕+碎星，缓慢自转 |
|
||
| 均匀圆点连线图 | 主角+从属+组织；等级靠大小与光，不靠线 |
|
||
| 细体小字"精致感" | 字大字重，清晰优先 |
|
||
| 多强调色混战 | 淡金白单一强调定调 |
|
||
| 口语/营销腔文案 | 官方系统语言，平实解释概念 |
|
||
| 堆满防御式免责声明 | 边界说明备案位出现一次即可 |
|
||
| 一屏塞尽所有信息 | 一屏一焦点，深度分层（展开/子页） |
|
||
| 凭惯例评美 | 实开截图，以冰朔原评为准 |
|
||
| 工具型产品硬套仪式感 | 先问产品本性；知识库类要安静清晰高效 |
|
||
|
||
## 呈判与生长
|
||
|
||
- 呈判格式：先说这屏的主角与结构决策，再给截图（桌面+移动），再列拿不准的点。
|
||
- 冰朔两层判：先风格后位置；逐条纠（布局/线条/语气），期望即改即验。
|
||
- 冰朔每一次纠正/过关/打回，写进 `references/experience-receipts/` 喂养脑子；沉淀出普遍性的认知，提请推回 REPO-012 成为新叶片（v6、v7……），旧版保留。
|
||
|
||
## 深入参考
|
||
|
||
- 基线五篇全文、判词时间线、产品正名、门户判词：[baseline-detail.md](baseline-detail.md)
|
||
- 实现模式（碎光星野/雾光/玻璃浮面/柔光天体/湖面呼吸 代码范式与色板）：[implementation-patterns.md](implementation-patterns.md)
|
||
- 经验回执（生长记录）：`references/experience-receipts/`
|