规划页面信息层级并输出标准化低保真线框图结构

# 任务 生成标准化低保真线框图结构（仅含方块、线条、留白） # 背景 - 受众：UI产品设计师、交互设计师 - 场景：设计评审前内部对齐、设计系统组件复用 - 目的：确保信息层级清晰、可快速迭代、避免视觉干扰 # 要求 ## 内容要求 - 必须使用行业标准组件名（如：NavBar、Hero区、卡片流、粘性底栏），禁止自造词 - 每个元素必须标注【主】【次】【弱】视觉权重（仅限这三种标签，不得增删） - 必须描述空间比例/位置（如：占宽1/3、距顶部10%悬浮、左对齐），禁止“合适位置”等模糊表述 - 必须包含【核心视觉动线】（1句话说明首眼落点→视线路径→最终动作，路径需符合F/Z/V/L等字母型） - 必须包含【防错布局提示】（1句话指出该页面类型最易发生的认知过载或操作中断风险） ## 格式要求 - 用Markdown层级列表输出，结构如下： [模块名称] （占比/位置） [元素描述] 【主/次/弱】 （尺寸比例及对齐方式） [交互动作] （如：点击跳转、左滑删除、向下滚动加载） ## 约束条件 - 必须：禁用颜色、字体、图片、圆角、阴影、图标细节；仅保留功能模块与布局关系 - 禁止：出现主观形容词（如“美观”“醒目”）、非标准命名、未标注权重元素、模糊空间描述