World Map 品牌 VI 的两组系统试作
将“开口”和“光影”从入口推成可以共同使用的识别资产与应用，观察一个品牌解释怎样影响图形、字体、色彩和编排，并在不同内容任务中保留关系。两组样稿用于决定继续深化的方向，Hero 是其中的开篇应用。
置信度：★★★☆☆（本项目试作）。关系解释、调性和规则是设计候选；屏幕检查与观看反馈分别记录。
场景与本轮问题
入口探索从品牌立场提出四类入口，本轮选择边界中的开口、随观看改变的光影。两条路线都以“建立自己的理解”为临时主句，使用 World Map 名称、基石与三个阅读入口，以及肌理和色彩两篇真实内容。
本轮的主要未知是：入口能否生成一组相互支持的设计决定，并在开篇、章节和阅读中承担不同任务？每组制作主视觉、两张章节封面、正文开篇和资产总览。首页实现属于后续应用步骤。
| 方法 | 在本轮的角色 |
|---|---|
| H3关系迁移与H6职责分配 | 将现象中的关系带入图形与版式，分别安排归属、表达和阅读 |
| A5字体与A6颜色配套 | 用真实文字建立角色，通过颜色的面积与邻接组织画面 |
| E1表达模式 | 同一关系进入不同任务时，改变出现位置、强度与实现 |
| 资产推导与协调 | 区分直接生成、共同目标下配套、应用中的适配 |
边界与开口的推导
品牌解释候选：清楚地形成判断，同时为继续探索留下入口。性格暂试明确、有张力、开放；体验目标是先读到完整场域，随后注意两侧之间显露的空间。
先选择两块完整色面及其相邻边界。改变局部边界后，空处成为可见关系；一条浅色内侧增加层次。两侧的轮廓与间隔共同生成图形，色面、空处和内侧各有职责。当前采用平面表现，侧面色带是图形设定。
| 推导位置 | 本轮决定与理由 | 关系类型 |
|---|---|---|
| 图形 | 共用两侧场域、连续边界与内侧提示，改变边界弯曲程度和取向 | 由生成规则直接产生 |
| 名称签名 | 用完整 World Map 排字作为临时归属候选，大小版本保持同一配置 | 为识别任务选择 |
| 字体 | 无衬线标题通过字重与间隔建立明确声量；正文维持连续阅读，索引用等宽候选 | 共同目标下配套 |
| 色彩 | 蓝色承担主体场域，黄绿色承担内侧提示，浅底和墨色承担内容 | 与图形及阅读联合配置 |
| 应用 | 开篇给图形完整空间；章节改变边界；正文将关系转成分隔线中的间隔 | 依任务适配 |
浅色候选为内容底 #f3f0e8、文字 #252932、主体蓝 #293ccf、内侧黄绿 #d1df91。深色模式另配内容底、文字和图形色，角色保持。色值限定到本轮屏幕样稿。
图形的三个状态使用边界深度系数 0.38 / 1 / -0.72 与不同取向；这些是画面控制参数。系数改变中央转折，生成收窄、展开和反向候选。章节主题与图形参数的对应尚未制定。
对象与光影的推导
品牌解释候选：观看的条件会参与理解，人的参与能够让关系发生变化。性格暂试好奇、细致、沉静；体验目标是先注意不同投影，再辨认它们共享的对象。
先设计一个带内孔的非对称闭合对象，再以三个固定方向产生偏移副本。形态保持，偏移程度变化；颜色与交叠让副本间的关系显现。当前是屏幕上的图形叠合，浅色使用 multiply、深色使用 screen；光学装置的机制保留在参照作品中。
| 推导位置 | 本轮决定与理由 | 关系类型 |
|---|---|---|
| 图形 | 对象的外轮廓与内孔保持，三个投影方向保持，整体偏移幅度可以变化 | 由生成规则直接产生 |
| 名称签名 | 共享完整名称排字，使本次比较保持同一归属候选 | 为比较及识别任务选择 |
| 字体 | 宋体标题候选带来细部与停留感，正文继续用无衬线，索引维持等宽角色 | 共同目标下配套 |
| 色彩 | 蓝、红、金三色参与交叠，深色正文与稳定内容底提供参照 | 与图形及阅读联合配置 |
| 应用 | 开篇把图像置于左侧；章节把标题放到图像之前；正文将图形收为局部标记 | 依任务适配 |
浅色投影候选为 #6578b5 / #c87b70 / #d7af58，每层透明度 0.8。三方向偏移的原始参数为 (-26,-16) / (15,7) / (52,35)，三个状态的整体幅度为 0.72 / 1.1 / 1.5。这些参数属于原创图形构造；深色外观配另一组投影颜色。
字体配套与资产边界
名称签名先用 Arial 等无衬线排字候选。开口组标题请求 PingFang SC 等系统无衬线，光影组请求 Songti SC 等宋体；两组正文请求系统无衬线，索引请求 Menlo 等等宽字体。样稿使用本机字体，跨平台替代后需重新看字形、密度与换行。
标题字体、图形、配色和编排同时变化，本轮比较针对整组。后续若需要判断某种字体的贡献，可以保持其他关系，单独互换标题字体。正文、签名和辅助图形各自保留任务，正式字标及独立识别继续深化。
实际发现与修改
初稿的开口延伸主要依靠缩放和旋转。 两张章节封面分别摆放同一完整图形，范围偏窄。修订增加不同边界深度与方向，检验生成能力；正文退出完整图形，以分隔线中的间隔承接关系。这项转译需要观看者继续判断能否与主视觉形成联系。
两组初稿的编排过于接近。 修订让光影组的开篇图像与文字左右关系改变，章节标题先出现；开口组保留标题与主体场域的并置。两者进入不同配套，比较结论先归属整体版本。
窄幅长标题没有溢出，却出现单字行。 首次几何检查通过，人工观看发现句末被挤到孤立的一行。修订保持两条语意短句，按长标题条件改变标题尺度，正文尺寸保持；三入口的标题与说明在手机上统一上下排列。随后补查两条短句各自完整占一行。
整组观看与局部检查需要切换。 样稿提供系统总览、识别资产和主视觉三种观看方式，以及长标题输入。它们是工作台中的比较条件，品牌应用保留自己的内容和行动入口。
当前判断与下一轮
本轮完成32个屏幕状态检查：两组 × 系统总览/识别资产/主视觉/长标题主视觉 × 736或320 CSS px × 浅色或深色。未检测到横向溢出、文字越出当前样稿、可见图形画布空白或脚本错误；长标题的两条短句分别完整占一行。机器记录见屏幕检查。这些检查支持当前内容与显示条件的几何表现。
人工复查了两组宽幅应用、资产总览以及窄幅长标题和深色样本。场景及长标题状态经本地渲染路径检查，对话宿主的设计控件随实际使用继续观察。
当前可以分别复现两组图形，资产各有任务，并制作出不同内容的联合样稿。系统生成与布局检查支持继续探索；品牌感受、共同归属与独特辨认由观看反馈进一步检验。
2026-10-12，用户初步肯定本轮样稿，并指出过于平面，希望加入肌理与质感，让Hero像背景、底纹一样提供视觉冲击与设计感。反馈支持继续深化已有关系，下一步先讨论表面机制和背景构图，再进入制作。
从图形配套进入背景与表面
新的表达目标：把边界、开口或投影关系扩展成整个Hero的视觉环境，表面、深度与光共同参与观看。主视觉图形可以放大、越出画幅、只显露局部，文字在其中取得清楚区域；完整识别与章节小图另有自己的版本。
| 表面候选 | 与已有关系怎样连接 | 可见线索与主要取舍 |
|---|---|---|
| 哑光表层与显露的内侧 | 开口改变完整表面的边界，显露另一层 | 宽缓受光、局部厚度、内侧阴影和细颗粒共同交代质地；检查是否仍有有力的大结构 |
| 半透明层面的透叠 | 同一对象在不同位置产生交叠与显露 | 重叠区域、清晰与柔和边缘、透光及细密表面共同工作；检查整体是否仍可辨 |
| 有方向的反光表面 | 方向和朝向参与明暗变化，局部转折获得强调 | 细纹方向、亮带、暗面与边界配合；作为偏精密的候选，检查反光是否压过内容 |
本项目优先试作哑光表层与内侧，半透明透叠作为对照。表面可以采用虚构数字材料设定，选择依据是它对品牌经验的贡献。实际材质名称、物理制作和触感分别处理。
沿肌理范式先写出设定：致密的哑光表层经局部开启，边界保留，内侧显露；呈现一个已经形成的静态状态，以同一柔和侧光组织明暗。原蓝色承担外部场域，黄绿色集中在显露的内侧，具体参数随受光与阅读比较调整。
| 尺度 | 下一张样稿先处理什么 |
|---|---|
| 大尺度 | 用越出画幅的表面与一次明确开口建立冲击和方向；先在无细节灰度稿中检查 |
| 中尺度 | 建立边缘厚度、局部起伏、内外衔接及统一受光，决定深度从何处被读出 |
| 微尺度 | 加入有分布的细颗粒或细纹，让细节附着于表面及生成关系 |
文字区延续同一表面，减弱高频细节和突变；主要明暗、纹理与边界变化集中在开口附近及背景展开处。背景具有自己的力量，阅读区域按内容任务安排。主句、解释和行动需要在正常观看尺寸下共同成立。
下一轮先比较背景构图与灰度深度，再加入所选表面和颜色，保留每一步的小稿。观看时分别检查视觉冲击、表面与受光连贯、标题和入口阅读，以及与章节和正文的共同关系。当前32个屏幕状态属于平面版本，背景与肌理版本完成后另留检查及反馈。
开口方向的灰度空间试作
2026-10-12，沿上述方向制作背景与叠字样稿。本轮只深化开口路线，先检查大尺度构图与中尺度深度。采用内置 image_gen 工具生成原创位图，旧Hero只作为关系参照；标题、说明和阅读入口由HTML排版，图像没有烘焙文字。首页尚未接入这套样稿。
推导链是：连续场域中的局部开口 → 表面越出画幅 → 通过边缘厚度、遮蔽与受光读出内侧 → 在同一场域中安排阅读区域。灰度暂时承担表面、内侧和文字的明暗职责，原来的蓝与黄绿留到配色阶段。
| 决定 | 在这一轮解决什么 | 仍需判断什么 |
|---|---|---|
| 取消完整图形的外轮廓，让两侧表面越出画幅 | 将局部识别图形扩为背景，靠裁切形成尺度 | 这片场域是否有足够冲击，是否需要更强的局部起伏 |
| 保留一次主要转折，用斜面和内侧阴影呈现厚度 | 让深度有可见依据，避免只靠渐变制造立体印象 | 边缘、内侧和光线是否连贯，是否被读成另一种对象 |
| 标题落在安静表面，开口承担主要明暗变化 | 让背景的力量与阅读共同成立 | 品牌解释能否通过整体经验传达，继续由观看反馈检验 |
| 宽屏左右分配，窄屏把主要开口移到文字下方 | 按可用空间重新安排视觉关系 | CSS裁切与渐隐只是本轮适配，后续可制作专用窄屏构图 |
图像已经带有少量细颗粒，这是生成结果中的细节，本轮尚未定义颗粒的尺度、方向和分布规则，不能据此认定肌理体系已完成。表面被设定为虚构哑光数字材料；它没有具体物料与制作工艺的对应。当前也没有可复现这套曲面家族的几何模型，位图负责验证视觉方向。
本轮检查与修正
检查1440、736、390、320像素宽的四种布局：背景加载、水平溢出、文字边界、标题换行和行动入口与底部导航的位置。四种布局通过，两个标题短句各占一行，无页面脚本错误。另查看四张截图，去掉压在暗面上的顶部小字，并将窄屏背景的硬截断改成阅读区域中的渐隐。检查记录见屏幕检查；这不等于实际用户的阅读或品牌识别测试。
本轮可复用的启发是：先保持核心关系，改变它在画面中的尺度和裁切，再让厚度、受光与细节分别承担可读的职责。适用于已有图形需要扩为背景或主视觉的情况；如果题材要求明确物料辨认，还需要加入该物料的独特线索，并测试是否一眼可辨。
下一轮的主要未知是表面语言：在当前大结构上试细颗粒、方向细纹或更柔和的表面起伏，观察各自如何改变调性，再恢复色彩职责。选定后回到章节封面与正文，分别决定哪些关系共用、哪些细节退出，避免所有应用承受同样的视觉强度。
可编辑灰度样稿、原始背景图与完整生成提示词保存这一阶段的输入和输出；之前的平面系统与检查继续保留。
彩色与表面试作后的转向
同日继续蓝色外层、黄绿内侧与细颗粒的联合试作。用户否定该版，指出灰度稿的高级感丢失，颗粒也未形成可感经验，并提出更接近磨砂的灰度大颗粒方向。该稿转为失败参照，灰度稿仍作为空间基线；颜色、颗粒和受光重新拆开研究。
后续见颗粒感与磨砂表面的设计研究，保存来源、失败稿、屏幕检查、三块灰度对照和新的操作候选。当前完成的是空间阶段，表面、色彩与跨应用协调继续完善。
灰度磨砂的联合样稿随后获得观感肯定，用户进一步指出入口难读。当前进入入口与视觉引导试作，以阈口、连续前景与后续空间完善方向；图像的第一眼理解继续检验。
可编辑样稿源文件保存本轮图形与组合。对话中的试作支持两组切换，完整播放与交互输入的品牌价值继续由方向判断。