--- 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/`