重新设计研学营详情页/行程页，要求： 1. 顶部主标题：「北京…
重新设计研学营详情页/行程页，要求： 1. 顶部主标题：「北京五天四晚 · 北航深度研学营」，金色粗体，居中 2. 删除原图顶部‘北京双高校研学营’标签，改为纯内容页 3. 主体采用模块化排版，左侧为
GD990088898
2026.06.23重新设计研学营详情页/行程页，要求： 1. 顶部主标题：「北京五天四晚 · 北航深度研学营」，金色粗体，居中 2. 删除原图顶部‘北京双高校研学营’标签，改为纯内容页 3. 主体采用模块化排版，左侧为
GD990088898
2026.06.23
![[第1张] 北京研学线路详情页长图，教育服务类产品详情页，单张竖版长图整合全部信息模块。
[氛围/风格] 莫兰迪蓝配色，产品报告式设计感，理性专业、信息层级分明、简洁高级，类似咨询公司产品白皮书视觉，商业平面设计质感。
[元素布局] 画面从上到下分为四大区块：
① 顶部头图区：占画面约15%，莫兰迪浅蓝渐变背景，中央大标题「北京研学线路」，副标题「深度文化 · 知行合一」，下方配北京地标剪影（故宫、长城、天坛）作为装饰元素，线条简约。
② 行程安排区：占画面约20%，左侧「行程安排」模块标题，右侧以时间轴形式展示5天4夜行程，每日配小图标（Day1 集结开营、Day2 故宫研学、Day3 长城探秘、Day4 名校探访、Day5 结营返程）；右侧并列「天数：5天4夜」「住宿：四星标准酒店 双人标间」两个信息卡片，卡片用浅蓝底+细边框。
③ 中部预算明细+亮点区：占画面约40%，上方为「预算明细」大模块标题，下方三列并排对比卡片，分别对应「5组家庭」「10组家庭」「15组家庭」三个档位，每列卡片内显示总预算、人均费用、包含项目，数字醒目；三列卡片下方嵌入「行程亮点」图片展示区，横向排列3张小图（故宫研学课堂、长城徒步、名校实验室），图片下方配简短亮点标签；再下方为「房餐车预算明细」子模块，分三行表格样式展示：住宿预算、餐饮预算、交通用车预算，每行含单价/数量/小计三列数据。
④ 底部区：占画面约25%，补充服务保障信息（师资团队、安全保障、报名须知），最底部留咨询报名区域和装饰性线条。
整体用细线、淡色块、图标、数据卡片构建报告感，信息密度高但层级清晰。
[光影质感] 平面设计风格，无强烈光影，柔和均匀的色块与线条，干净利落。
[配色色系] 全局底色 #E8EDF2（莫兰迪浅灰蓝）；主色 #7A93AC（莫兰迪蓝）；辅助色 #BFD7EA（浅蓝）、#F5F7FA（米白）、#5C6B7A（深灰蓝文字）；点缀色 #D4A574（暖金，用于数据强调）。
[视角构图] 竖版长图，自上而下阅读动线，居中对齐为主，模块间用细线或留白分隔，规整对称。
[文字版式] 全部中文，字体为无衬线黑体，标题加粗深灰蓝色，正文常规字重；主标题字号大，模块标题中等，数据数字醒目加大；每个模块有清晰的标题栏+内容区；表格/卡片对齐工整，类似产品报告版式。
[比例分辨率] 9:16 竖版比例，2K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，信息模糊，颜色偏差，背景杂乱，卡通幼稚风格，人物过多，照片堆砌。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/b0473bac-2c92-451a-b5bb-e2234fc7166c11007.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 详情页-研学特色亮点展示页。本屏为红色金色标签块设计，展示六大核心亮点。
[氛围/风格] 国潮标签风格，醒目突出，信息明确，设计质感强。
[元素布局] 每个亮点为一个独立金色标签块，排列在红色渐变背景上，从上到下依次排列六个标签，每个标签搭配小图标装饰，背景融入淡回纹底纹。
[光影质感] 标签和背景对比强烈，文字清晰，整体光照均匀饱满。
[配色色系] 背景主色故宫朱红 #C8102E，标签鎏金 #D4AF37，标签文字白色，标题鎏金大字。
[视角构图] 竖向标签列表构图，从上到下浏览，清晰明了。
[文字版式] 顶部大标题："研学核心特色亮点"，鎏金书法粗楷；六个亮点分别："双名校联动：北大人文 + 北航航天，文理工科全覆盖"；"硬核科技实操：无人驾驶试乘、机器人编程、气象数据分析，拒绝纯观光"；"实景历史课堂：圆明园、国博双线打造爱国主义教育"；"专业导师带队：高校学子、科研院所讲师、历史文旅讲解员三重师资"；"跨学科融合：历史 / 语文 / 物理 / 地理 / 信息科技同步落地课本知识点"；"安全全程保障：统一食宿、全程研学导师、正规交通，无购物环节"；亮点标题白色粗黑体，内容白色常规宋体，文字清晰不拥挤。
[比例分辨率] 9:16 竖版比例，2K分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，标签变形，颜色偏差，水印，布局混乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/d13b9deb-d7ec-47a7-8e3c-b715d9d09fa864625.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第2屏] 详情页-课程核心四大主题展示页。本屏为红金分栏四宫格布局，展示四大研学主线。
[氛围/风格] 国潮红金风格，清晰分区，信息层级明确，商业设计质感。
[元素布局] 顶部红色块放置红色大标题，下方四个宫格均分版面，每个宫格对应一个研学主题，左上角为主题标题，下方为内容介绍，每个宫格背景为米白 #F8F4E9，边框鎏金色，融入淡回纹底纹。
[光影质感] 整体明亮均匀，标题区域对比强烈，宫格内容清晰可读，阴影层次自然。
[配色色系] 顶部主色故宫朱红 #C8102E，宫格边框鎏金 #D4AF37，宫格底色米白 #F8F4E9，文字黑色常规宋体。
[视角构图] 竖向分屏构图，从上到下阅读动线清晰。
[文字版式] 顶部大标题："四大研学主线，层层浸润成长"，鎏金书法粗楷；四个主题分别为：1. "溯源・古代学府根脉｜孔庙 & 国子监 解读古代科举礼制，扎根中华传统文化底色"；2. "深耕・现代名校基因｜北大、北航 对话顶尖学子，树立名校理想，感悟空天报国精神"；3. "探索・前沿科技创新｜百度无人车、人形机器人、中科院大气所、航天博物馆 沉浸式 AI、航天、气象实操，点燃科学探索欲"；4. "升华・家国时代担当｜圆明园、国家博物馆 以史为鉴，读懂民族复兴之路，厚植爱国情怀"；主题标题使用鎏金粗黑体，正文使用黑色常规宋体，文字大小适配手机阅读，不拥挤。
[比例分辨率] 9:16 竖版比例，2K分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，布局错乱，颜色偏差，变形，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/73f88ef1-5f96-460b-84e5-bf77c238a80265427.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
