设计园林庭院资源平台产品详情页,包含产品展示板块:产品名称、参… - 图片创意预览

设计园林庭院资源平台产品详情页,包含产品展示板块:产品名称、参…

设计园林庭院资源平台产品详情页,包含产品展示板块:产品名称、参数说明、产品图片预览区、SU模型下载、CAD图纸下载、实景效果展示、会员登录查看报价按钮,整体风格和首页春暖花开阳光灿烂风格保持一致,配色

用户头像

1r64eas22h6...

2026.07.14
基于参考图的网页设计风格,生成一个园林庭院施工须知指南网页。整体布局和视觉风格与参考图保持一致:顶部白色导航栏带绿色logo和导航菜单,大Banner头图区域展示施工现场与精美成品对比图,搜索框和热门问题标签,左侧绿色分类导航栏(施工流程、材料选购、质量验收、安全规范、养护知识、常见问题),右侧白色文章列表卡片布局展示施工须知文章(每个卡片含缩略图、文章标题、摘要、阅读量/发布时间),底部分页器,底部服务保障图标区和页脚。主色调为绿色#66BB6A,白色卡片,浅灰背景。页面标题为"施工指南与须知",副标题"专业施工知识 助你打造品质庭院"。导航菜单:首页、SU模型、素材贴图、设计案例、施工须知(高亮绿色)、设计师、VIP会员。左侧分类导航:施工流程(全部/前期准备/地基施工/水电安装/硬质景观/植物种植/收尾验收)、材料选购指南、质量验收标准、安全施工规范、后期养护知识、常见问题解答。右侧文章列表为竖向排列的卡片,约6-8篇,每篇有小缩略图在左,标题和摘要在右,如"庭院施工全流程详解:从设计到落地的10个关键步骤"、"如何选择适合庭院的石材?一文看懂"、"庭院植物种植的最佳季节与注意事项"等。整体UI干净清爽,专业园林设计平台风格,文字清晰可读,4K高清画质。基于参考图的网页设计风格,生成一个园林庭院施工须知指南网页。整体布局和视觉风格与参考图保持一致:顶部白色导航栏带绿色logo和导航菜单,大Banner头图区域展示施工现场与精美成品对比图,搜索框和热门问题标签,左侧绿色分类导航栏(施工流程、材料选购、质量验收、安全规范、养护知识、常见问题),右侧白色文章列表卡片布局展示施工须知文章(每个卡片含缩略图、文章标题、摘要、阅读量/发布时间),底部分页器,底部服务保障图标区和页脚。主色调为绿色#66BB6A,白色卡片,浅灰背景。页面标题为"施工指南与须知",副标题"专业施工知识 助你打造品质庭院"。导航菜单:首页、SU模型、素材贴图、设计案例、施工须知(高亮绿色)、设计师、VIP会员。左侧分类导航:施工流程(全部/前期准备/地基施工/水电安装/硬质景观/植物种植/收尾验收)、材料选购指南、质量验收标准、安全施工规范、后期养护知识、常见问题解答。右侧文章列表为竖向排列的卡片,约6-8篇,每篇有小缩略图在左,标题和摘要在右,如"庭院施工全流程详解:从设计到落地的10个关键步骤"、"如何选择适合庭院的石材?一文看懂"、"庭院植物种植的最佳季节与注意事项"等。整体UI干净清爽,专业园林设计平台风格,文字清晰可读,4K高清画质。
[第3张] 卖点2-转角设计L形结构示意页。本张使用【图1】作为长廊主体,展示转角如何卡进庭院角落。 [氛围/风格] 俯视示意图风格,清晰明了,专业设计感,新中式配色。 [元素布局] 画面上半部分为俯视视角的庭院平面图:灰色墙体围合出L形角落,水泥仿木长廊(柚木色俯视简化图)完美贴合转角放置,虚线标注转角角度和贴合度;旁边有小院子、步道、花坛的简化示意;画面下半部分为长廊转角处的45°实拍特写,展示L形结构的衔接细节和立柱布局;长廊结构、颜色与输入产品图一致。 [光影质感] 上半部分平面示意图为均匀柔光无阴影;下半部分实拍特写为自然光,木纹质感清晰,转角衔接处细节突出。 [配色色系] 全局底色 #F0EBE0(浅米灰);主色柚木棕、深灰;辅助色墨绿植物、米白墙面、金色标注线。 [视角构图] 上下分区布局,上图俯视示意+下图实拍特写,阅读动线顶部标题 → 上半俯视示意 → 下半实拍特写。 [文字版式] 版式为顶部标题 + 上俯视示意 + 下实拍特写。主标题「转角设计 角落也能变成景」,宋体加粗居中;俯视图标注文字「L形转角结构 一廊围合独立休憩区」「贴合地形不浪费空间」「支持按场地尺寸定制跨度与转角角度」,用引线指向对应位置;下半部分实拍图左上角小字标签「转角衔接实拍」;右侧竖排三个卖点胶囊:贴合转角、围合空间、支持定制。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 长廊变形,结构错误,颜色偏差,水印,文字错乱,俯视示意图比例失调。[第3张] 卖点2-转角设计L形结构示意页。本张使用【图1】作为长廊主体,展示转角如何卡进庭院角落。
[氛围/风格] 俯视示意图风格,清晰明了,专业设计感,新中式配色。
[元素布局] 画面上半部分为俯视视角的庭院平面图:灰色墙体围合出L形角落,水泥仿木长廊(柚木色俯视简化图)完美贴合转角放置,虚线标注转角角度和贴合度;旁边有小院子、步道、花坛的简化示意;画面下半部分为长廊转角处的45°实拍特写,展示L形结构的衔接细节和立柱布局;长廊结构、颜色与输入产品图一致。
[光影质感] 上半部分平面示意图为均匀柔光无阴影;下半部分实拍特写为自然光,木纹质感清晰,转角衔接处细节突出。
[配色色系] 全局底色 #F0EBE0(浅米灰);主色柚木棕、深灰;辅助色墨绿植物、米白墙面、金色标注线。
[视角构图] 上下分区布局,上图俯视示意+下图实拍特写,阅读动线顶部标题 → 上半俯视示意 → 下半实拍特写。
[文字版式] 版式为顶部标题 + 上俯视示意 + 下实拍特写。主标题「转角设计 角落也能变成景」,宋体加粗居中;俯视图标注文字「L形转角结构 一廊围合独立休憩区」「贴合地形不浪费空间」「支持按场地尺寸定制跨度与转角角度」,用引线指向对应位置;下半部分实拍图左上角小字标签「转角衔接实拍」;右侧竖排三个卖点胶囊:贴合转角、围合空间、支持定制。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 长廊变形,结构错误,颜色偏差,水印,文字错乱,俯视示意图比例失调。
[主图-3] 仿木长廊架L形转角空间利用场景图。 [氛围风格] 新中式庭院景观风,静谧雅致,突出空间利用率; [画质] 商业摄影质感、光线自然、场景真实、画面有氛围感。 [元素] 俯视角度展示L形转角长廊架完美贴合庭院直角角落,廊架围合出一方独立休憩空间,内部摆放石桌与坐凳,桌上有茶具与盆栽。廊架外侧是蜿蜒步道与草坪,转角处植有芭蕉与翠竹,远处可见白墙漏窗。廊架方格格栅顶投下整齐光影,紫藤攀爬于一侧横梁。**保持长廊架外观(L形结构、材质颜色、坐凳样式、格栅顶)与输入产品图一致,杜绝变形色差,木纹肌理真实**。商品主体占比约55%。 [光影] 正午顶侧自然光,格栅投下清晰条状光影,廊架内侧柔和阴影,整体明亮通透,新中式庭院氛围浓厚。 [配色] 主色仿木橙棕色;辅色翠绿(植物)、青灰(石板)、米白(墙);强调色赭石(点缀)。 [视角构图] 俯视45°鸟瞰视角,L形转角位于画面中心偏上,围合空间为视觉焦点,前中后景层次丰富。 [文字版式] 上部居中主标题大字粗体"L形转角 空间更省",深棕色。副标题"一廊围合 独立休憩空间",约半高同色系。左侧竖排三个圆角标签(横排文字):「贴合角落」「庭院步道转弯皆适配」「利用率高」「比直廊更省空间」「即装成景」「景区民宿别墅公园」。标签为深绿底白字,大小错落。底部小字"支持跨度尺寸定制",深灰色。现代无衬线字体。 [输出要求] 3:4比例,文字清晰锐利,超高清商业摄影质感。 [负向提示词] 变形,文字错乱,产品图模糊,背景杂乱,水印,电商平台Logo,多余的手,畸形手,人物面部扭曲。[主图-3] 仿木长廊架L形转角空间利用场景图。
[氛围风格] 新中式庭院景观风,静谧雅致,突出空间利用率;
[画质] 商业摄影质感、光线自然、场景真实、画面有氛围感。
[元素] 俯视角度展示L形转角长廊架完美贴合庭院直角角落,廊架围合出一方独立休憩空间,内部摆放石桌与坐凳,桌上有茶具与盆栽。廊架外侧是蜿蜒步道与草坪,转角处植有芭蕉与翠竹,远处可见白墙漏窗。廊架方格格栅顶投下整齐光影,紫藤攀爬于一侧横梁。**保持长廊架外观(L形结构、材质颜色、坐凳样式、格栅顶)与输入产品图一致,杜绝变形色差,木纹肌理真实**。商品主体占比约55%。
[光影] 正午顶侧自然光,格栅投下清晰条状光影,廊架内侧柔和阴影,整体明亮通透,新中式庭院氛围浓厚。
[配色] 主色仿木橙棕色;辅色翠绿(植物)、青灰(石板)、米白(墙);强调色赭石(点缀)。
[视角构图] 俯视45°鸟瞰视角,L形转角位于画面中心偏上,围合空间为视觉焦点,前中后景层次丰富。
[文字版式] 上部居中主标题大字粗体"L形转角 空间更省",深棕色。副标题"一廊围合 独立休憩空间",约半高同色系。左侧竖排三个圆角标签(横排文字):「贴合角落」「庭院步道转弯皆适配」「利用率高」「比直廊更省空间」「即装成景」「景区民宿别墅公园」。标签为深绿底白字,大小错落。底部小字"支持跨度尺寸定制",深灰色。现代无衬线字体。
[输出要求] 3:4比例,文字清晰锐利,超高清商业摄影质感。
[负向提示词] 变形,文字错乱,产品图模糊,背景杂乱,水印,电商平台Logo,多余的手,畸形手,人物面部扭曲。
[主图-3] 仿木长廊架L形转角空间利用场景图。 [氛围风格] 新中式庭院景观风,静谧雅致,突出空间利用率; [画质] 商业摄影质感、光线自然、场景真实、画面有氛围感。 [元素] 俯视角度展示L形转角长廊架完美贴合庭院直角角落,廊架围合出一方独立休憩空间,内部摆放石桌与坐凳,桌上有茶具与盆栽。廊架外侧是蜿蜒步道与草坪,转角处植有芭蕉与翠竹,远处可见白墙漏窗。廊架方格格栅顶投下整齐光影,紫藤攀爬于一侧横梁。**保持长廊架外观(L形结构、材质颜色、坐凳样式、格栅顶)与输入产品图一致,杜绝变形色差,木纹肌理真实**。商品主体占比约60%。 [光影] 正午顶侧自然光,格栅投下清晰条状光影,廊架内侧柔和阴影,整体明亮通透,新中式庭院氛围浓厚。 [配色] 主色仿木橙棕色;辅色翠绿(植物)、青灰(石板)、米白(墙);强调色赭石(点缀)。 [视角构图] 俯视45°鸟瞰视角,L形转角位于画面中心偏左上,围合空间为视觉焦点,前中后景层次丰富。 [文字版式] 右上负空间右对齐,主标题大字粗体"L形转角 空间更省",深棕色。副标题"一廊围合 独立休憩空间",约半高同色系。左侧竖排三个圆角标签(横排文字):「贴合角落」「庭院步道转弯皆适配」「利用率高」「比直廊更省空间」「即装成景」「景区民宿别墅公园」。标签为深绿底白字,大小错落。底部小字"支持跨度尺寸定制",深灰色。现代无衬线字体。 [输出要求] 1:1比例,文字清晰锐利,超高清商业摄影质感。 [负向提示词] 变形,文字错乱,产品图模糊,背景杂乱,水印,电商平台Logo,多余的手,畸形手,人物面部扭曲。[主图-3] 仿木长廊架L形转角空间利用场景图。
[氛围风格] 新中式庭院景观风,静谧雅致,突出空间利用率;
[画质] 商业摄影质感、光线自然、场景真实、画面有氛围感。
[元素] 俯视角度展示L形转角长廊架完美贴合庭院直角角落,廊架围合出一方独立休憩空间,内部摆放石桌与坐凳,桌上有茶具与盆栽。廊架外侧是蜿蜒步道与草坪,转角处植有芭蕉与翠竹,远处可见白墙漏窗。廊架方格格栅顶投下整齐光影,紫藤攀爬于一侧横梁。**保持长廊架外观(L形结构、材质颜色、坐凳样式、格栅顶)与输入产品图一致,杜绝变形色差,木纹肌理真实**。商品主体占比约60%。
[光影] 正午顶侧自然光,格栅投下清晰条状光影,廊架内侧柔和阴影,整体明亮通透,新中式庭院氛围浓厚。
[配色] 主色仿木橙棕色;辅色翠绿(植物)、青灰(石板)、米白(墙);强调色赭石(点缀)。
[视角构图] 俯视45°鸟瞰视角,L形转角位于画面中心偏左上,围合空间为视觉焦点,前中后景层次丰富。
[文字版式] 右上负空间右对齐,主标题大字粗体"L形转角 空间更省",深棕色。副标题"一廊围合 独立休憩空间",约半高同色系。左侧竖排三个圆角标签(横排文字):「贴合角落」「庭院步道转弯皆适配」「利用率高」「比直廊更省空间」「即装成景」「景区民宿别墅公园」。标签为深绿底白字,大小错落。底部小字"支持跨度尺寸定制",深灰色。现代无衬线字体。
[输出要求] 1:1比例,文字清晰锐利,超高清商业摄影质感。
[负向提示词] 变形,文字错乱,产品图模糊,背景杂乱,水印,电商平台Logo,多余的手,畸形手,人物面部扭曲。
[商品] 使用【图1】高温碳化实木庭院门+延伸围栏组合;保留深棕碳化木色和产品风格;展示围栏+大门的整套组合效果,以及不同款式变体示意。 [画面] 页面目标:可定制组合方案展示,突出围栏+大门整套可做、规格款式支持定制的优势。构图:上半部分展示「围栏+对开大门」整套安装在小院的完整效果;下半部分分3个定制维度展示(高度可选、间距可调、款式多变),用小图对比示意。景别:上半部分全景,下半部分细节对比小图。背景:自然庭院绿植背景。阅读动线:顶部标题→上半部分整套效果→下半部分定制选项。 [视觉] 套系策略:风格=自然庭院实景商业摄影,温暖治愈系;标题字=粗黑体,厚重有力;正文字=常规黑体,清晰易读;主色=深棕木色;背景延展=基于深棕木色做深浅层级,搭配自然绿植绿、米白石材色、暖阳光色;强调色=暖金色,仅用于小面积图标、引线、标签和高光点缀;标题色=深炭棕色;正文色=中暖棕色;组件=圆角木质纹理信息卡、细线引线、木质图标;光影=左前侧暖自然光,柔和树影,木质表面有自然光泽。 [文字] 顶部主标题「可定制组合」,副标题「围栏+大门 按需定做 一步配齐」;3个定制维度:「高度定制」多种高度 按需选择;「间距可调」栏杆间距 灵活调整;「款式多样」围栏/对开门 多种款式;底部补充「可做单纯围栏 也可搭配对开木门」;所有文字横向排版。 [规格] 图片比例9:16竖版,4K分辨率,负向提示:避免变形、错字、文字过小、冷蓝灰背景、产品风格不统一、绝对化用语。[商品] 使用【图1】高温碳化实木庭院门+延伸围栏组合;保留深棕碳化木色和产品风格;展示围栏+大门的整套组合效果,以及不同款式变体示意。
[画面] 页面目标:可定制组合方案展示,突出围栏+大门整套可做、规格款式支持定制的优势。构图:上半部分展示「围栏+对开大门」整套安装在小院的完整效果;下半部分分3个定制维度展示(高度可选、间距可调、款式多变),用小图对比示意。景别:上半部分全景,下半部分细节对比小图。背景:自然庭院绿植背景。阅读动线:顶部标题→上半部分整套效果→下半部分定制选项。
[视觉] 套系策略:风格=自然庭院实景商业摄影,温暖治愈系;标题字=粗黑体,厚重有力;正文字=常规黑体,清晰易读;主色=深棕木色;背景延展=基于深棕木色做深浅层级,搭配自然绿植绿、米白石材色、暖阳光色;强调色=暖金色,仅用于小面积图标、引线、标签和高光点缀;标题色=深炭棕色;正文色=中暖棕色;组件=圆角木质纹理信息卡、细线引线、木质图标;光影=左前侧暖自然光,柔和树影,木质表面有自然光泽。
[文字] 顶部主标题「可定制组合」,副标题「围栏+大门 按需定做 一步配齐」;3个定制维度:「高度定制」多种高度 按需选择;「间距可调」栏杆间距 灵活调整;「款式多样」围栏/对开门 多种款式;底部补充「可做单纯围栏 也可搭配对开木门」;所有文字横向排版。
[规格] 图片比例9:16竖版,4K分辨率,负向提示:避免变形、错字、文字过小、冷蓝灰背景、产品风格不统一、绝对化用语。