您的位置: 首页 >日志>视觉设计>详细内容

视觉设计

AI 国风建筑线稿 Banner 设计实操全记录

来源:本站原创 发布时间:2026-07-03 17:05:26 浏览次数: 【字体:

一、项目需求缘起

客户需求:官网首页图改成建筑线条形状看看, 前期曾采用 SVG 线条文件制作过一版建筑线稿 banner,但成品整体质感单薄、国风氛围感不足,画面精致度达不到预期。因此决定借助 AI 绘图工具,融合实景建筑结构与国风参考图的色彩、笔触风格,重新创作符合品牌调性的首页banner图。

二、第一版方案:双建筑楼原图国风化改造

2.1 原始素材说明

1.基底建筑线稿原图
这是最初的米金色单线建筑稿,完整包含左右两组医院主楼、远景层叠山峦、底部水波纹元素,采用单一暖金单色线稿,风格偏传统白描,但色调老旧厚重,缺少现代清新商务感。


2.国风色彩参考图(自己网上找的参考图)
青绿鎏金新国潮山水插画,以薄荷青、渐变湖绿为主色调,山体边缘点缀细鎏金勾边,搭配云雾留白、淡墨山水、柔化水面,奠定本次改版核心色彩与水墨质感标准。
 

2.2 AI 绘图精准提示词方案

结合两张参考图的结构、色彩、质感,拆分正向、反向提示词,并配套详细风格调整规范,精准约束 AI 生成逻辑,避免画面变形、色彩失衡。
 

 

正向提示词

超宽横幅国风插画,完整保留第一张图左右两组医院建筑线稿轮廓、远山层叠造型、底部水波纹纹样;参考第二张图青绿水墨鎏金风格,柔和薄荷青渐变朦胧雾感天空,分层青绿色晕染远山,山体边缘点缀细鎏金勾边,建筑保留精致淡线稿,整体通透浅青绿配色,水面柔和薄雾留白,细腻烫金山水描边,新中式国潮扁平水彩质感,8K 高清长横幅,淡雅商务国风背景,无多余杂物。

负面提示词

纯米黄单色、厚重深色、写实照片、鲜艳饱和色彩、人物车辆、杂乱装饰、浓墨重彩、暗调阴影、变形建筑轮廓。

风格调整说明

1.轮廓完全不变:原图左右两栋医院建筑、远山、上下水线条造型 1:1 完整保留,仅替换整体色彩体系;
2.配色对标参考图:整体底色更换为浅薄荷青雾感渐变,远山做深浅青绿分层晕染,山体轮廓添加细金色描边,建筑线条改为浅青灰细线;
3.氛围统一复刻:还原参考图朦胧云雾、通透水墨质感,底部水波纹同步增加淡青绿 + 细鎏金线条,整体统一为清新雅致青绿国风。

2.3 AI 生成成品效果

将提示词搭配两张参考图输入 AI 生成,成品完美兼顾原有建筑结构与青绿鎏金山水国风,线条干净柔和、云雾层次通透,商务清新调性适配官网首页。
 

三、第二版方案:全新滨河全景实景图同风格复刻

3.1 全新实景素材

基于第一版成熟稳定的青绿鎏金线稿国风体系,更换全新城市滨河全景实景图作为建筑基底,画面包含成片高层住宅、医院建筑群、蜿蜒 S 型河道、跨河桥梁、两岸山林远景,完整城市滨水全景布局,需要完整复刻实景结构,统一转为同款国风线稿。
 

3.2 适配新版全景图的优化提示词

针对滨河全景场景调整提示词约束规则,严格锁定实景布局不改动,同步沿用第一版水墨鎏金视觉标准,新增画面调整规范,细化建筑、山水、河流、氛围的制作要求。
 

 

正向提示词

超宽横幅新中式国风水墨插画,完整保留第二张实景全部建筑、蜿蜒河流、两岸群山、道路桥梁的原始全景布局;建筑全部采用清晰精致的淡青绿色细线条线稿,无填充色块;远山参考第一张分层青绿晕染水墨质感,山体边缘搭配细腻鎏金描边,山间弥漫朦胧白雾,河面绘制柔和淡水波纹,整体浅薄荷青通透雾感底色,新中式水彩鎏金山水风格,线条干净锐利,8K 高清长横幅商务国风背景,无多余杂物、无人物车辆。

负面提示词

实景照片、彩色填充建筑、厚重深色、高饱和鲜艳色彩、人物、车辆、杂乱装饰、浓墨重彩、暗调阴影、变形建筑轮廓、纯色平涂。

画面调整规范

1.布局 1:1 复刻实景图:左右所有医院高楼、住宅、S 型河道、跨河桥梁、两侧山林位置完全不变;
2.建筑处理标准:全部转为细腻清晰的单色线稿,仅用浅青绿色勾勒门窗与楼体结构,不做任何填色;
3.山水质感标准:多层渐变青绿水墨远山,每一层山峰边缘添加细烫金勾线,山间云雾朦胧通透,河面增加淡青水波纹鎏金线;
4.整体氛围标准:统一浅青雾感柔和底色,干净淡雅商务国风,线条锐利清晰不模糊。

3.3 第二版全景国风成品效果

沿用统一青绿鎏金水墨线稿风格生成滨河全景 Banner,完整保留实景城市河道、楼宇布局,山水云雾层次柔和,建筑线条规整细腻,和上一版视觉体系高度统一,可作为官网备选横幅素材。
 

四、项目总结

本次采用「实景结构保留 + AI 国风色彩质感融合」的创作流程,先通过小范围双建筑楼稿验证青绿鎏金水墨线稿风格可行性,再复用成熟提示词体系拓展至滨河全景大图,两次生成均实现:
1.100% 还原实景建筑、山水、河道原始布局,无结构畸变;
2.统一新中式淡青绿鎏金商务国风,规避厚重老气的单色线稿;
3.标准化正向 / 反向提示词 + 画面规范,可复用至其他建筑实景 Banner 快速出图。