基于参考图的网页设计风格,生成一个园林庭院风格意向图库网页。整… - 图片创意预览

基于参考图的网页设计风格,生成一个园林庭院风格意向图库网页。整…

基于参考图的网页设计风格,生成一个园林庭院风格意向图库网页。整体布局和视觉风格与参考图保持一致:顶部白色导航栏带绿色logo和导航菜单,大Banner头图区域展示多种风格庭院拼贴图,搜索框和热门风格标

用户头像

1r64eas22h6...

2026.07.23
基于参考图的网页设计风格,生成一个园林庭院施工须知指南网页。整体布局和视觉风格与参考图保持一致:顶部白色导航栏带绿色logo和导航菜单,大Banner头图区域展示施工现场与精美成品对比图,搜索框和热门问题标签,左侧绿色分类导航栏(施工流程、材料选购、质量验收、安全规范、养护知识、常见问题),右侧白色文章列表卡片布局展示施工须知文章(每个卡片含缩略图、文章标题、摘要、阅读量/发布时间),底部分页器,底部服务保障图标区和页脚。主色调为绿色#66BB6A,白色卡片,浅灰背景。页面标题为"施工指南与须知",副标题"专业施工知识 助你打造品质庭院"。导航菜单:首页、SU模型、素材贴图、设计案例、施工须知(高亮绿色)、设计师、VIP会员。左侧分类导航:施工流程(全部/前期准备/地基施工/水电安装/硬质景观/植物种植/收尾验收)、材料选购指南、质量验收标准、安全施工规范、后期养护知识、常见问题解答。右侧文章列表为竖向排列的卡片,约6-8篇,每篇有小缩略图在左,标题和摘要在右,如"庭院施工全流程详解:从设计到落地的10个关键步骤"、"如何选择适合庭院的石材?一文看懂"、"庭院植物种植的最佳季节与注意事项"等。整体UI干净清爽,专业园林设计平台风格,文字清晰可读,4K高清画质。基于参考图的网页设计风格,生成一个园林庭院施工须知指南网页。整体布局和视觉风格与参考图保持一致:顶部白色导航栏带绿色logo和导航菜单,大Banner头图区域展示施工现场与精美成品对比图,搜索框和热门问题标签,左侧绿色分类导航栏(施工流程、材料选购、质量验收、安全规范、养护知识、常见问题),右侧白色文章列表卡片布局展示施工须知文章(每个卡片含缩略图、文章标题、摘要、阅读量/发布时间),底部分页器,底部服务保障图标区和页脚。主色调为绿色#66BB6A,白色卡片,浅灰背景。页面标题为"施工指南与须知",副标题"专业施工知识 助你打造品质庭院"。导航菜单:首页、SU模型、素材贴图、设计案例、施工须知(高亮绿色)、设计师、VIP会员。左侧分类导航:施工流程(全部/前期准备/地基施工/水电安装/硬质景观/植物种植/收尾验收)、材料选购指南、质量验收标准、安全施工规范、后期养护知识、常见问题解答。右侧文章列表为竖向排列的卡片,约6-8篇,每篇有小缩略图在左,标题和摘要在右,如"庭院施工全流程详解:从设计到落地的10个关键步骤"、"如何选择适合庭院的石材?一文看懂"、"庭院植物种植的最佳季节与注意事项"等。整体UI干净清爽,专业园林设计平台风格,文字清晰可读,4K高清画质。
[主图-4] 庭院设计案例与团队资质图 [氛围风格] 清新自然写实风,专业可信的设计服务氛围 [画质] 商业摄影质感、光线柔和通透、案例清晰真实、画面干净高级 [元素] 画面主体展示多套不同风格的庭院设计案例缩略图网格排列,包括现代自然风(参考图风格)、日式禅意风、欧式田园风、现代极简风等不同风格庭院效果图,每套案例都精美清晰。下方有设计师团队工作场景小图:设计师在电脑前绘制效果图、现场测量庭院的场景。整体体现丰富的设计经验和专业团队。 [光影] 整体明亮自然光,案例图片各自光影自然和谐,团队场景光线柔和专业 [配色] 主色暖木棕+绿植绿,辅色米白浅灰,整体色调统一和谐 [视角构图] 上半部分为案例展示网格(2行3列共6个案例缩略图),下半部分左侧为团队工作场景,右侧为资质说明文字区,布局均衡 [文字版式] 顶部主标题“1000+庭院设计案例”,深绿色粗体大字;副标题“专业团队 量身定制”,深灰色;每个案例下方标注风格名称,小字白色半透明底;右下角区域文字:“资深设计师团队”“5年以上景观设计经验”“一对一沟通服务”,分三行排列,深灰色,配小图标。 [输出要求] 1:1比例,文字清晰可辨,超高清商业摄影质感 [负向提示词] 变形,文字错乱,场景模糊,背景杂乱,水印,电商平台Logo[主图-4] 庭院设计案例与团队资质图
[氛围风格] 清新自然写实风,专业可信的设计服务氛围
[画质] 商业摄影质感、光线柔和通透、案例清晰真实、画面干净高级
[元素] 画面主体展示多套不同风格的庭院设计案例缩略图网格排列,包括现代自然风(参考图风格)、日式禅意风、欧式田园风、现代极简风等不同风格庭院效果图,每套案例都精美清晰。下方有设计师团队工作场景小图:设计师在电脑前绘制效果图、现场测量庭院的场景。整体体现丰富的设计经验和专业团队。
[光影] 整体明亮自然光,案例图片各自光影自然和谐,团队场景光线柔和专业
[配色] 主色暖木棕+绿植绿,辅色米白浅灰,整体色调统一和谐
[视角构图] 上半部分为案例展示网格(2行3列共6个案例缩略图),下半部分左侧为团队工作场景,右侧为资质说明文字区,布局均衡
[文字版式] 顶部主标题“1000+庭院设计案例”,深绿色粗体大字;副标题“专业团队 量身定制”,深灰色;每个案例下方标注风格名称,小字白色半透明底;右下角区域文字:“资深设计师团队”“5年以上景观设计经验”“一对一沟通服务”,分三行排列,深灰色,配小图标。
[输出要求] 1:1比例,文字清晰可辨,超高清商业摄影质感
[负向提示词] 变形,文字错乱,场景模糊,背景杂乱,水印,电商平台Logo
[主图-1] 庭院景观设计服务主题首图 [氛围风格] 清新自然写实风,现代简约庭院设计质感,专业靠谱的设计服务氛围 [画质] 商业摄影质感、光线柔和通透、庭院场景清晰真实、画面干净高级 [元素] 画面主体为现代自然风庭院全景,左侧分层种植区有挂满红番茄的植株和橘子果树,中间篝火休闲区有圆形篝火台和木质长凳,右侧有大树和白色廊架休闲区,木格栅围墙做背景,前景有观赏草和汀步小路,整体层次丰富绿植饱满。保持庭院整体布局、元素结构、材质质感与输入参考图一致,杜绝变形和色差,精细化处理。画面满屏无边框,庭院场景占画面70%左右。 [光影] 白天自然光,柔和侧光,绿植叶片通透有光泽,木质材质有自然纹理反光,整体明亮通透,阴影柔和自然,光比舒适 [配色] 主色暖木棕+绿植绿,辅色米白浅灰,点缀橙红番茄色 [视角构图] 平视略微俯视角度,庭院全景为视觉中心,前中后景分层清晰,景深中等,场景完整不裁切 [文字版式] 左上负空间左对齐留安全边距,主标题大字“私家花园定制设计”,深绿色最大号粗体无衬线;副标题“现代自然风庭院 效果图方案”,约半高、深灰色;下方三个小卖点横向排列“分层种植 篝火休闲 廊架造景”,白色小字配浅绿圆角底。右上角小标签“专业景观设计”,暖木棕底白字。 [输出要求] 1:1比例,文字清晰可辨,超高清商业摄影质感 [负向提示词] 变形,文字错乱,场景模糊,背景杂乱,水印,电商平台Logo[主图-1] 庭院景观设计服务主题首图
[氛围风格] 清新自然写实风,现代简约庭院设计质感,专业靠谱的设计服务氛围
[画质] 商业摄影质感、光线柔和通透、庭院场景清晰真实、画面干净高级
[元素] 画面主体为现代自然风庭院全景,左侧分层种植区有挂满红番茄的植株和橘子果树,中间篝火休闲区有圆形篝火台和木质长凳,右侧有大树和白色廊架休闲区,木格栅围墙做背景,前景有观赏草和汀步小路,整体层次丰富绿植饱满。保持庭院整体布局、元素结构、材质质感与输入参考图一致,杜绝变形和色差,精细化处理。画面满屏无边框,庭院场景占画面70%左右。
[光影] 白天自然光,柔和侧光,绿植叶片通透有光泽,木质材质有自然纹理反光,整体明亮通透,阴影柔和自然,光比舒适
[配色] 主色暖木棕+绿植绿,辅色米白浅灰,点缀橙红番茄色
[视角构图] 平视略微俯视角度,庭院全景为视觉中心,前中后景分层清晰,景深中等,场景完整不裁切
[文字版式] 左上负空间左对齐留安全边距,主标题大字“私家花园定制设计”,深绿色最大号粗体无衬线;副标题“现代自然风庭院 效果图方案”,约半高、深灰色;下方三个小卖点横向排列“分层种植 篝火休闲 廊架造景”,白色小字配浅绿圆角底。右上角小标签“专业景观设计”,暖木棕底白字。
[输出要求] 1:1比例,文字清晰可辨,超高清商业摄影质感
[负向提示词] 变形,文字错乱,场景模糊,背景杂乱,水印,电商平台Logo
[第3张] 卖点2-转角设计L形结构示意页。本张使用【图1】作为长廊主体,展示转角如何卡进庭院角落。 [氛围/风格] 俯视示意图风格,清晰明了,专业设计感,新中式配色。 [元素布局] 画面上半部分为俯视视角的庭院平面图:灰色墙体围合出L形角落,水泥仿木长廊(柚木色俯视简化图)完美贴合转角放置,虚线标注转角角度和贴合度;旁边有小院子、步道、花坛的简化示意;画面下半部分为长廊转角处的45°实拍特写,展示L形结构的衔接细节和立柱布局;长廊结构、颜色与输入产品图一致。 [光影质感] 上半部分平面示意图为均匀柔光无阴影;下半部分实拍特写为自然光,木纹质感清晰,转角衔接处细节突出。 [配色色系] 全局底色 #F0EBE0(浅米灰);主色柚木棕、深灰;辅助色墨绿植物、米白墙面、金色标注线。 [视角构图] 上下分区布局,上图俯视示意+下图实拍特写,阅读动线顶部标题 → 上半俯视示意 → 下半实拍特写。 [文字版式] 版式为顶部标题 + 上俯视示意 + 下实拍特写。主标题「转角设计 角落也能变成景」,宋体加粗居中;俯视图标注文字「L形转角结构 一廊围合独立休憩区」「贴合地形不浪费空间」「支持按场地尺寸定制跨度与转角角度」,用引线指向对应位置;下半部分实拍图左上角小字标签「转角衔接实拍」;右侧竖排三个卖点胶囊:贴合转角、围合空间、支持定制。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 长廊变形,结构错误,颜色偏差,水印,文字错乱,俯视示意图比例失调。[第3张] 卖点2-转角设计L形结构示意页。本张使用【图1】作为长廊主体,展示转角如何卡进庭院角落。
[氛围/风格] 俯视示意图风格,清晰明了,专业设计感,新中式配色。
[元素布局] 画面上半部分为俯视视角的庭院平面图:灰色墙体围合出L形角落,水泥仿木长廊(柚木色俯视简化图)完美贴合转角放置,虚线标注转角角度和贴合度;旁边有小院子、步道、花坛的简化示意;画面下半部分为长廊转角处的45°实拍特写,展示L形结构的衔接细节和立柱布局;长廊结构、颜色与输入产品图一致。
[光影质感] 上半部分平面示意图为均匀柔光无阴影;下半部分实拍特写为自然光,木纹质感清晰,转角衔接处细节突出。
[配色色系] 全局底色 #F0EBE0(浅米灰);主色柚木棕、深灰;辅助色墨绿植物、米白墙面、金色标注线。
[视角构图] 上下分区布局,上图俯视示意+下图实拍特写,阅读动线顶部标题 → 上半俯视示意 → 下半实拍特写。
[文字版式] 版式为顶部标题 + 上俯视示意 + 下实拍特写。主标题「转角设计 角落也能变成景」,宋体加粗居中;俯视图标注文字「L形转角结构 一廊围合独立休憩区」「贴合地形不浪费空间」「支持按场地尺寸定制跨度与转角角度」,用引线指向对应位置;下半部分实拍图左上角小字标签「转角衔接实拍」;右侧竖排三个卖点胶囊:贴合转角、围合空间、支持定制。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 长廊变形,结构错误,颜色偏差,水印,文字错乱,俯视示意图比例失调。
根据参考建筑平面图,绘制完整新中式庭院景观顶视效果图,包含以下分区设计:1. 西北象限禅意冥想区:椭圆形浅灰色砾石平台,北西侧围合细叶竹林,中心1株造型罗汉松配3组英石枯山水,南侧对称2株龙柏球,建筑墙角点缀龟背竹,东南侧逆光,斑驳竹叶光影投在砾石上,明暗舒缓静谧。2. 东北象限温泉休闲区:中心圆形温泉池,旁侧假山,北侧方形景观亭,爬满橙红色炮仗花,池畔种植七彩大红花与非洲茉莉球,假山配植龟背竹和丛生竹,东北角1株高大法国枇杷,上午东南侧斜射阳光,湖面树荫明暗分割,水面带水汽雾化反光,整体温暖湿润。3. 西南象限滨水人工湖区:不规则湖面,湖岸曲折,开阔处片植重瓣粉荷花,驳岸丛植细叶竹林和龟背竹,北侧转角1株三华李探水,西侧边界列植荔枝树,东侧侧光,湖面明暗分割,光影随波纹摇曳,荷叶明暗层次,竹子叶影细碎,树冠亮边轮廓柔和。4. 东南象限亲子乐活区:北侧方形儿童结缕草草坪,边缘非洲茉莉球,东侧七彩大红花花篱;南侧曲线菜地分畦种蔬菜,周边环绕三华李、荔枝、树菠萝果树,中心方形南亭爬满炮仗花,小径两侧点缀景石,上午顶侧光,光线柔和均匀,草坪鲜亮,果树投下圆形光斑,蔬菜透亮,整体明暗舒适。5. 建筑入口与动线区:南侧主入口深棕色防腐木平台,东西两侧对称非洲茉莉球,中心对景玉兰花,南向漫射光带挑檐阴影,入户整洁;东北侧次入口两侧对称龙柏柱,竖向引导,明暗清晰;西北侧车库入口两侧对植非洲茉莉球,背景竹林遮挡,光线柔和隐蔽。6. 西、南、东侧庭院边界环形林带:西侧蓝花楹与荔枝间隔列植,夏季蓝紫色花簇;南侧树菠萝与法国枇杷列植,浓密深绿背景;东侧分层种植大乔木、七彩大红花花篱、低矮地被,侧逆光打亮树冠形成亮金色轮廓线,林间纵深感,整体绿意浓郁层次丰富。保留参考图建筑位置结构,写实顶视景观效果图,光影氛围符合各区描述,比例3:4,风格现代自然新中式庭院。根据参考建筑平面图,绘制完整新中式庭院景观顶视效果图,包含以下分区设计:1. 西北象限禅意冥想区:椭圆形浅灰色砾石平台,北西侧围合细叶竹林,中心1株造型罗汉松配3组英石枯山水,南侧对称2株龙柏球,建筑墙角点缀龟背竹,东南侧逆光,斑驳竹叶光影投在砾石上,明暗舒缓静谧。2. 东北象限温泉休闲区:中心圆形温泉池,旁侧假山,北侧方形景观亭,爬满橙红色炮仗花,池畔种植七彩大红花与非洲茉莉球,假山配植龟背竹和丛生竹,东北角1株高大法国枇杷,上午东南侧斜射阳光,湖面树荫明暗分割,水面带水汽雾化反光,整体温暖湿润。3. 西南象限滨水人工湖区:不规则湖面,湖岸曲折,开阔处片植重瓣粉荷花,驳岸丛植细叶竹林和龟背竹,北侧转角1株三华李探水,西侧边界列植荔枝树,东侧侧光,湖面明暗分割,光影随波纹摇曳,荷叶明暗层次,竹子叶影细碎,树冠亮边轮廓柔和。4. 东南象限亲子乐活区:北侧方形儿童结缕草草坪,边缘非洲茉莉球,东侧七彩大红花花篱;南侧曲线菜地分畦种蔬菜,周边环绕三华李、荔枝、树菠萝果树,中心方形南亭爬满炮仗花,小径两侧点缀景石,上午顶侧光,光线柔和均匀,草坪鲜亮,果树投下圆形光斑,蔬菜透亮,整体明暗舒适。5. 建筑入口与动线区:南侧主入口深棕色防腐木平台,东西两侧对称非洲茉莉球,中心对景玉兰花,南向漫射光带挑檐阴影,入户整洁;东北侧次入口两侧对称龙柏柱,竖向引导,明暗清晰;西北侧车库入口两侧对植非洲茉莉球,背景竹林遮挡,光线柔和隐蔽。6. 西、南、东侧庭院边界环形林带:西侧蓝花楹与荔枝间隔列植,夏季蓝紫色花簇;南侧树菠萝与法国枇杷列植,浓密深绿背景;东侧分层种植大乔木、七彩大红花花篱、低矮地被,侧逆光打亮树冠形成亮金色轮廓线,林间纵深感,整体绿意浓郁层次丰富。保留参考图建筑位置结构,写实顶视景观效果图,光影氛围符合各区描述,比例3:4,风格现代自然新中式庭院。
生成一张旅行公司官网首页长图,尺寸严格为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。分模块上色严格遵循用户指定规范,不修改排版仅更换对应颜色