设计一张16:9横版公益PPT单页,将7张照片以错落有致的照片… - 图片创意预览

设计一张16:9横版公益PPT单页,将7张照片以错落有致的照片…

设计一张16:9横版公益PPT单页,将7张照片以错落有致的照片墙形式排版,照片之间保持舒适间距,不要拥挤。顶部为大标题区域,底部为描述文案区域。 7张照片内容:高管与孩子们徒步登山、孩子提油桶走石阶

用户头像

RDdXkl5m

2026.07.29
参考图1和图2的禅意风格,第三张竖版9:16亲子成长营四大价值海报。 【顶部】标题"四大核心成长价值",墨绿灰色粗体大字,下方细横线+小叶子装饰,副标题"精准解决育儿痛点",暖金色小字。 【中部】米白色背景,四个价值卡片纵向疏朗排列,每个卡片占画面约1/5高度,留白充足: ❶ 告别屏幕依赖,回归纯粹童年 全员脱离电子设备,在动手创造、山野奔跑、亲子陪伴中,练就耐心与专注,戒掉浮躁惰性。 (左侧配圆形小图标:奔跑的小人,墨绿金色调) ❷ 山野滋养身心,沉淀笃定心性 隐居怀柔深山秘境,群山环抱、清幽静谧,养出松弛、舒展、笃定的性格底色。 (左侧配圆形小图标:山峰,墨绿金色调) ❸ 重塑亲子关系,告别对立拉扯 以非遗点茶、山野劳作、手作烘焙、山谷共读为载体,平等协作、温柔陪伴,双向理解、彼此治愈。 (左侧配圆形小图标:亲子牵手,墨绿金色调) ❹ 深耕专注本心,习得终身品格 所有体验围绕静定、专注、坚持、担当设计,养成踏实、自律、包容、有担当的优质品格。 (左侧配圆形小图标:书本,墨绿金色调) 每个卡片是浅米色圆角背景+左侧编号+标题+说明文字,版式参考图2的左右分栏结构,但更疏朗。 【底部】淡墨山水剪影装饰,与整体禅意风格统一。 整体:米白+墨绿+暖金,留白充足,内容不挤,雅致高级。参考图1和图2的禅意风格,第三张竖版9:16亲子成长营四大价值海报。

【顶部】标题"四大核心成长价值",墨绿灰色粗体大字,下方细横线+小叶子装饰,副标题"精准解决育儿痛点",暖金色小字。

【中部】米白色背景,四个价值卡片纵向疏朗排列,每个卡片占画面约1/5高度,留白充足:

❶ 告别屏幕依赖,回归纯粹童年
  全员脱离电子设备,在动手创造、山野奔跑、亲子陪伴中,练就耐心与专注,戒掉浮躁惰性。
  (左侧配圆形小图标:奔跑的小人,墨绿金色调)

❷ 山野滋养身心,沉淀笃定心性
  隐居怀柔深山秘境,群山环抱、清幽静谧,养出松弛、舒展、笃定的性格底色。
  (左侧配圆形小图标:山峰,墨绿金色调)

❸ 重塑亲子关系,告别对立拉扯
  以非遗点茶、山野劳作、手作烘焙、山谷共读为载体,平等协作、温柔陪伴,双向理解、彼此治愈。
  (左侧配圆形小图标:亲子牵手,墨绿金色调)

❹ 深耕专注本心,习得终身品格
  所有体验围绕静定、专注、坚持、担当设计,养成踏实、自律、包容、有担当的优质品格。
  (左侧配圆形小图标:书本,墨绿金色调)

每个卡片是浅米色圆角背景+左侧编号+标题+说明文字,版式参考图2的左右分栏结构,但更疏朗。

【底部】淡墨山水剪影装饰,与整体禅意风格统一。

整体:米白+墨绿+暖金,留白充足,内容不挤,雅致高级。
一、建议先做哪几张(优先级) 优先级 用途 当前工程里对应位置 P0 发现页顶部头图 bg_discover_header(标题「贵州非遗」区域) P0 首页 Banner 轮播(3 张) vpBanner,高度约 170dp P1 全页纸感底纹(可平铺) 各 Fragment 的 brand_blue_soft 背景 P2 苗绣几何纹条(可横向重复) bg_pattern_geometric P3 非遗项目卡片封面(6 张) item_ich_project 顶部 120dp 区域 可选 登录页背景 activity_login 整页 二、通用导出规范(所有图都建议遵守) 项目 建议 格式 WebP(首选,体积小)或 PNG(需透明时用 PNG-24) 色彩 sRGB 设计基准宽度 按 1080px 宽 出主稿(对应主流手机 xxhdpi,约 360dp 逻辑宽) 密度文件夹 你若只出一张,给我 1080px 宽 的 xxhdpi 主图即可,我会放进 drawable-xxhdpi 或 drawable-nodpi 若出多密度 宽 360dp 逻辑宽对应:hdpi 540px / xhdpi 720px / xxhdpi 1080px / xxxhdpi 1440px 文件命名 英文小写+下划线,例如 bg_discover_header.webp 风格 靛蓝蜡染 + 苗绣几何纹 + 纸感米白;避免龙凤、大红宫廷风 三、分张规格(按用途) 1. 发现页头图 bg_discover_header 作用:替换现在 XML 渐变头图(标题、副标题在其上,需 浅色字)。 尺寸:1080 × 520~640 px(高约 150~200dp,含状态栏区域会更安全)。 比例:约 16:9 ~ 2:1 横条即可。 设计注意: 上方深靛蓝、向下过渡到米白 #F7F2EA,与页面背景自然衔接。 左上角留标题区,右上角留搜索图标(约 36×36dp)。 底部可放一条浅色几何纹,透明度约 30%~50%。 交付:bg_discover_header.webp 2. Banner 轮播(3 张) 作用:发现页轮播卡片背景(上面有白/浅色标题文案)。 布局高度:170dp → 建议出图 1080 × 510 px(3x)或 1080 × 600 px 略高一点便于裁剪。 圆角:设计稿可按 16dp 圆角 做;导出时可带圆角,或出直角图我在布局里用 cardCornerRadius 裁。 数量:3 张,主题建议: 苗绣 / 侗银 / 蜡染综合 匠人手艺 公益传习 / 工坊 文案区:下方 1/3 略暗或加渐变遮罩,保证白字可读。 交付:banner_01.webp、banner_02.webp、banner_03.webp 3. 全页底纹 bg_page_texture(可选但推荐) 作用:替换纯色米白背景,全 App 页面底层。 尺寸: 方案 A(平铺):512 × 512 或 1024 × 1024,无缝平铺纸纹/布纹,颜色接近 #F7F2EA。 方案 B(整屏):1080 × 2400 px 竖图,centerCrop,顶部略深、中部浅。 注意:纹理要很淡(对比度低),不能抢卡片内容。 交付:bg_page_texture.webp(注明是否可平铺 tile) 4. 几何纹样条 bg_pattern_geometric(可选) 作用:头图下、Banner 顶部的装饰条,会 横向拉满(fitXY)。 尺寸:1080 × 72~120 px(高约 24~40dp),或 可无缝横向拼接 的条带 360 × 48 px 循环单元。 要求:左右边缘能无缝衔接;纹样透明度约 20%~40%。 交付:bg_pattern_geometric.webp(注明是否可横向平铺) 5. 非遗项目封面(6 张,可选) 对应列表里的项目,封面区高度 120dp → 建议 1080 × 360 px(或卡片实际宽约 520×360 若按两列卡片宽度设计)。 文件名建议 对应项目 cover_miao_embroidery.webp 苗绣 cover_dong_song.webp 侗族大歌 cover_silver_craft.webp 银饰锻造 cover_batik.webp 蜡染 cover_bamboo_weaving.webp 竹编 cover_wood_carving.webp 木雕 角标:左上角会有「国家级…」类 金色小标签,封面图左上角勿放重要细节。 交付:6 张独立图即可。 6. 登录页背景(可选) 尺寸:1080 × 2400 px 竖图。 注意:中部留空给登录表单(约中间 60% 区域简洁)。 交付:bg_login.webp 四、你交图时请一并说明 发图时最好用压缩包,并附一句说明: 每张图的文件名(按上表命名最省事)。 是否可平铺(底纹、纹样条)。 Banner 是否要我在代码里叠字(若图上已带标题,可改为纯图)。 是否有版权/授权(自制纹样或已获授权素材)。 主色十六进制(若与 App 现有色不一致,我可微调 colors.xml)。 五、替换到 App 时我会怎么做(你心里有数即可) 你做好后切换到 Agent 模式,把文件放到工程或告诉我路径,我会: 放入 app/src/main/res/drawable-xxhdpi/(或 drawable-nodpi); 改 fragment_discover.xml、item_banner / BannerAdapter、各 Fragment 的 android:background 等; Banner 若用真图,会改 DiscoverFragment 从 BannerItem 颜色改为 drawable 资源。 六、最小可行套装(时间紧只做这些) 若只想先出效果明显的 4 个文件: bg_discover_header.webp — 1080×560 banner_01/02/03.webp — 各 1080×510 (可选)bg_page_texture.webp — 1024×1024 可平铺 做好后把文件发我,并说明「替换发现头图 + 三张 Banner」即可。一、建议先做哪几张(优先级)
优先级	用途	当前工程里对应位置
P0
发现页顶部头图
bg_discover_header(标题「贵州非遗」区域)
P0
首页 Banner 轮播(3 张)
vpBanner,高度约 170dp
P1
全页纸感底纹(可平铺)
各 Fragment 的 brand_blue_soft 背景
P2
苗绣几何纹条(可横向重复)
bg_pattern_geometric
P3
非遗项目卡片封面(6 张)
item_ich_project 顶部 120dp 区域
可选
登录页背景
activity_login 整页
二、通用导出规范(所有图都建议遵守)
项目	建议
格式
WebP(首选,体积小)或 PNG(需透明时用 PNG-24)
色彩
sRGB
设计基准宽度
按 1080px 宽 出主稿(对应主流手机 xxhdpi,约 360dp 逻辑宽)
密度文件夹
你若只出一张,给我 1080px 宽 的 xxhdpi 主图即可,我会放进 drawable-xxhdpi 或 drawable-nodpi
若出多密度
宽 360dp 逻辑宽对应:hdpi 540px / xhdpi 720px / xxhdpi 1080px / xxxhdpi 1440px
文件命名
英文小写+下划线,例如 bg_discover_header.webp
风格
靛蓝蜡染 + 苗绣几何纹 + 纸感米白;避免龙凤、大红宫廷风
三、分张规格(按用途)
1. 发现页头图 bg_discover_header
作用:替换现在 XML 渐变头图(标题、副标题在其上,需 浅色字)。
尺寸:1080 × 520~640 px(高约 150~200dp,含状态栏区域会更安全)。
比例:约 16:9 ~ 2:1 横条即可。
设计注意:
上方深靛蓝、向下过渡到米白 #F7F2EA,与页面背景自然衔接。
左上角留标题区,右上角留搜索图标(约 36×36dp)。
底部可放一条浅色几何纹,透明度约 30%~50%。
交付:bg_discover_header.webp
2. Banner 轮播(3 张)
作用:发现页轮播卡片背景(上面有白/浅色标题文案)。
布局高度:170dp → 建议出图 1080 × 510 px(3x)或 1080 × 600 px 略高一点便于裁剪。
圆角:设计稿可按 16dp 圆角 做;导出时可带圆角,或出直角图我在布局里用 cardCornerRadius 裁。
数量:3 张,主题建议:
苗绣 / 侗银 / 蜡染综合
匠人手艺
公益传习 / 工坊
文案区:下方 1/3 略暗或加渐变遮罩,保证白字可读。
交付:banner_01.webp、banner_02.webp、banner_03.webp
3. 全页底纹 bg_page_texture(可选但推荐)
作用:替换纯色米白背景,全 App 页面底层。
尺寸:
方案 A(平铺):512 × 512 或 1024 × 1024,无缝平铺纸纹/布纹,颜色接近 #F7F2EA。
方案 B(整屏):1080 × 2400 px 竖图,centerCrop,顶部略深、中部浅。
注意:纹理要很淡(对比度低),不能抢卡片内容。
交付:bg_page_texture.webp(注明是否可平铺 tile)
4. 几何纹样条 bg_pattern_geometric(可选)
作用:头图下、Banner 顶部的装饰条,会 横向拉满(fitXY)。
尺寸:1080 × 72~120 px(高约 24~40dp),或 可无缝横向拼接 的条带 360 × 48 px 循环单元。
要求:左右边缘能无缝衔接;纹样透明度约 20%~40%。
交付:bg_pattern_geometric.webp(注明是否可横向平铺)
5. 非遗项目封面(6 张,可选)
对应列表里的项目,封面区高度 120dp → 建议 1080 × 360 px(或卡片实际宽约 520×360 若按两列卡片宽度设计)。

文件名建议	对应项目
cover_miao_embroidery.webp
苗绣
cover_dong_song.webp
侗族大歌
cover_silver_craft.webp
银饰锻造
cover_batik.webp
蜡染
cover_bamboo_weaving.webp
竹编
cover_wood_carving.webp
木雕
角标:左上角会有「国家级…」类 金色小标签,封面图左上角勿放重要细节。
交付:6 张独立图即可。
6. 登录页背景(可选)
尺寸:1080 × 2400 px 竖图。
注意:中部留空给登录表单(约中间 60% 区域简洁)。
交付:bg_login.webp
四、你交图时请一并说明
发图时最好用压缩包,并附一句说明:

每张图的文件名(按上表命名最省事)。
是否可平铺(底纹、纹样条)。
Banner 是否要我在代码里叠字(若图上已带标题,可改为纯图)。
是否有版权/授权(自制纹样或已获授权素材)。
主色十六进制(若与 App 现有色不一致,我可微调 colors.xml)。
五、替换到 App 时我会怎么做(你心里有数即可)
你做好后切换到 Agent 模式,把文件放到工程或告诉我路径,我会:

放入 app/src/main/res/drawable-xxhdpi/(或 drawable-nodpi);
改 fragment_discover.xml、item_banner / BannerAdapter、各 Fragment 的 android:background 等;
Banner 若用真图,会改 DiscoverFragment 从 BannerItem 颜色改为 drawable 资源。
六、最小可行套装(时间紧只做这些)
若只想先出效果明显的 4 个文件:

bg_discover_header.webp — 1080×560
banner_01/02/03.webp — 各 1080×510
(可选)bg_page_texture.webp — 1024×1024 可平铺
做好后把文件发我,并说明「替换发现头图 + 三张 Banner」即可。
一、建议先做哪几张(优先级) 优先级 用途 当前工程里对应位置 P0 发现页顶部头图 bg_discover_header(标题「贵州非遗」区域) P0 首页 Banner 轮播(3 张) vpBanner,高度约 170dp P1 全页纸感底纹(可平铺) 各 Fragment 的 brand_blue_soft 背景 P2 苗绣几何纹条(可横向重复) bg_pattern_geometric P3 非遗项目卡片封面(6 张) item_ich_project 顶部 120dp 区域 可选 登录页背景 activity_login 整页 二、通用导出规范(所有图都建议遵守) 项目 建议 格式 WebP(首选,体积小)或 PNG(需透明时用 PNG-24) 色彩 sRGB 设计基准宽度 按 1080px 宽 出主稿(对应主流手机 xxhdpi,约 360dp 逻辑宽) 密度文件夹 你若只出一张,给我 1080px 宽 的 xxhdpi 主图即可,我会放进 drawable-xxhdpi 或 drawable-nodpi 若出多密度 宽 360dp 逻辑宽对应:hdpi 540px / xhdpi 720px / xxhdpi 1080px / xxxhdpi 1440px 文件命名 英文小写+下划线,例如 bg_discover_header.webp 风格 靛蓝蜡染 + 苗绣几何纹 + 纸感米白;避免龙凤、大红宫廷风 三、分张规格(按用途) 1. 发现页头图 bg_discover_header 作用:替换现在 XML 渐变头图(标题、副标题在其上,需 浅色字)。 尺寸:1080 × 520~640 px(高约 150~200dp,含状态栏区域会更安全)。 比例:约 16:9 ~ 2:1 横条即可。 设计注意: 上方深靛蓝、向下过渡到米白 #F7F2EA,与页面背景自然衔接。 左上角留标题区,右上角留搜索图标(约 36×36dp)。 底部可放一条浅色几何纹,透明度约 30%~50%。 交付:bg_discover_header.webp 2. Banner 轮播(3 张) 作用:发现页轮播卡片背景(上面有白/浅色标题文案)。 布局高度:170dp → 建议出图 1080 × 510 px(3x)或 1080 × 600 px 略高一点便于裁剪。 圆角:设计稿可按 16dp 圆角 做;导出时可带圆角,或出直角图我在布局里用 cardCornerRadius 裁。 数量:3 张,主题建议: 苗绣 / 侗银 / 蜡染综合 匠人手艺 公益传习 / 工坊 文案区:下方 1/3 略暗或加渐变遮罩,保证白字可读。 交付:banner_01.webp、banner_02.webp、banner_03.webp 3. 全页底纹 bg_page_texture(可选但推荐) 作用:替换纯色米白背景,全 App 页面底层。 尺寸: 方案 A(平铺):512 × 512 或 1024 × 1024,无缝平铺纸纹/布纹,颜色接近 #F7F2EA。 方案 B(整屏):1080 × 2400 px 竖图,centerCrop,顶部略深、中部浅。 注意:纹理要很淡(对比度低),不能抢卡片内容。 交付:bg_page_texture.webp(注明是否可平铺 tile) 4. 几何纹样条 bg_pattern_geometric(可选) 作用:头图下、Banner 顶部的装饰条,会 横向拉满(fitXY)。 尺寸:1080 × 72~120 px(高约 24~40dp),或 可无缝横向拼接 的条带 360 × 48 px 循环单元。 要求:左右边缘能无缝衔接;纹样透明度约 20%~40%。 交付:bg_pattern_geometric.webp(注明是否可横向平铺) 5. 非遗项目封面(6 张,可选) 对应列表里的项目,封面区高度 120dp → 建议 1080 × 360 px(或卡片实际宽约 520×360 若按两列卡片宽度设计)。 文件名建议 对应项目 cover_miao_embroidery.webp 苗绣 cover_dong_song.webp 侗族大歌 cover_silver_craft.webp 银饰锻造 cover_batik.webp 蜡染 cover_bamboo_weaving.webp 竹编 cover_wood_carving.webp 木雕 角标:左上角会有「国家级…」类 金色小标签,封面图左上角勿放重要细节。 交付:6 张独立图即可。 6. 登录页背景(可选) 尺寸:1080 × 2400 px 竖图。 注意:中部留空给登录表单(约中间 60% 区域简洁)。 交付:bg_login.webp 四、你交图时请一并说明 发图时最好用压缩包,并附一句说明: 每张图的文件名(按上表命名最省事)。 是否可平铺(底纹、纹样条)。 Banner 是否要我在代码里叠字(若图上已带标题,可改为纯图)。 是否有版权/授权(自制纹样或已获授权素材)。 主色十六进制(若与 App 现有色不一致,我可微调 colors.xml)。 五、替换到 App 时我会怎么做(你心里有数即可) 你做好后切换到 Agent 模式,把文件放到工程或告诉我路径,我会: 放入 app/src/main/res/drawable-xxhdpi/(或 drawable-nodpi); 改 fragment_discover.xml、item_banner / BannerAdapter、各 Fragment 的 android:background 等; Banner 若用真图,会改 DiscoverFragment 从 BannerItem 颜色改为 drawable 资源。 六、最小可行套装(时间紧只做这些) 若只想先出效果明显的 4 个文件: bg_discover_header.webp — 1080×560 banner_01/02/03.webp — 各 1080×510 (可选)bg_page_texture.webp — 1024×1024 可平铺 做好后把文件发我,并说明「替换发现头图 + 三张 Banner」即可。一、建议先做哪几张(优先级)
优先级	用途	当前工程里对应位置
P0
发现页顶部头图
bg_discover_header(标题「贵州非遗」区域)
P0
首页 Banner 轮播(3 张)
vpBanner,高度约 170dp
P1
全页纸感底纹(可平铺)
各 Fragment 的 brand_blue_soft 背景
P2
苗绣几何纹条(可横向重复)
bg_pattern_geometric
P3
非遗项目卡片封面(6 张)
item_ich_project 顶部 120dp 区域
可选
登录页背景
activity_login 整页
二、通用导出规范(所有图都建议遵守)
项目	建议
格式
WebP(首选,体积小)或 PNG(需透明时用 PNG-24)
色彩
sRGB
设计基准宽度
按 1080px 宽 出主稿(对应主流手机 xxhdpi,约 360dp 逻辑宽)
密度文件夹
你若只出一张,给我 1080px 宽 的 xxhdpi 主图即可,我会放进 drawable-xxhdpi 或 drawable-nodpi
若出多密度
宽 360dp 逻辑宽对应:hdpi 540px / xhdpi 720px / xxhdpi 1080px / xxxhdpi 1440px
文件命名
英文小写+下划线,例如 bg_discover_header.webp
风格
靛蓝蜡染 + 苗绣几何纹 + 纸感米白;避免龙凤、大红宫廷风
三、分张规格(按用途)
1. 发现页头图 bg_discover_header
作用:替换现在 XML 渐变头图(标题、副标题在其上,需 浅色字)。
尺寸:1080 × 520~640 px(高约 150~200dp,含状态栏区域会更安全)。
比例:约 16:9 ~ 2:1 横条即可。
设计注意:
上方深靛蓝、向下过渡到米白 #F7F2EA,与页面背景自然衔接。
左上角留标题区,右上角留搜索图标(约 36×36dp)。
底部可放一条浅色几何纹,透明度约 30%~50%。
交付:bg_discover_header.webp
2. Banner 轮播(3 张)
作用:发现页轮播卡片背景(上面有白/浅色标题文案)。
布局高度:170dp → 建议出图 1080 × 510 px(3x)或 1080 × 600 px 略高一点便于裁剪。
圆角:设计稿可按 16dp 圆角 做;导出时可带圆角,或出直角图我在布局里用 cardCornerRadius 裁。
数量:3 张,主题建议:
苗绣 / 侗银 / 蜡染综合
匠人手艺
公益传习 / 工坊
文案区:下方 1/3 略暗或加渐变遮罩,保证白字可读。
交付:banner_01.webp、banner_02.webp、banner_03.webp
3. 全页底纹 bg_page_texture(可选但推荐)
作用:替换纯色米白背景,全 App 页面底层。
尺寸:
方案 A(平铺):512 × 512 或 1024 × 1024,无缝平铺纸纹/布纹,颜色接近 #F7F2EA。
方案 B(整屏):1080 × 2400 px 竖图,centerCrop,顶部略深、中部浅。
注意:纹理要很淡(对比度低),不能抢卡片内容。
交付:bg_page_texture.webp(注明是否可平铺 tile)
4. 几何纹样条 bg_pattern_geometric(可选)
作用:头图下、Banner 顶部的装饰条,会 横向拉满(fitXY)。
尺寸:1080 × 72~120 px(高约 24~40dp),或 可无缝横向拼接 的条带 360 × 48 px 循环单元。
要求:左右边缘能无缝衔接;纹样透明度约 20%~40%。
交付:bg_pattern_geometric.webp(注明是否可横向平铺)
5. 非遗项目封面(6 张,可选)
对应列表里的项目,封面区高度 120dp → 建议 1080 × 360 px(或卡片实际宽约 520×360 若按两列卡片宽度设计)。

文件名建议	对应项目
cover_miao_embroidery.webp
苗绣
cover_dong_song.webp
侗族大歌
cover_silver_craft.webp
银饰锻造
cover_batik.webp
蜡染
cover_bamboo_weaving.webp
竹编
cover_wood_carving.webp
木雕
角标:左上角会有「国家级…」类 金色小标签,封面图左上角勿放重要细节。
交付:6 张独立图即可。
6. 登录页背景(可选)
尺寸:1080 × 2400 px 竖图。
注意:中部留空给登录表单(约中间 60% 区域简洁)。
交付:bg_login.webp
四、你交图时请一并说明
发图时最好用压缩包,并附一句说明:

每张图的文件名(按上表命名最省事)。
是否可平铺(底纹、纹样条)。
Banner 是否要我在代码里叠字(若图上已带标题,可改为纯图)。
是否有版权/授权(自制纹样或已获授权素材)。
主色十六进制(若与 App 现有色不一致,我可微调 colors.xml)。
五、替换到 App 时我会怎么做(你心里有数即可)
你做好后切换到 Agent 模式,把文件放到工程或告诉我路径,我会:

放入 app/src/main/res/drawable-xxhdpi/(或 drawable-nodpi);
改 fragment_discover.xml、item_banner / BannerAdapter、各 Fragment 的 android:background 等;
Banner 若用真图,会改 DiscoverFragment 从 BannerItem 颜色改为 drawable 资源。
六、最小可行套装(时间紧只做这些)
若只想先出效果明显的 4 个文件:

bg_discover_header.webp — 1080×560
banner_01/02/03.webp — 各 1080×510
(可选)bg_page_texture.webp — 1024×1024 可平铺
做好后把文件发我,并说明「替换发现头图 + 三张 Banner」即可。
一、建议先做哪几张(优先级) 优先级 用途 当前工程里对应位置 P0 发现页顶部头图 bg_discover_header(标题「贵州非遗」区域) P0 首页 Banner 轮播(3 张) vpBanner,高度约 170dp P1 全页纸感底纹(可平铺) 各 Fragment 的 brand_blue_soft 背景 P2 苗绣几何纹条(可横向重复) bg_pattern_geometric P3 非遗项目卡片封面(6 张) item_ich_project 顶部 120dp 区域 可选 登录页背景 activity_login 整页 二、通用导出规范(所有图都建议遵守) 项目 建议 格式 WebP(首选,体积小)或 PNG(需透明时用 PNG-24) 色彩 sRGB 设计基准宽度 按 1080px 宽 出主稿(对应主流手机 xxhdpi,约 360dp 逻辑宽) 密度文件夹 你若只出一张,给我 1080px 宽 的 xxhdpi 主图即可,我会放进 drawable-xxhdpi 或 drawable-nodpi 若出多密度 宽 360dp 逻辑宽对应:hdpi 540px / xhdpi 720px / xxhdpi 1080px / xxxhdpi 1440px 文件命名 英文小写+下划线,例如 bg_discover_header.webp 风格 靛蓝蜡染 + 苗绣几何纹 + 纸感米白;避免龙凤、大红宫廷风 三、分张规格(按用途) 1. 发现页头图 bg_discover_header 作用:替换现在 XML 渐变头图(标题、副标题在其上,需 浅色字)。 尺寸:1080 × 520~640 px(高约 150~200dp,含状态栏区域会更安全)。 比例:约 16:9 ~ 2:1 横条即可。 设计注意: 上方深靛蓝、向下过渡到米白 #F7F2EA,与页面背景自然衔接。 左上角留标题区,右上角留搜索图标(约 36×36dp)。 底部可放一条浅色几何纹,透明度约 30%~50%。 交付:bg_discover_header.webp 2. Banner 轮播(3 张) 作用:发现页轮播卡片背景(上面有白/浅色标题文案)。 布局高度:170dp → 建议出图 1080 × 510 px(3x)或 1080 × 600 px 略高一点便于裁剪。 圆角:设计稿可按 16dp 圆角 做;导出时可带圆角,或出直角图我在布局里用 cardCornerRadius 裁。 数量:3 张,主题建议: 苗绣 / 侗银 / 蜡染综合 匠人手艺 公益传习 / 工坊 文案区:下方 1/3 略暗或加渐变遮罩,保证白字可读。 交付:banner_01.webp、banner_02.webp、banner_03.webp 3. 全页底纹 bg_page_texture(可选但推荐) 作用:替换纯色米白背景,全 App 页面底层。 尺寸: 方案 A(平铺):512 × 512 或 1024 × 1024,无缝平铺纸纹/布纹,颜色接近 #F7F2EA。 方案 B(整屏):1080 × 2400 px 竖图,centerCrop,顶部略深、中部浅。 注意:纹理要很淡(对比度低),不能抢卡片内容。 交付:bg_page_texture.webp(注明是否可平铺 tile) 4. 几何纹样条 bg_pattern_geometric(可选) 作用:头图下、Banner 顶部的装饰条,会 横向拉满(fitXY)。 尺寸:1080 × 72~120 px(高约 24~40dp),或 可无缝横向拼接 的条带 360 × 48 px 循环单元。 要求:左右边缘能无缝衔接;纹样透明度约 20%~40%。 交付:bg_pattern_geometric.webp(注明是否可横向平铺) 5. 非遗项目封面(6 张,可选) 对应列表里的项目,封面区高度 120dp → 建议 1080 × 360 px(或卡片实际宽约 520×360 若按两列卡片宽度设计)。 文件名建议 对应项目 cover_miao_embroidery.webp 苗绣 cover_dong_song.webp 侗族大歌 cover_silver_craft.webp 银饰锻造 cover_batik.webp 蜡染 cover_bamboo_weaving.webp 竹编 cover_wood_carving.webp 木雕 角标:左上角会有「国家级…」类 金色小标签,封面图左上角勿放重要细节。 交付:6 张独立图即可。 6. 登录页背景(可选) 尺寸:1080 × 2400 px 竖图。 注意:中部留空给登录表单(约中间 60% 区域简洁)。 交付:bg_login.webp 四、你交图时请一并说明 发图时最好用压缩包,并附一句说明: 每张图的文件名(按上表命名最省事)。 是否可平铺(底纹、纹样条)。 Banner 是否要我在代码里叠字(若图上已带标题,可改为纯图)。 是否有版权/授权(自制纹样或已获授权素材)。 主色十六进制(若与 App 现有色不一致,我可微调 colors.xml)。 五、替换到 App 时我会怎么做(你心里有数即可) 你做好后切换到 Agent 模式,把文件放到工程或告诉我路径,我会: 放入 app/src/main/res/drawable-xxhdpi/(或 drawable-nodpi); 改 fragment_discover.xml、item_banner / BannerAdapter、各 Fragment 的 android:background 等; Banner 若用真图,会改 DiscoverFragment 从 BannerItem 颜色改为 drawable 资源。 六、最小可行套装(时间紧只做这些) 若只想先出效果明显的 4 个文件: bg_discover_header.webp — 1080×560 banner_01/02/03.webp — 各 1080×510 (可选)bg_page_texture.webp — 1024×1024 可平铺 做好后把文件发我,并说明「替换发现头图 + 三张 Banner」即可。一、建议先做哪几张(优先级)
优先级	用途	当前工程里对应位置
P0
发现页顶部头图
bg_discover_header(标题「贵州非遗」区域)
P0
首页 Banner 轮播(3 张)
vpBanner,高度约 170dp
P1
全页纸感底纹(可平铺)
各 Fragment 的 brand_blue_soft 背景
P2
苗绣几何纹条(可横向重复)
bg_pattern_geometric
P3
非遗项目卡片封面(6 张)
item_ich_project 顶部 120dp 区域
可选
登录页背景
activity_login 整页
二、通用导出规范(所有图都建议遵守)
项目	建议
格式
WebP(首选,体积小)或 PNG(需透明时用 PNG-24)
色彩
sRGB
设计基准宽度
按 1080px 宽 出主稿(对应主流手机 xxhdpi,约 360dp 逻辑宽)
密度文件夹
你若只出一张,给我 1080px 宽 的 xxhdpi 主图即可,我会放进 drawable-xxhdpi 或 drawable-nodpi
若出多密度
宽 360dp 逻辑宽对应:hdpi 540px / xhdpi 720px / xxhdpi 1080px / xxxhdpi 1440px
文件命名
英文小写+下划线,例如 bg_discover_header.webp
风格
靛蓝蜡染 + 苗绣几何纹 + 纸感米白;避免龙凤、大红宫廷风
三、分张规格(按用途)
1. 发现页头图 bg_discover_header
作用:替换现在 XML 渐变头图(标题、副标题在其上,需 浅色字)。
尺寸:1080 × 520~640 px(高约 150~200dp,含状态栏区域会更安全)。
比例:约 16:9 ~ 2:1 横条即可。
设计注意:
上方深靛蓝、向下过渡到米白 #F7F2EA,与页面背景自然衔接。
左上角留标题区,右上角留搜索图标(约 36×36dp)。
底部可放一条浅色几何纹,透明度约 30%~50%。
交付:bg_discover_header.webp
2. Banner 轮播(3 张)
作用:发现页轮播卡片背景(上面有白/浅色标题文案)。
布局高度:170dp → 建议出图 1080 × 510 px(3x)或 1080 × 600 px 略高一点便于裁剪。
圆角:设计稿可按 16dp 圆角 做;导出时可带圆角,或出直角图我在布局里用 cardCornerRadius 裁。
数量:3 张,主题建议:
苗绣 / 侗银 / 蜡染综合
匠人手艺
公益传习 / 工坊
文案区:下方 1/3 略暗或加渐变遮罩,保证白字可读。
交付:banner_01.webp、banner_02.webp、banner_03.webp
3. 全页底纹 bg_page_texture(可选但推荐)
作用:替换纯色米白背景,全 App 页面底层。
尺寸:
方案 A(平铺):512 × 512 或 1024 × 1024,无缝平铺纸纹/布纹,颜色接近 #F7F2EA。
方案 B(整屏):1080 × 2400 px 竖图,centerCrop,顶部略深、中部浅。
注意:纹理要很淡(对比度低),不能抢卡片内容。
交付:bg_page_texture.webp(注明是否可平铺 tile)
4. 几何纹样条 bg_pattern_geometric(可选)
作用:头图下、Banner 顶部的装饰条,会 横向拉满(fitXY)。
尺寸:1080 × 72~120 px(高约 24~40dp),或 可无缝横向拼接 的条带 360 × 48 px 循环单元。
要求:左右边缘能无缝衔接;纹样透明度约 20%~40%。
交付:bg_pattern_geometric.webp(注明是否可横向平铺)
5. 非遗项目封面(6 张,可选)
对应列表里的项目,封面区高度 120dp → 建议 1080 × 360 px(或卡片实际宽约 520×360 若按两列卡片宽度设计)。

文件名建议	对应项目
cover_miao_embroidery.webp
苗绣
cover_dong_song.webp
侗族大歌
cover_silver_craft.webp
银饰锻造
cover_batik.webp
蜡染
cover_bamboo_weaving.webp
竹编
cover_wood_carving.webp
木雕
角标:左上角会有「国家级…」类 金色小标签,封面图左上角勿放重要细节。
交付:6 张独立图即可。
6. 登录页背景(可选)
尺寸:1080 × 2400 px 竖图。
注意:中部留空给登录表单(约中间 60% 区域简洁)。
交付:bg_login.webp
四、你交图时请一并说明
发图时最好用压缩包,并附一句说明:

每张图的文件名(按上表命名最省事)。
是否可平铺(底纹、纹样条)。
Banner 是否要我在代码里叠字(若图上已带标题,可改为纯图)。
是否有版权/授权(自制纹样或已获授权素材)。
主色十六进制(若与 App 现有色不一致,我可微调 colors.xml)。
五、替换到 App 时我会怎么做(你心里有数即可)
你做好后切换到 Agent 模式,把文件放到工程或告诉我路径,我会:

放入 app/src/main/res/drawable-xxhdpi/(或 drawable-nodpi);
改 fragment_discover.xml、item_banner / BannerAdapter、各 Fragment 的 android:background 等;
Banner 若用真图,会改 DiscoverFragment 从 BannerItem 颜色改为 drawable 资源。
六、最小可行套装(时间紧只做这些)
若只想先出效果明显的 4 个文件:

bg_discover_header.webp — 1080×560
banner_01/02/03.webp — 各 1080×510
(可选)bg_page_texture.webp — 1024×1024 可平铺
做好后把文件发我,并说明「替换发现头图 + 三张 Banner」即可。
小红书笔记大字封面,配图大字,垂直时间轴排版,竖屏手机阅读友好,ins清新杂志感,低饱和暖色调,干净克制有呼吸感,显贵高级,版式精美,小红书笔记封面质感,适合信息流点击。画面顶部主标题逐字锁定:「2018-2026 我的8年」,主标题下方加一条极细的暖橙色分隔线。下方为四段式垂直时间轴,从上到下依次排列,左右分栏布局:左侧是时间轴竖线+数字序号(01/02/03/04)+年份+职位名称+描述文字,右侧是对应配图圆角矩形小图。每个阶段用数字序号(01、02、03、04)标记在时间轴圆点旁,增强序列感。四个节点按时间顺序从上到下:01 一线老师(配图围坐上课场景),02 教学主管(配图教研讨论场景),03 培训讲师(配图大型讲台培训场景),04 入户实战+教案研发(配图家庭入户早教场景)。时间轴文字逐字锁定:01「2018-2021 | 一线老师」副标题「累积上千节课堂经验 · 从0到1打基础」;02「2021-2023 | 教学主管」副标题「带团队 · 做教研 · 培训新老师 · 从执行者变成管理者」;03「2024-2025 | 培训讲师」副标题「从机构带教徒弟起步,走向更大讲台 · 培训不同机构的老师 · 担任大学实习导师 · 带教58位老师」;04「2025-2026 | 入户实战 + 教案研发」副标题「累积500+入户课 · 服务100+家庭 · 太空宝贝教案体系核心研发」。配色方案严格执行:背景色为米白奶油色 #F5F0E8,带极淡纸张肌理;文字主色为深灰色 #333333;强调色为低饱和暖橙色 #C4956A,用于年份数字、阶段标题、关键数字(500+、58位、100+)、时间轴圆点和分隔线;极少量墨绿 #5A7A6B 点缀在数字序号背景或标签上。文字层级区分:阶段年份字号最大且用暖橙色强调,其次是职位名称(深灰色粗体),描述性文字字号最小且颜色为浅灰色最淡,关键数字统一用暖橙色突出。装饰:左侧一条纤细暖棕色竖线贯穿,四个节点用暖橙色圆点标记,数字序号01-04用墨绿底白字小圆标签置于圆点旁,配图为圆角矩形带细微投影位于右侧,整体极简克制,无多余装饰,无emoji。整体氛围:温暖、干净、有质感、显贵、克制、高级感,面向上海中产家庭家长审美。画质:高清细腻,信息层级清晰,文字完整处于安全区内不可裁切,四周留充足安全边距,留白充分。画面比例 3:4,4K。图生图:严格使用用户上传的4张场景配图,【图1】=一线老师节点配图(围坐上课场景),【图2】=教学主管节点配图(教研讨论场景),【图3】=培训讲师节点配图(大型讲台培训场景),【图4】=入户实战节点配图(家庭入户早教场景),顺序与上传一致。小红书笔记大字封面,配图大字,垂直时间轴排版,竖屏手机阅读友好,ins清新杂志感,低饱和暖色调,干净克制有呼吸感,显贵高级,版式精美,小红书笔记封面质感,适合信息流点击。画面顶部主标题逐字锁定:「2018-2026 我的8年」,主标题下方加一条极细的暖橙色分隔线。下方为四段式垂直时间轴,从上到下依次排列,左右分栏布局:左侧是时间轴竖线+数字序号(01/02/03/04)+年份+职位名称+描述文字,右侧是对应配图圆角矩形小图。每个阶段用数字序号(01、02、03、04)标记在时间轴圆点旁,增强序列感。四个节点按时间顺序从上到下:01 一线老师(配图围坐上课场景),02 教学主管(配图教研讨论场景),03 培训讲师(配图大型讲台培训场景),04 入户实战+教案研发(配图家庭入户早教场景)。时间轴文字逐字锁定:01「2018-2021 | 一线老师」副标题「累积上千节课堂经验 · 从0到1打基础」;02「2021-2023 | 教学主管」副标题「带团队 · 做教研 · 培训新老师 · 从执行者变成管理者」;03「2024-2025 | 培训讲师」副标题「从机构带教徒弟起步,走向更大讲台 · 培训不同机构的老师 · 担任大学实习导师 · 带教58位老师」;04「2025-2026 | 入户实战 + 教案研发」副标题「累积500+入户课 · 服务100+家庭 · 太空宝贝教案体系核心研发」。配色方案严格执行:背景色为米白奶油色 #F5F0E8,带极淡纸张肌理;文字主色为深灰色 #333333;强调色为低饱和暖橙色 #C4956A,用于年份数字、阶段标题、关键数字(500+、58位、100+)、时间轴圆点和分隔线;极少量墨绿 #5A7A6B 点缀在数字序号背景或标签上。文字层级区分:阶段年份字号最大且用暖橙色强调,其次是职位名称(深灰色粗体),描述性文字字号最小且颜色为浅灰色最淡,关键数字统一用暖橙色突出。装饰:左侧一条纤细暖棕色竖线贯穿,四个节点用暖橙色圆点标记,数字序号01-04用墨绿底白字小圆标签置于圆点旁,配图为圆角矩形带细微投影位于右侧,整体极简克制,无多余装饰,无emoji。整体氛围:温暖、干净、有质感、显贵、克制、高级感,面向上海中产家庭家长审美。画质:高清细腻,信息层级清晰,文字完整处于安全区内不可裁切,四周留充足安全边距,留白充分。画面比例 3:4,4K。图生图:严格使用用户上传的4张场景配图,【图1】=一线老师节点配图(围坐上课场景),【图2】=教学主管节点配图(教研讨论场景),【图3】=培训讲师节点配图(大型讲台培训场景),【图4】=入户实战节点配图(家庭入户早教场景),顺序与上传一致。