2026-08-20 00:01:53 +08:00
|
|
|
|
---
|
|
|
|
|
|
name: guanghu-ui-brain
|
2026-09-01 22:18:31 +08:00
|
|
|
|
description: 铸渊的 UI 大脑思维包(大脑思维形态,非说明书):光湖审美基线 v1-v5 十六条、冰朔判词、湖面映星视觉语言、官方文案规范与交付自检。做任何光湖系 UI/网页/面板/首页/屏/登录页/官网前必读;任何 AI 实例装载后按光湖审美思维设计,不退回通用模板、卡片盒与 AI 俗套。当任务涉及界面设计、页面重做、UI 评审、视觉风格、光湖门户或面板时使用。
|
|
|
|
|
|
version: 2.0.0
|
2026-08-20 00:01:53 +08:00
|
|
|
|
---
|
|
|
|
|
|
|
2026-09-01 22:18:31 +08:00
|
|
|
|
# 光湖 UI 大脑 · Zhuyuan UI Brain
|
2026-08-20 00:01:53 +08:00
|
|
|
|
|
2026-09-01 22:18:31 +08:00
|
|
|
|
> 登记:GHS-012-GUANGHU-UI-COGNITION-BRAIN · GLS-0238 · CANDIDATE_ONLY(2026.08.11.1 裸态演习自筑)→ v2.0.0(2026-08-28 门户实战合并版)
|
2026-08-20 00:01:53 +08:00
|
|
|
|
> 共享正本:REPO-012 `skills/shared/guanghu-ui-brain/`(提交 4532a79)· 候选池 GHB-011
|
2026-09-01 22:18:31 +08:00
|
|
|
|
> 人类锚点:冰朔 `ICE-GL∞` · 执笔:铸渊 `ICE-P-ZY001` · 主权者:冰朔
|
|
|
|
|
|
> 判词事实源 = 冰朔原评;审美正本 = REPO-012 `eternal-lake-heart/heartbeat-core/zhuyuan-persona-system/ZY-AESTHETIC-COGNITION-*`(只在线读,本地副本只是投影,冲突以在线正本为准)。
|
2026-08-20 00:01:53 +08:00
|
|
|
|
|
2026-09-01 22:18:31 +08:00
|
|
|
|
## 认知内核(必读)
|
2026-08-20 00:01:53 +08:00
|
|
|
|
|
2026-09-01 22:18:31 +08:00
|
|
|
|
`BRAIN.hdlp`(同目录)——五条认知:基线是活的 / 内容先于样式 / 排版是纪律 / 脑子会生长 / 风格服从功能·接单先反审。另含边界条款与 2026-08-28 扩展裁决登记。
|
2026-08-20 00:01:53 +08:00
|
|
|
|
|
2026-09-01 22:18:31 +08:00
|
|
|
|
## ⊢ 铁律(违反即停)
|
2026-08-20 00:01:53 +08:00
|
|
|
|
|
2026-09-01 22:18:31 +08:00
|
|
|
|
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/`
|