基于参考图的网页设计风格，生成一个园林庭院实景案例展示网页。整… - 图片创意预览

基于参考图的网页设计风格，生成一个园林庭院实景案例展示网页。整…

基于参考图的网页设计风格，生成一个园林庭院实景案例展示网页。整体布局和视觉风格与参考图保持一致：顶部白色导航栏带绿色logo和导航菜单，大Banner头图区域展示精美实景庭院照片，搜索框和热门标签，左

用户头像

1r64eas22h6...

2026.07.23
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
基于参考图的网页设计风格，生成一个园林庭院施工须知指南网页。整体布局和视觉风格与参考图保持一致：顶部白色导航栏带绿色logo和导航菜单，大Banner头图区域展示施工现场与精美成品对比图，搜索框和热门问题标签，左侧绿色分类导航栏（施工流程、材料选购、质量验收、安全规范、养护知识、常见问题），右侧白色文章列表卡片布局展示施工须知文章（每个卡片含缩略图、文章标题、摘要、阅读量/发布时间），底部分页器，底部服务保障图标区和页脚。主色调为绿色#66BB6A，白色卡片，浅灰背景。页面标题为"施工指南与须知"，副标题"专业施工知识 助你打造品质庭院"。导航菜单：首页、SU模型、素材贴图、设计案例、施工须知（高亮绿色）、设计师、VIP会员。左侧分类导航：施工流程（全部/前期准备/地基施工/水电安装/硬质景观/植物种植/收尾验收）、材料选购指南、质量验收标准、安全施工规范、后期养护知识、常见问题解答。右侧文章列表为竖向排列的卡片，约6-8篇，每篇有小缩略图在左，标题和摘要在右，如"庭院施工全流程详解：从设计到落地的10个关键步骤"、"如何选择适合庭院的石材？一文看懂"、"庭院植物种植的最佳季节与注意事项"等。整体UI干净清爽，专业园林设计平台风格，文字清晰可读，4K高清画质。基于参考图的网页设计风格，生成一个园林庭院施工须知指南网页。整体布局和视觉风格与参考图保持一致：顶部白色导航栏带绿色logo和导航菜单，大Banner头图区域展示施工现场与精美成品对比图，搜索框和热门问题标签，左侧绿色分类导航栏（施工流程、材料选购、质量验收、安全规范、养护知识、常见问题），右侧白色文章列表卡片布局展示施工须知文章（每个卡片含缩略图、文章标题、摘要、阅读量/发布时间），底部分页器，底部服务保障图标区和页脚。主色调为绿色#66BB6A，白色卡片，浅灰背景。页面标题为"施工指南与须知"，副标题"专业施工知识 助你打造品质庭院"。导航菜单：首页、SU模型、素材贴图、设计案例、施工须知（高亮绿色）、设计师、VIP会员。左侧分类导航：施工流程（全部/前期准备/地基施工/水电安装/硬质景观/植物种植/收尾验收）、材料选购指南、质量验收标准、安全施工规范、后期养护知识、常见问题解答。右侧文章列表为竖向排列的卡片，约6-8篇，每篇有小缩略图在左，标题和摘要在右，如"庭院施工全流程详解：从设计到落地的10个关键步骤"、"如何选择适合庭院的石材？一文看懂"、"庭院植物种植的最佳季节与注意事项"等。整体UI干净清爽，专业园林设计平台风格，文字清晰可读，4K高清画质。
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
1r64eas22h67vLkQ-HB1r64eas22h67vLkQ-HB
GD321824469GD321824469
高端教学高端教学
高端教学高端教学
高端教学高端教学
GD805396826GD805396826
高端教学高端教学
高端教学高端教学
GD805396826GD805396826
[主图-4] 庭院设计案例与团队资质图 [氛围风格] 清新自然写实风，专业可信的设计服务氛围 [画质] 商业摄影质感、光线柔和通透、案例清晰真实、画面干净高级 [元素] 画面主体展示多套不同风格的庭院设计案例缩略图网格排列，包括现代自然风（参考图风格）、日式禅意风、欧式田园风、现代极简风等不同风格庭院效果图，每套案例都精美清晰。下方有设计师团队工作场景小图：设计师在电脑前绘制效果图、现场测量庭院的场景。整体体现丰富的设计经验和专业团队。 [光影] 整体明亮自然光，案例图片各自光影自然和谐，团队场景光线柔和专业 [配色] 主色暖木棕+绿植绿，辅色米白浅灰，整体色调统一和谐 [视角构图] 上半部分为案例展示网格（2行3列共6个案例缩略图），下半部分左侧为团队工作场景，右侧为资质说明文字区，布局均衡 [文字版式] 顶部主标题“1000+庭院设计案例”，深绿色粗体大字；副标题“专业团队 量身定制”，深灰色；每个案例下方标注风格名称，小字白色半透明底；右下角区域文字：“资深设计师团队”“5年以上景观设计经验”“一对一沟通服务”，分三行排列，深灰色，配小图标。 [输出要求] 1:1比例，文字清晰可辨，超高清商业摄影质感 [负向提示词] 变形，文字错乱，场景模糊，背景杂乱，水印，电商平台Logo[主图-4] 庭院设计案例与团队资质图 [氛围风格] 清新自然写实风，专业可信的设计服务氛围 [画质] 商业摄影质感、光线柔和通透、案例清晰真实、画面干净高级 [元素] 画面主体展示多套不同风格的庭院设计案例缩略图网格排列，包括现代自然风（参考图风格）、日式禅意风、欧式田园风、现代极简风等不同风格庭院效果图，每套案例都精美清晰。下方有设计师团队工作场景小图：设计师在电脑前绘制效果图、现场测量庭院的场景。整体体现丰富的设计经验和专业团队。 [光影] 整体明亮自然光，案例图片各自光影自然和谐，团队场景光线柔和专业 [配色] 主色暖木棕+绿植绿，辅色米白浅灰，整体色调统一和谐 [视角构图] 上半部分为案例展示网格（2行3列共6个案例缩略图），下半部分左侧为团队工作场景，右侧为资质说明文字区，布局均衡 [文字版式] 顶部主标题“1000+庭院设计案例”，深绿色粗体大字；副标题“专业团队 量身定制”，深灰色；每个案例下方标注风格名称，小字白色半透明底；右下角区域文字：“资深设计师团队”“5年以上景观设计经验”“一对一沟通服务”，分三行排列，深灰色，配小图标。 [输出要求] 1:1比例，文字清晰可辨，超高清商业摄影质感 [负向提示词] 变形，文字错乱，场景模糊，背景杂乱，水印，电商平台Logo
GD780990945GD780990945
高端教学高端教学
高端教学高端教学
GD725069243GD725069243
微信小程序「我的收藏-案例」页面，竖屏手机端UI界面，375px宽度比例，简洁清爽风格，白色为主深灰文字点缀橙红色。配色：主色橙红色#FF6B35，背景白色#FFFFFF，卡片浅灰阴影，正文深灰#333，辅助文字#999。页面布局从上到下：1.顶部导航栏：白色背景，左侧灰色返回箭头图标，中间深灰色文字标题"收藏案例"17px加粗，右侧无按钮，底部1px浅灰分割线。2.横向筛选标签栏：白色背景，横向排列6个标签：全部、客厅、卧室、厨房、卫生间、全屋；选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮，未选中灰色#666文字，可左右滑动。3.主体双列瀑布流卡片布局：两列等宽，卡片间距10px，左右边距12px；每张白色圆角卡片带轻微浅灰阴影，上方案例效果图圆角（家装实景图如客厅卧室厨房等），图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角；图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px，再下方灰色小字收藏时间如"2026-08-10收藏"12px；卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar：白色背景顶部1px浅灰分割线，4个Tab等分——首页、案例、服务、我的；"案例"Tab当前选中，图标和文字均为橙红色#FF6B35，未选中图标灰色#999。整体简洁清爽，留白舒适，高清商用UI设计稿，iPhone手机屏幕比例微信小程序「我的收藏-案例」页面，竖屏手机端UI界面，375px宽度比例，简洁清爽风格，白色为主深灰文字点缀橙红色。配色：主色橙红色#FF6B35，背景白色#FFFFFF，卡片浅灰阴影，正文深灰#333，辅助文字#999。页面布局从上到下：1.顶部导航栏：白色背景，左侧灰色返回箭头图标，中间深灰色文字标题"收藏案例"17px加粗，右侧无按钮，底部1px浅灰分割线。2.横向筛选标签栏：白色背景，横向排列6个标签：全部、客厅、卧室、厨房、卫生间、全屋；选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮，未选中灰色#666文字，可左右滑动。3.主体双列瀑布流卡片布局：两列等宽，卡片间距10px，左右边距12px；每张白色圆角卡片带轻微浅灰阴影，上方案例效果图圆角（家装实景图如客厅卧室厨房等），图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角；图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px，再下方灰色小字收藏时间如"2026-08-10收藏"12px；卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar：白色背景顶部1px浅灰分割线，4个Tab等分——首页、案例、服务、我的；"案例"Tab当前选中，图标和文字均为橙红色#FF6B35，未选中图标灰色#999。整体简洁清爽，留白舒适，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
生成一张旅行公司官网首页长图，尺寸严格为1200px×3000px，分辨率72dpi，配色严格遵循给定蓝绿色体系。内容分模块如下：1.顶部导航栏：居左LOGO文字为“云途漫行”，导航文字：网站首页 | 关于我们 | 路线鉴赏 | 经典案例 | 旅行资讯 | 线下门店 | 诚邀合作 | 联系我们，右上角为圆角搜索框加小字“中文版 | 英文版”；2.全屏轮播横幅首屏主视觉：全屏山间云海风景大图，右下角半透文字块，主标题“云途漫行・小众治愈旅行定制”，副标题“云起山野，漫赴温柔旅途”，底部3个圆形轮播指示器；3.模块2：ROUTES｜路线鉴赏，含6张图文卡片：山野徒步系列、海边慢居系列、古镇烟火系列、山野露营系列、城市微度假系列、国风山水系列，每张卡片含风景图、文字简介、底部圆角按钮“查看路线详情”；4.模块3：ABOUT US 关于我们，左右分栏，左为拼接风景实拍大图，右为品牌介绍文字加两个小标签“小众路线定制、全国合作加盟”；5.模块4：招商合作渐变通栏横幅，核心大字“全国合作咨询热线：400-773-2296”，小字官网“www.yuntumanxing.com”，居中按钮“立即洽谈合作”；6.模块5：NEWS 旅行资讯，含5条旅行攻略资讯，统一日期09月06日，右下角统一“更多”线框按钮；7.模块6：CASE 经典案例，横向滚动缩略图栏，横向排列5组旅行实拍案例，左右添加简易滚动箭头；8.底部深色页脚通栏，左栏：热线电话、总部地址、版权声明，右栏：微信、小红书、微博、抖音、豆瓣社交图标。颜色色值严格遵循要求：主色：晴空浅蓝#73B8D8、山林青绿#67B89A；浅辅助底色：极浅天蓝#E6F3F9、薄荷浅绿#E6F6EF；中性文字&基底：页面底色#F8FAFB、标题文字#2A5466、正文文字#3A4A52、浅灰小字#88A8B8、页脚背景#1F353D。分模块上色严格遵循用户指定规范，不修改排版仅更换对应颜色生成一张旅行公司官网首页长图，尺寸严格为1200px×3000px，分辨率72dpi，配色严格遵循给定蓝绿色体系。内容分模块如下：1.顶部导航栏：居左LOGO文字为“云途漫行”，导航文字：网站首页 | 关于我们 | 路线鉴赏 | 经典案例 | 旅行资讯 | 线下门店 | 诚邀合作 | 联系我们，右上角为圆角搜索框加小字“中文版 | 英文版”；2.全屏轮播横幅首屏主视觉：全屏山间云海风景大图，右下角半透文字块，主标题“云途漫行・小众治愈旅行定制”，副标题“云起山野，漫赴温柔旅途”，底部3个圆形轮播指示器；3.模块2：ROUTES｜路线鉴赏，含6张图文卡片：山野徒步系列、海边慢居系列、古镇烟火系列、山野露营系列、城市微度假系列、国风山水系列，每张卡片含风景图、文字简介、底部圆角按钮“查看路线详情”；4.模块3：ABOUT US 关于我们，左右分栏，左为拼接风景实拍大图，右为品牌介绍文字加两个小标签“小众路线定制、全国合作加盟”；5.模块4：招商合作渐变通栏横幅，核心大字“全国合作咨询热线：400-773-2296”，小字官网“www.yuntumanxing.com”，居中按钮“立即洽谈合作”；6.模块5：NEWS 旅行资讯，含5条旅行攻略资讯，统一日期09月06日，右下角统一“更多”线框按钮；7.模块6：CASE 经典案例，横向滚动缩略图栏，横向排列5组旅行实拍案例，左右添加简易滚动箭头；8.底部深色页脚通栏，左栏：热线电话、总部地址、版权声明，右栏：微信、小红书、微博、抖音、豆瓣社交图标。颜色色值严格遵循要求：主色：晴空浅蓝#73B8D8、山林青绿#67B89A；浅辅助底色：极浅天蓝#E6F3F9、薄荷浅绿#E6F6EF；中性文字&基底：页面底色#F8FAFB、标题文字#2A5466、正文文字#3A4A52、浅灰小字#88A8B8、页脚背景#1F353D。分模块上色严格遵循用户指定规范，不修改排版仅更换对应颜色
GD509538543GD509538543
GD966511236GD966511236
GD805396826GD805396826