用途：该技能用于建立一套“影像优先”的网格设计方向，适用于希望体验由主导性摄影或电影感视觉场引导的页面，内容以精确的叠层区块呈现，而非层层堆叠的营销板块。它明确不是画廊式布局，也不是单纯的编辑极简主义；影像充当舞台，网格与内容叠层为其赋予产品级结构。
主要能力：围绕占据几乎全部视口的大幅沉浸式背景图或媒体面构建页面；加入深色渐变晕染、方向性叠层或色调暗角，使文字可读的同时影像仍显开阔；使用外轨、中心引导线、小角落标记等可见结构线，在影像之上建立秩序；将主体内容锚定在视口低位或某一侧边缘，避免居中 UI 挤压影像；配色保持克制并呼应影像，使用中性色、白、烟灰，必要时取影像或品牌中的一个低调强调色。
使用方式：优先采用全屏或大舞台主视觉，把背景图当作基础图层而非小卡片或缩略图；用竖向容器线、细微取景引导线或分栏骨架作为安静的可见网格叠在影像上；主标题与 CTA 组放在一个锚定网格列，引用、佐证、指标或支撑叙述放在另一个次级框；支撑卡片应轻框、透明或低填充，浮在影像之上而非用重容器与之竞争；可引入 WebGL 细线、叠加光痕、缓慢背景运动或轻微视差等克制的技术氛围；字体保持干净高级，自信的无衬线标题、低对比正文与克制的小标签；动效强调显露与漂移，如遮罩文字入场、缓慢线条移动与轻柔悬停扫过，而非繁杂交互。
适用场景：需要电影感、沉浸式影像主导的品牌页、主视觉区、产品展示舞台等，内容以少量精确叠层块组织。
限制与避免：不要把它做成影像置于常规居中 SaaS 布局背后的装饰背景；不要用卡片、组件或文字塞满视口而抹掉影像优先的构图；避免明亮多色强调破坏冷静的电影基调；避免厚重实心容器切断叠层与底层影像的关系；不要忽视网格，结构应安静地组织构图。像素参数、性能指标与兼容性细节暂未提供。