AIAI for Architecture

Advanced Practice for Urban Design maps, masterplans and urban diagrams.

Aerial tracing, masterplan renderings, contour models, mapping and urban diagrams. Trace Google Aerial Photo, CAD Masterplan to Rendering, Contour Map to 3D, Plan to Birdseye, Mapping, ChatGPT Mapping, Aerial Photo to 3D Diagram, Model to Urban Diagram, Sketch to Urban Plan.

9 lessons40 examples40 prompts
Advanced Practice for Urban Design

Trace Google Aerial Photo

✦ Before → After5 examplesExample 01 · FreeOpen lesson →
Example 01
Trace Google Aerial Photo – Example 1: BeforeTrace Google Aerial Photo – Example 1: Nano Banana (ChatGPT failed)
BeforeNano Banana (ChatGPT failed)

Nano Banana (ChatGPT failed)

Prompt · Free prompt

Based on the provided satellite image, generate a stylized and accurate outline map. Represent buildings as solid dark or black shapes with clean edges, roads as thin white lines or paths, and green areas (parks, lawns, vegetation) as solid green color blocks. Maintain realistic scale and proportions, and preserve the layout and spatial relationships from the satellite image. The overall composition should be minimal, clean, and suitable for urban or architectural site analysis — top-down view, flat graphic style, high contrast, and presentation-ready. NEXT STEP:

根据提供的卫星图,生成一张风格化且准确的轮廓地图。建筑表现为边缘干净的深色或黑色实心形状,道路为细白线或小路,绿地(公园、草坪、植被)为实心绿色色块。保持真实的比例,保留卫星图中的布局和空间关系。整体构图极简、干净,适合城市或建筑场地分析——顶视图,扁平图形风格,高对比度,可直接用于汇报。 下一步:

Advanced Practice for Urban Design

CAD Masterplan to Rendering

✦ Before → After4 examplesExample 01 · FreeOpen lesson →
Example 01
CAD Masterplan to Rendering – Example 1: InputCAD Masterplan to Rendering – Example 1: Nano Banana
InputNano Banana

Input → Nano Banana → ChatGPT

Prompt · Free prompt

Render the urban master plan in a clean top-down view. Fill open space areas with realistic grass textures, and add groups of top-view tree canopies for parks and plazas. Place street trees consistently along sidewalks and boulevards. Use a balanced color palette with soft greens for vegetation, light grays for paving, and realistic building rooftops. Maintain accurate scale and spatial layout, and apply soft natural daylight with subtle shadows for depth. The final plan should feel cohesive, professional, and presentation-ready — suitable for urban design portfolios or competition boards.Buildings should have flat white or light-colored rooftops with subtle outlines and shadows.

以干净的顶视图渲染这张城市总体规划图。开放空间用写实的草地纹理填充,公园和广场加入成组的顶视树冠。沿人行道和林荫大道统一布置行道树。使用均衡的配色:植被用柔和的绿色,铺装用浅灰色,建筑屋顶写实。保持准确的比例和空间布局,使用柔和的自然日光和细微阴影营造纵深。最终平面应协调、专业、可直接汇报——适合城市设计作品集或竞赛展板。建筑屋顶为平涂的白色或浅色,带细微的轮廓线和阴影。

Advanced Practice for Urban Design

Contour Map to 3D

✦ Before → After1 examplesExample 01 · FreeOpen lesson →
Example 01
Contour Map to 3D – Example 1: BeforeContour Map to 3D – Example 1: Nano Banana
BeforeNano Banana

Nano Banana → ChatGPT

Prompt · Free prompt

Create a 3D terrain model based on the provided contour map. Realistic terrain texture. White Background.

根据提供的等高线地图生成 3D 地形模型。写实的地形质感。白色背景。

Advanced Practice for Urban Design

Plan to Birdseye

✦ Before → After2 examplesExample 01 · FreeOpen lesson →
Example 01
Plan to Birdseye – Example 1: BeforePlan to Birdseye – Example 1: After
BeforeAfter

Plan to Birdseye

Prompt · Free prompt

Convert this urban development masterplan, situated along the coastline and extending to the edge of a mountainous area, into a detailed bird’s-eye view rendering. The perspective should look inland — from the water toward the top of the mountain — gradually revealing the transition from coastal development to hillside structures. Accurately model the natural topography, showing the sloping landform rising from sea level to elevated terrain. Extrude all buildings in 3D with appropriate massing and materials, clearly distinguishing between coastal, mid-slope, and mountain-edge zones. Apply realistic textures for rooftops, roads, plazas, and green spaces. Include waterfront promenades, urban blocks, vegetation, and public spaces throughout the site. Use soft natural daylight and atmospheric depth to enhance realism. The final rendering should showcase how the urban design responds to the site's terrain — visually connecting the coastline, urban grid, and mountainous backdrop in a cohesive and professional composition. *Note: You might need to try a few times to get a result you’re fully satisfied with.

这是一个沿海岸线展开、一直延伸到山地边缘的城市开发总体规划。把它转换为一张详细的鸟瞰效果图。视角朝向内陆——从水面看向山顶——逐步展现从滨海开发到山坡建筑的过渡。准确表现自然地形,表现从海平面逐渐升高的坡地。所有建筑以合适的体量和材料拉伸为 3D,清楚区分滨海区、半山区和山缘区。屋顶、道路、广场和绿地使用写实的纹理。在整个场地中加入滨水步道、城市街区、植被和公共空间。使用柔和的自然日光和空气纵深增强真实感。最终效果图应展示城市设计如何回应场地地形——把海岸线、城市网格和山地背景协调、专业地连接在一个构图中。 *备注:可能需要多试几次才能得到满意的结果。

Advanced Practice for Urban Design

Mapping

✦ Prompt → Image18 examplesExample 01 · FreeOpen lesson →
Example 01
Mapping – Example 1: After

Mapping

Nano Banana Pro · Free prompt

A circular architectural site plan of the Boston coastline and harbor, aerial view. The map is contained within a perfect circle with a faint dashed border line. Style of a minimalist topographic map on textured beige archival paper. Deep slate-teal color for the water with a grainy watercolor wash texture. Cream-colored land with delicate, fine-line ink contour lines representing elevation. Small, textured patches of olive-green stippling to represent parks and greenery. Clean, vintage cartographic aesthetic, high detail, minimal labels, white background surrounding the circle. Ratio 3:4 *Note: Change the location, colors as neede.

一张波士顿海岸线和港口的圆形建筑总平面图,鸟瞰视角。地图被框在一个完美的圆内,配一圈淡淡的虚线边框。采用极简地形图风格,画在带纹理的米色档案纸上。水体用深石板蓝绿色,带颗粒感的水彩晕染纹理。陆地为奶油色,用精致的细墨等高线表示高程。公园和绿地用带纹理的橄榄绿小点彩块表示。干净的复古制图美感,细节丰富,标注极少,圆形外为白色背景。比例 3:4 *备注:可按需更换地点和颜色。

Advanced Practice for Urban Design

ChatGPT Mapping

✦ Before → After7 examplesExample 01 · FreeOpen lesson →
Example 01
ChatGPT Mapping – Example 1: After

ChatGPT Mapping

Prompt · Free prompt

Transform my uploaded site plan / urban context map into a professional architectural SITE PLAN & LOCAL CONTEXT analysis board in the same graphic language as the reference. IMPORTANT — PRESERVE THE REAL SITE: Treat my uploaded plan as the fixed geographic base. Preserve exactly: - site boundary - street network - building footprints - block structure - existing open spaces - major infrastructure - orientation - surrounding urban fabric - relative scale and proportions Do not redesign the site. Do not invent roads, buildings, blocks, or landscape features. Do not distort the original geography. BOARD LAYOUT: Create a clean landscape-format architectural analysis board on a pure white background. Use an asymmetrical editorial composition: LEFT SIDE — approximately 35–40% of the board Create four small analytical diagrams arranged in a clean 2 × 2 grid. RIGHT SIDE — approximately 60–65% of the board Create one large detailed contextual site plan. Maintain generous white negative space between all diagrams. MAIN TITLE: Place a small bold title in the upper-left: SITE PLAN & LOCAL CONTEXT: BELOW IT, ADD A SMALL SUBTITLE: 1:2500 SITE PLAN: Use compact architectural sans-serif typography. 01 — CONNECTIONS: Create a circular analytical map derived from the actual site plan. Show: - primary roads - secondary roads - pedestrian connections - public transport / bus stops where applicable - important movement routes - relationship between the site and surrounding street network Use different line weights rather than excessive colors. Primary routes: dark desaturated navy-blue. SECONDARY ROUTES: MEDIUM MUTED BLUE.: LOCAL CONTEXT: VERY PALE BLUE-GREY.: Keep the diagram minimal and diagrammatic. 02 — BUILDING USES: Create a second circular analytical map using the same geographic extent. Classify surrounding buildings by program where information is available, such as: - residential - commercial - services - institutional - mixed use - other relevant categories Represent each category using a restrained monochromatic blue palette. DO NOT USE RAINBOW COLORS.: Keep streets and background context extremely pale so the building-use information is dominant. 03 — GREEN SPACES: Categorize green spaces according to aerial photo. Use progressively darker shades of the same blue family. large park = pale green. small open space = dark navy-green. Maintain exact footprints from the source map. 04 — FIGURE GROUND: Create a simplified architectural figure-ground diagram. Remove unnecessary contextual information. SHOW ONLY: BUILDINGS: solid dark desaturated navy-blue. GROUND / STREETS / OPEN SPACE: pure white. Preserve the exact real building footprints and urban morphology. This diagram should be extremely clean and abstract. MAIN CONTEXTUAL SITE PLAN: On the right side, create a much larger detailed site plan showing the complete local urban context. Use precise architectural / GIS-style linework. Existing surrounding buildings: very pale grey-blue outlines with subtle transparent fills. ROADS: PALE COOL GREY.: MINOR STREETS: EXTREMELY LIGHT GREY.: Landscape / open space: very pale desaturated blue-green or grey-green. WATER, IF PRESENT: VERY PALE MUTED BLUE.: The site should be clearly visible without becoming a large saturated graphic shape. Use subtle transparent blue overlays to identify important local relationships. Add only a few carefully selected analytical lines where useful. Do not overcrowd the main map with arrows, icons, labels, or graphic effects. COLOR PALETTE: Use a tightly controlled monochromatic architectural palette. SUGGESTED COLORS: DARK NAVY #174B63: DEEP BLUE #2F6B86: MEDIUM BLUE #6F9EB6: SOFT BLUE #AFC9D6: PALE BLUE #DCE8ED: VERY PALE BLUE-GREY #EEF3F4: CONTEXT GREY #D9DDDD: WHITE #FFFFFF: OPTIONAL MUTED LANDSCAPE TONE: #DDE8E2: Use approximately 80–90% white / pale grey context and only 10–20% stronger blue information. Do not introduce additional saturated colors. GRAPHIC LANGUAGE: The final result should resemble a professionally prepared architecture / urban design analysis board created using: CAD + GIS + ILLUSTRATOR + INDESIGN.: CHARACTERISTICS: - precise vector-like linework - thin grey contextual lines - flat color fills - restrained transparency - consistent blue palette - clean circular analytical diagrams - strong information hierarchy - generous white space - small architectural typography - minimal legends - subtle north arrows - professional competition-board aesthetic VERY IMPORTANT — AVOID AI LOOK: Do NOT use: - gradients - glowing edges - watercolor textures - painterly effects - 3D buildings - perspective - realistic trees - decorative shadows - random blue patches - excessive transparency effects - artificial texture - blurred boundaries - thick outlines - oversized icons - unnecessary arrows - invented urban information All colors should appear as clean, controlled, mostly FLAT vector fills. The image should look manually constructed in Illustrator / InDesign from accurate CAD or GIS data, NOT generated by AI. FINAL OUTPUT: Strict orthographic top-down representation. LANDSCAPE ORIENTATION.: One large contextual site plan + four smaller analytical diagrams. PURE WHITE BACKGROUND.: Precise, minimal, highly legible architectural graphic design. The uploaded site geometry must remain accurate throughout all five diagrams.

把我上传的总平面图/城市环境地图,转换为一张专业的建筑“总平面与周边环境”分析展板,采用与参考图相同的图示语言。 重要——保留真实场地: 把我上传的平面作为固定的地理底图。 完全保留: - 场地红线 - 街道网络 - 建筑轮廓 - 街区结构 - 现有开放空间 - 主要基础设施 - 朝向 - 周边城市肌理 - 相对尺度和比例 不要重新设计场地。 不要虚构道路、建筑、街区或景观要素。 不要扭曲原有地理。 展板版式: 在纯白背景上制作一张干净的横版建筑分析展板。 使用不对称的杂志式构图: 左侧——约占展板的 35–40% 用干净的 2 × 2 网格排布四张小分析图。 右侧——约占展板的 60–65% 绘制一张大的详细环境总平面图。 所有分析图之间保持充足的白色留白。 主标题: 在左上角放一个小号粗体标题: SITE PLAN & LOCAL CONTEXT(总平面与周边环境) 下方加一个小副标题: 1:2500 SITE PLAN(1:2500 总平面) 使用紧凑的建筑无衬线字体。 01 —— 交通联系: 根据实际总平面生成一张圆形分析地图。 表现: - 主要道路 - 次要道路 - 步行联系 - 公共交通/公交站(如有) - 重要通行路线 - 场地与周边街道网络的关系 用不同线宽而不是过多颜色来区分。 主要路线: 深色低饱和海军蓝。 次要路线: 中等柔和蓝。 周边环境: 很浅的蓝灰色。 保持分析图极简、示意化。 02 —— 建筑功能: 使用相同的地理范围,生成第二张圆形分析地图。 在有信息的情况下,按功能对周边建筑分类,例如: - 住宅 - 商业 - 服务 - 机构 - 混合功能 - 其他相关类别 每个类别用克制的单色蓝系配色表示。 不要使用彩虹色。 街道和背景环境保持极浅,让建筑功能信息占主导。 03 —— 绿地: 根据航拍照片对绿地分类。 使用同一蓝色系中逐级加深的色调。 大型公园 = 浅绿色。 小型开放空间 = 深海军绿。 保持与源地图完全一致的轮廓。 04 —— 图底关系: 制作一张简化的建筑图底关系图。 去掉不必要的环境信息。 只显示: 建筑: 实心深色低饱和海军蓝。 地面/街道/开放空间: 纯白。 完全保留真实的建筑轮廓和城市形态。 这张图应极其干净、抽象。 主环境总平面: 在右侧绘制一张大得多的详细总平面,展示完整的周边城市环境。 使用精确的建筑/GIS 式线条。 周边现状建筑: 很浅的灰蓝色轮廓,配淡淡的透明填充。 道路: 浅冷灰。 次要街道: 极浅的灰色。 景观/开放空间: 很浅的低饱和蓝绿或灰绿。 如有水体: 很浅的柔和蓝。 场地应清晰可见,但不要变成一大块高饱和的图形。 用细微的透明蓝色叠加标出重要的周边关系。 只在有用处加入少量精心挑选的分析线。 不要在主图上堆满箭头、图标、标签或图形效果。 配色: 使用严格控制的单色建筑配色。 建议颜色: 深海军蓝 #174B63 深蓝 #2F6B86 中蓝 #6F9EB6 柔和蓝 #AFC9D6 浅蓝 #DCE8ED 很浅的蓝灰 #EEF3F4 环境灰 #D9DDDD 白色 #FFFFFF 可选的柔和景观色: #DDE8E2 约 80–90% 为白色/浅灰环境,只有 10–20% 为较深的蓝色信息。 不要引入其他高饱和颜色。 图示语言: 最终结果应像用以下工具专业制作的建筑/城市设计分析展板: CAD + GIS + Illustrator + InDesign。 特点: - 精确的矢量式线条 - 细的灰色环境线 - 平涂填色 - 克制的透明度 - 统一的蓝色配色 - 干净的圆形分析图 - 强烈的信息层级 - 充足的白色留白 - 小号建筑字体 - 极简的图例 - 低调的指北针 - 专业的竞赛展板美感 非常重要——避免 AI 感: 不要使用: - 渐变 - 发光边缘 - 水彩纹理 - 绘画效果 - 3D 建筑 - 透视 - 写实树木 - 装饰性阴影 - 随意的蓝色色块 - 过多的透明效果 - 人工纹理 - 模糊的边界 - 粗轮廓 - 过大的图标 - 不必要的箭头 - 虚构的城市信息 所有颜色都应是干净、有控制、以平涂为主的矢量填充。 图像应像是根据准确的 CAD 或 GIS 数据,在 Illustrator/InDesign 中手工制作的,而不是 AI 生成的。 最终输出: 严格的正投影顶视表现。 横版。 一张大的环境总平面 + 四张较小的分析图。 纯白背景。 精确、极简、高度易读的建筑平面设计。 上传场地的几何在全部五张图中都必须保持准确。

Advanced Practice for Urban Design

Aerial Photo to 3D Diagram

✦ Before → After1 examplesExample 01 · FreeOpen lesson →
Example 01
Aerial Photo to 3D Diagram – Example 1: BeforeAerial Photo to 3D Diagram – Example 1: After
BeforeAfter

Aerial Photo to 3D Diagram

Prompt · Free prompt

Transform my uploaded site plan into a refined architectural axonometric illustration while preserving the original site layout, building footprints, landscape, circulation, and spatial relationships exactly. STYLE: Create a premium architectural publication-style diagram using a floating axonometric site model. The visual language should resemble a professionally illustrated Adobe Illustrator architectural drawing with crisp vector linework, flat colors, precise geometry, and a clean editorial aesthetic. COMPOSITION: Represent the project as a single floating site block viewed from a 45° axonometric perspective. Isolate the model on a pure white background with generous negative space. Maintain the exact site geometry, scale, and proportions. KEEP ALL ANNOTATIONS OUTSIDE THE MODEL.: ⸻: BUILDINGS: Render every building as simplified architectural masses with flat vector surfaces. Use white and very light neutral gray for the majority of buildings. Highlight major buildings, landmark structures, and primary interventions using a warm blush palette: • Soft Blush Pink #F3C1BF Warm Coral #E89F95 Distribute the warm colors selectively to establish a clear architectural hierarchy without overwhelming the composition. Draw every building with bold, crisp black vector outlines of consistent stroke weight, similar to professional Adobe Illustrator architectural drawings. Building edges must be perfectly straight, sharp, and geometric. Remove all façade details, windows, roof textures, and realistic materials while preserving the exact building footprints and heights. LABELS: Professional planning callouts. Lable with icons, building in pink with thicker black outline STYLE: yellow rectangular labels black uppercase text leader pointers consistent typography evenly distributed EXAMPLES: LIBRARY CULTURAL CENTER BIOTECH DESIGN CENTER TRANSIT PAVILION LIFE HUB⸻ STREETS & HARDSCAPE: Render roads, plazas, pavements, and pathways using clean flat vector graphics. Clearly define every street edge with crisp black outlines. Use subtle tonal differences between primary and secondary streets while maintaining a restrained monochromatic appearance. Avoid gradients, watercolor textures, or soft painterly effects. ⸻: LANDSCAPE: Render parks and open spaces with flat vector fills using muted natural colors: • Soft Sage #CBDDD6 Light Gray-Green #D9E1DF Mist Blue #BAD8DE Use Warm Sand #FBD28C sparingly for plazas, civic spaces, or important public gathering areas. Keep all landscape surfaces clean, geometric, and highly legible. ⸻: VEGETATION: Represent trees as small architectural symbols with flat circular canopies. USE PRIMARILY: • Soft Sage #CBDDD6 Mist Blue #BAD8DE Introduce occasional Blush Pink #F3C1BF trees to subtly reinforce important public spaces and visual focal points. Maintain consistent size, spacing, and graphic style throughout. ⸻: GRAPHICS: Overlay the drawing with restrained architectural infographic elements including: thin black leader lines numbered callouts location pins simple circular icons minimal sans-serif typography subtle architectural overlays Use Blush Pink #F3C1BF and Warm Coral #E89F95 only as accent colors for highlighted routes, key buildings, important nodes, or primary interventions. Maintain generous spacing and avoid visual clutter. ⸻: LINEWORK: PRIORITIZE CRISP ARCHITECTURAL DRAFTING.: Use consistent black vector strokes throughout the illustration. Building outlines should be noticeably heavier than all secondary graphics. Road edges, landscape boundaries, and annotations should use thinner strokes to establish a clear hierarchy. Every line should appear perfectly straight and precise, as if drawn in Adobe Illustrator. ⸻: COLOR PALETTE: USE ONLY THE FOLLOWING COLORS: * White — #FFFFFF * Light Neutral Gray * Warm Sand — #FBD28C * Soft Sage — #CBDDD6 * Light Gray-Green — #D9E1DF * Mist Blue — #BAD8DE * Blush Pink — #F3C1BF * Warm Coral — #E89F95 * Black — #000000 (linework only) Keep all colors soft, flat, and low in saturation with a bright editorial appearance. ⸻: LIGHTING: Use soft ambient daylight with almost no visible shadows. Apply only subtle ambient occlusion to separate architectural volumes while maintaining a flat diagrammatic quality.

把我上传的总平面图转换为一张精致的建筑轴测插画,同时完全保留原有的场地布局、建筑轮廓、景观、流线和空间关系。 风格: 用悬浮的轴测场地模型,制作一张高品质的建筑出版物风格分析图。视觉语言应像在 Adobe Illustrator 中专业绘制的建筑图纸:矢量线条清晰、平涂色彩、几何精确、杂志式美感干净。 构图: 把项目表现为一个悬浮的场地体块,从 45° 轴测视角观看。 模型单独放在纯白背景上,留白充足。 保持准确的场地几何、比例和尺度。 所有标注都放在模型外侧。 ⸻ 建筑: 每栋建筑都表现为简化的建筑体块,表面为扁平矢量。 大多数建筑使用白色和很浅的中性灰。 主要建筑、地标建筑和主要改造用温暖的腮红色系突出: • 柔和腮红粉 #F3C1BF、暖珊瑚色 #E89F95 有选择地分布暖色,建立清晰的建筑层级,又不压过整体构图。 每栋建筑都用粗细一致、醒目清晰的黑色矢量轮廓绘制,类似专业的 Adobe Illustrator 建筑图纸。 建筑边缘必须完全笔直、锐利、几何化。 去掉所有立面细节、窗户、屋顶纹理和写实材料,同时保留准确的建筑轮廓和高度。 标签: 专业的规划标注。带图标的标签,建筑用粉色并加粗黑色轮廓 风格: 黄色矩形标签 黑色全大写文字 引线指针 字体统一 分布均匀 示例: LIBRARY(图书馆) CULTURAL CENTER(文化中心) BIOTECH(生物科技) DESIGN CENTER(设计中心) TRANSIT PAVILION(交通亭) LIFE HUB(生活中心)⸻ 街道与硬质景观: 道路、广场、铺装和步道用干净的扁平矢量图形表现。 每条街道边缘都用清晰的黑色轮廓明确界定。 主次街道之间使用细微的色调差异,同时保持克制的单色效果。 避免渐变、水彩纹理或柔和的绘画效果。 ⸻ 景观: 公园和开放空间用柔和自然色的扁平矢量填充: • 柔和鼠尾草绿 #CBDDD6、浅灰绿 #D9E1DF、雾蓝 #BAD8DE 广场、市民空间或重要的公共聚集区少量使用暖沙色 #FBD28C。 所有景观表面保持干净、几何、高度易读。 ⸻ 植被: 树木表现为小的建筑式符号,配扁平的圆形树冠。 主要使用: • 柔和鼠尾草绿 #CBDDD6、雾蓝 #BAD8DE 偶尔加入腮红粉 #F3C1BF 的树,低调地强化重要的公共空间和视觉焦点。 全图保持一致的大小、间距和图示风格。 ⸻ 图示: 在图上叠加克制的建筑信息图元素,包括: 细黑引线 编号标注 位置图钉 简单的圆形图标 极简的无衬线字体 细微的建筑叠加层 腮红粉 #F3C1BF 和暖珊瑚色 #E89F95 只作为点缀色,用于突出路线、重点建筑、重要节点或主要改造。 保持充足的间距,避免视觉杂乱。 ⸻ 线条: 优先保证清晰的建筑制图感。 全图使用一致的黑色矢量线。 建筑轮廓应明显粗于所有次要图形。 道路边缘、景观边界和标注使用更细的线,建立清晰的层级。 每条线都应完全笔直精确,就像在 Adobe Illustrator 中绘制的。 ⸻ 配色: 只使用以下颜色: * 白色 —— #FFFFFF * 浅中性灰 * 暖沙色 —— #FBD28C * 柔和鼠尾草绿 —— #CBDDD6 * 浅灰绿 —— #D9E1DF * 雾蓝 —— #BAD8DE * 腮红粉 —— #F3C1BF * 暖珊瑚色 —— #E89F95 * 黑色 —— #000000(仅用于线条) 所有颜色保持柔和、平涂、低饱和,呈现明亮的杂志感。 ⸻ 光线: 使用柔和的环境日光,几乎没有可见的阴影。 只加细微的环境光遮蔽来区分建筑体量,同时保持扁平的分析图质感。

Advanced Practice for Urban Design

Model to Urban Diagram

✦ Before → After1 examplesExample 01 · FreeOpen lesson →
Example 01
Model to Urban Diagram – Example 1: BeforeModel to Urban Diagram – Example 1: After
BeforeAfter

Model to Urban Diagram

Prompt · Free prompt

Transform my uploaded architecture, landscape architecture, campus plan, or masterplan into a clean professional axonometric program diagram in the same visual language as the reference image. PRESERVE THE DESIGN: Keep the uploaded design spatially accurate. PRESERVE EXACTLY: • building footprints • building locations • relative building heights • roads and paths • landscape layout • open spaces • existing buildings • trees and planting areas • site boundaries • circulation structure • overall scale and proportions Do not redesign the project or invent new buildings. AXONOMETRIC VIEW: Convert the plan into a precise architectural axonometric / isometric view. Use a moderately elevated viewing angle so the entire site is clearly visible. Maintain realistic building scale and proportions. Do not exaggerate building heights or distort the site. BASE GRAPHIC STYLE: Create a very light, clean architectural diagram on a pure white background. THE OVERALL APPEARANCE SHOULD COMBINE: • architectural axonometric drawing • fine vector linework • simplified 3D massing • subtle landscape illustration • pastel program coding • minimalist competition-board graphics The image should feel primarily vector-based rather than rendered. BUILDINGS: Represent most buildings as simple white architectural masses with extremely thin light-gray outlines. USE: • white façades • white roofs • very subtle gray shading • minimal or no façade details • crisp edges • extremely soft ambient shadows Do not make the buildings photorealistic. PROGRAM HIGHLIGHTS: Selectively highlight important buildings or program areas using soft pastel colors. SUGGESTED PALETTE: • muted coral / salmon • dusty pink • pale turquoise • muted blue • sage green • pale orange • warm beige • soft yellow Apply color only to important program elements. Keep approximately 70–80% of the architecture white or extremely pale so highlighted programs immediately stand out. Use flat or nearly flat color. Avoid strong gradients. LANDSCAPE: RENDER THE LANDSCAPE VERY LIGHTLY.: USE: • pale sage-green ground washes • simplified tree symbols • small individual tree canopies • thin gray-green outlines • very subtle planting masses • faint lawn areas • delicate water features Trees should appear as simplified architectural landscape symbols rather than realistic trees. Do not create dense photorealistic vegetation. CIRCULATION: Highlight the primary pedestrian or functional circulation network with a continuous pale turquoise or muted blue-green band. Allow this circulation line to weave naturally between buildings and connect important program areas. Secondary paths should remain very pale gray or white. CONTEXT: Fade the surrounding context significantly. Existing buildings outside the primary intervention should appear as: • white massing • very pale gray outlines • low contrast • partially transparent-looking forms The project site should remain visually dominant. ANNOTATION SYSTEM: Add clean program annotations around the perimeter of the axonometric drawing. Connect each annotation to its corresponding building or landscape feature using thin dotted leader lines. LEADER LINES SHOULD: • be extremely thin • use muted gray • contain small regular dots • avoid crossing unnecessarily • terminate precisely at the corresponding program Arrange labels around the outside of the site rather than covering the architecture. ICONS: Above important labels, use simple square program icons. Icons should use the same pastel color coding as their associated programs. Use minimalist white pictograms inside softly colored rounded squares. POSSIBLE CATEGORIES: • community • education • healthcare • recreation • workshop • culture • social space • rehabilitation • sports • public services • landscape • mobility Keep icons small, simple, consistent, and diagrammatic. TYPOGRAPHY: USE CLEAN MODERN SANS-SERIF TYPOGRAPHY.: Program titles should be compact and easy to read. Match label text colors to the associated program color where appropriate. DO NOT USE OVERSIZED TYPOGRAPHY.: GRAPHIC HIERARCHY: THE VISUAL HIERARCHY SHOULD BE: • highlighted program buildings • primary circulation network • white architectural massing • landscape • surrounding context • dotted annotation system Keep the overall drawing extremely light and airy. COLOR + RENDERING CONTROL: USE MOSTLY FLAT COLORS.: AVOID AI-STYLE SMOOTH GRADIENTS.: Avoid excessive shadows, glowing effects, atmospheric lighting, saturated colors, glossy materials, and photorealistic textures. The diagram should look like it was carefully constructed in Rhino / SketchUp and finished manually in Adobe Illustrator. FINAL STYLE: Minimal architectural axonometric diagram, white background, precise building geometry, white massing, delicate gray outlines, pale green landscape, simplified trees, selective pastel program highlighting, turquoise circulation network, dotted annotation lines, minimalist program icons, generous negative space, clean Scandinavian / European architectural competition graphic style. IMPORTANT: Do not make the result look like an AI-generated illustration. Prioritize: precise geometry, flat graphic colors, consistent line weights, clean edges, restrained textures, minimal shadows, and strong information hierarchy.

把我上传的建筑、景观设计、校园规划或总体规划,转换为一张干净专业的轴测功能分析图,采用与参考图相同的视觉语言。 保留设计: 保持上传设计的空间准确性。 完全保留: • 建筑轮廓 • 建筑位置 • 建筑的相对高度 • 道路和步道 • 景观布局 • 开放空间 • 现状建筑 • 树木和种植区 • 场地边界 • 流线结构 • 整体尺度和比例 不要重新设计项目或虚构新建筑。 轴测视图: 把平面转换为精确的建筑轴测/等轴测视图。 使用适度升高的视角,让整个场地清晰可见。 保持真实的建筑尺度和比例。不要夸大建筑高度或扭曲场地。 基础图示风格: 在纯白背景上制作一张非常轻盈、干净的建筑分析图。 整体效果应结合: • 建筑轴测图 • 精细的矢量线条 • 简化的 3D 体量 • 淡淡的景观插画 • 粉彩色功能编码 • 极简的竞赛展板图示 图像应以矢量为主,而不是渲染出来的。 建筑: 大多数建筑表现为简单的白色建筑体块,配极细的浅灰色轮廓。 使用: • 白色立面 • 白色屋顶 • 非常细微的灰色明暗 • 极少或没有立面细节 • 清晰的边缘 • 极其柔和的环境阴影 不要把建筑做成照片级写实。 功能突出: 用柔和的粉彩色有选择地突出重要建筑或功能区。 建议配色: • 柔和珊瑚色/鲑鱼色 • 灰粉色 • 浅蓝绿色 • 柔和蓝 • 鼠尾草绿 • 浅橙色 • 暖米色 • 柔和黄 只给重要的功能元素上色。 约 70–80% 的建筑保持白色或极浅色,让突出的功能一眼可见。 使用平涂或接近平涂的颜色。避免强烈渐变。 景观: 景观表现得非常轻淡。 使用: • 浅鼠尾草绿的地面淡彩 • 简化的树木符号 • 小的单株树冠 • 细的灰绿色轮廓 • 非常淡的种植团块 • 淡淡的草坪区 • 精致的水景 树木应表现为简化的建筑景观符号,而不是写实树木。 不要生成茂密的照片级植被。 流线: 用一条连续的浅蓝绿色或柔和蓝绿色带,突出主要的步行或功能流线网络。 让这条流线自然地穿行于建筑之间,连接重要的功能区。 次要道路保持很浅的灰色或白色。 周边环境: 大幅淡化周边环境。 主要改造范围外的现状建筑应表现为: • 白色体块 • 很浅的灰色轮廓 • 低对比度 • 看起来略带透明的形体 项目场地应在视觉上保持主导。 标注系统: 在轴测图外围加入干净的功能标注。 用细点线引线把每条标注连接到对应的建筑或景观要素。 引线应: • 极细 • 使用柔和灰 • 由规则的小点组成 • 避免不必要的交叉 • 精确止于对应的功能 标签排布在场地外侧,不要盖住建筑。 图标: 在重要标签上方使用简单的方形功能图标。 图标使用与对应功能相同的粉彩色编码。 在柔和色的圆角方块内使用极简的白色图形符号。 可用类别: • 社区 • 教育 • 医疗 • 休闲 • 工作坊 • 文化 • 社交空间 • 康复 • 运动 • 公共服务 • 景观 • 出行 图标保持小巧、简单、一致、示意化。 字体: 使用干净的现代无衬线字体。 功能标题紧凑易读。 适当时,标签文字颜色与对应功能颜色一致。 不要使用过大的字体。 图示层级: 视觉层级应为: • 突出的功能建筑 • 主要流线网络 • 白色建筑体量 • 景观 • 周边环境 • 点线标注系统 整张图保持极其轻盈、通透。 色彩与渲染控制: 以平涂色为主。 避免 AI 式的平滑渐变。 避免过多阴影、发光效果、氛围光、高饱和颜色、光泽材质和照片级纹理。 分析图应像是在 Rhino / SketchUp 中精心建模、再在 Adobe Illustrator 中手工完成的。 最终风格: 极简的建筑轴测分析图,白色背景,精确的建筑几何,白色体量,精致的灰色轮廓,浅绿色景观,简化的树木,有选择的粉彩色功能突出,蓝绿色流线网络,点线标注,极简的功能图标,充足的留白,干净的北欧/欧洲建筑竞赛图示风格。 重要: 不要让结果看起来像 AI 生成的插画。 优先保证: 精确的几何、 平涂的图示色彩、 一致的线宽、 干净的边缘、 克制的纹理、 极少的阴影、 以及清晰的信息层级。

Advanced Practice for Urban Design

Sketch to Urban Plan

✦ Before → After1 examplesExample 01 · FreeOpen lesson →
Example 01
Sketch to Urban Plan – Example 1: BeforeSketch to Urban Plan – Example 1: After
BeforeAfter

Sketch to Urban Plan

Prompt · Free prompt

Transform my uploaded architecture or landscape site plan into a professional landscape architecture competition masterplan, combining precise CAD linework, delicate hand-drawn graphics, and subtle watercolor textures. DESIGN & LAYOUT: • Preserve the original site layout, building locations, circulation network, planting zones, and overall proportions. • For rough sketches, refine geometry into clean, logical architectural forms without changing the original design intent. • Ensure roads have consistent widths, smooth curves, realistic turning radii, and logical intersections. • Maintain clear access to buildings and a well-connected pedestrian network. • Use strictly orthographic top-down view, with no perspective or 3D effects. BUILDINGS & ROADS: • Buildings: clean white roof plans, crisp grey outlines, simple roof geometry, and extremely subtle shadows. • Refine rough building shapes into organized, realistic footprints while preserving their positions and orientations. • Roads: light warm-grey surfaces, precise edges, smooth connections, and consistent widths. • Paths: pale beige-grey, narrower than roads, with clear and logical connections. LANDSCAPE & TREES: • Arrange trees in organized, intentional compositions rather than random distributions. • Use consistent spacing along streets, natural clusters in planting beds, and balanced tree groupings around buildings. • Tree symbols: simplified top-view crowns, slightly irregular shapes, fine outlines, semi-transparent sage-green fills, and minimal canopy details. • Planting: soft olive and muted green washes, simplified shrub clusters, delicate stippling, and occasional dusty pink or lavender accents. • Grass: pale yellow-green with minimal watercolor texture and generous open space. VISUAL STYLE & COLORS: Create a clean, minimalist architectural competition illustration. • Muted, low-saturation palette: sage green, dusty olive, pale grey-green, warm beige, ivory, and light grey. • White buildings should remain the clearest elements. • Fine architectural linework with a clear hierarchy. • Subtle watercolor and colored-pencil textures, without heavy pigments. • Simplified, diagrammatic vegetation rather than photorealistic planting. • Render the main site with greater detail; fade surrounding context into pale, minimal outlines. • Maintain a light off-white background and balanced negative space. FINAL RESULT: Elegant, precise, organized, and competition-quality. organized trees, clean outlines for building. logistic road layout Avoid photorealism, oversaturated colors, random trees, excessive planting detail, thick black outlines, distorted buildings, inconsistent road widths, awkward intersections, heavy shadows, and unnecessary design changes. Maintain the original image aspect ratio and overall composition.

把我上传的建筑或景观总平面图,转换为一张专业的景观设计竞赛总平面图,结合精确的 CAD 线条、精致的手绘图示和细微的水彩质感。 设计与布局: • 保留原有的场地布局、建筑位置、交通网络、种植分区和整体比例。 • 如果是粗略草图,在不改变原设计意图的前提下,把几何优化为干净、合理的建筑形态。 • 确保道路宽度一致、曲线顺滑、转弯半径合理、路口合乎逻辑。 • 保持建筑入口通达,步行网络连接良好。 • 严格使用正投影顶视图,无透视或 3D 效果。 建筑与道路: • 建筑:干净的白色屋顶平面,清晰的灰色轮廓,简单的屋顶几何,极其细微的阴影。 • 把粗略的建筑形状优化为规整、真实的轮廓,同时保留其位置和朝向。 • 道路:浅暖灰色路面,边缘精确,连接顺滑,宽度一致。 • 小路:浅米灰色,比道路窄,连接清晰合理。 景观与树木: • 树木按有组织、有意图的构图布置,而不是随机分布。 • 沿街道间距一致,种植池中自然成组,建筑周围树木组合均衡。 • 树木符号:简化的顶视树冠,形状略不规则,细轮廓,半透明的鼠尾草绿填充,树冠细节极少。 • 种植:柔和的橄榄绿和低饱和绿色淡彩,简化的灌木组团,精致的点彩,偶尔点缀灰粉或薰衣草紫。 • 草地:浅黄绿色,水彩纹理极少,开放空间充足。 视觉风格与配色: 制作一张干净、极简的建筑竞赛插画。 • 柔和、低饱和的配色:鼠尾草绿、灰橄榄绿、浅灰绿、暖米色、象牙白和浅灰。 • 白色建筑应是最清晰的元素。 • 精细的建筑线条,层级清晰。 • 细微的水彩和彩铅质感,不用厚重的颜料感。 • 简化、示意化的植被,而不是照片级种植。 • 主场地细节更丰富;周边环境淡化为浅色、极简的轮廓。 • 保持浅米白背景和均衡的留白。 最终效果: 优雅、精确、有条理、竞赛级品质。树木排布有序,建筑轮廓干净,道路布局合理。 避免照片级写实、过饱和颜色、随意的树木、过多的种植细节、粗黑轮廓、变形的建筑、宽度不一的道路、别扭的路口、浓重阴影以及不必要的设计改动。 保持原图的宽高比和整体构图。

Get every prompt in the library

218 tested prompts, 210 worked examples and 423 before/after images for Nano Banana and ChatGPT, plus the 291-page bilingual PDF guide.

Get the full library