方法论与洞察

伪央视字幕条视觉范式 v1

沉淀:2026-05-14 触发:异界气象台 minitest 字幕渲染 v1 → v4 迭代(共 7 版才命中) 关联:入场票框架_v1 · 大地之上_复用清单


一句话

伪央视字幕条的核心是”白底黑字 + 红蓝色块”四色对比,不是”半透明深色 + 白字”。

7 版迭代里前 6 版全错在凭”语义印象”做设计——“央视 = 蓝色 + 深沉 + 半透明文艺感”,但真央视新闻直播间字幕条实际是报纸级的不透明白底黑字


视觉范式三层结构

第 1 层:左上双标牌(伪频道角标)

参考真央视”新闻直播间 / 09:14”:

┌─────────────┐
│ 新闻直播间   │ ← 上:亮蓝底白字(圆角矩形)
├─────────────┤
│ 09:14       │ ← 下:白底红字(圆角矩形,仿时间块)
└─────────────┘

关键参数

第 2 层:主新闻条(横贯全宽 + 左红块)

┌──┬──────────────────────────────────────┐
│██│ 深海第七断层 · 持续低压云团 · 鲸群...  │ ← 白底黑字
└──┴──────────────────────────────────────┘

 红色正方形色块(与主条等高)

关键参数

第 3 层:滚动新闻条(白底黑字 + 比主条窄)

┌──────────────────────────────────────────┐
│ ← 明日,海族避免上浮至阳光带,反向龙骨群...  │
└──────────────────────────────────────────┘

关键参数


配色铁律

四色对比:白 + 黑 + 亮蓝 + 鲜红

用途RGB角色
主底(245,245,240)主新闻条底色
主字(10,10,10)主新闻条字色
央视蓝(40,110,195)频道标牌底色
央视红(210,30,30)时间块字色 / 播报方块

禁忌


位置铁律(手机端竖屏 9:16)

元素y 位置理由
左上双标牌y 4-12%避开右上角内容(如气象图子图)
主新闻条y 65% 中线避开抖音/快手 UI 65-92% 遮挡区
滚动新闻条y 74% 中线紧贴主条下方

为什么不能放底部 85-95%


字体选择


LLM 易踩偏差:凭”语义印象”做设计

这是核心教训。LLM 在被要求”做央视风格”时,会调用训练数据里最高频的”央视语义关联”——典型联想:

实际真央视新闻主条是白底黑字——这是 LLM 没见过真实图像时无法推理出的。

应对策略

做”伪 X 视觉风格”项目时:

  1. 第一步必须找真实截图(不依赖文字描述)
  2. 观察具体细节:底色 RGB / 字色 / 形状 / 配色比例 / 位置占比
  3. 不凭”我以为的 X 风格”做设计——LLM 的”我以为”和”真实”差距巨大
  4. 如果做了几版用户反馈不像,立刻索要真实参考图,不要继续凭印象迭代

异界气象台 minitest 7 版迭代浪费了 4 版(v1-v3.3 都是凭印象),直到 v4 用户给出参考图才命中。早索图早收口


适用边界

本范式适用于:

不适用于:


关联文档


文档版本

类型/视觉系统类型/方法论