Перейти к содержанию

Ai-generated-ui-floor-plan: различия между версиями

Материал из XIOT Wiki
← Предыдущая правка

Admin (обсуждение | вклад)

3 группы участника
3501 правка
ВизуальныйВики-текст
Taxiot (обсуждение | вклад)
writer
2045 правок
Нет описания правки
м Admin переименовал страницу Генерация плана для интерфейса (UI) с помощью ИИ в Генерация плана для интерфейса (UI) с помощью ИИ: Английский адрес статьи, русский заголовок и сохранение истории по поручению владельца
 
(не показано 7 промежуточных версий 2 участников)
Строка 1: Строка 1:
== Термины (простыми словами) ==
{{DISPLAYTITLE:Генерация плана для интерфейса (UI) с помощью ИИ}}
* '''Кроп (crop)''' — обрезка изображения по краям.  
__NOTOC__
  Если <code>CROP=forbidden</code>, значит генератор не должен обрезать план, даже если он не помещается.
= Генерация UI-плана из чертежа в двух цветовых схемах GPT =
* '''Масштабирование (scale)''' — уменьшение/увеличение картинки целиком, без обрезки.
 
* '''Поля (margins)''' — пустые отступы по краям, чтобы всё влезло в кадр.
Эта инструкция нужна, чтобы из обычного чертежа быстро получить две картинки «как в приложении»: план в стиле UI.
* '''Референс (reference image)''' — исходная картинка, по которой генерируется результат (у нас это чертёж 1.png).
 
* '''Ортографический вид (orthographic)''' — вид строго сверху, без перспективы и наклона.
На первой генерации получается светлая схема (светлый фон, тёмные стены).
* '''Перспектива (perspective)''' — “как в 3D”, с искажениями. В плане она не нужна, поэтому запрещена.
 
* '''Геометрия (layout)''' — форма стен и планировка.
Если нужна тёмная схема, в этом же чате добавляется вторая инструкция — и получается вторая картинка с тем же планом, но в тёмных цветах.
  Если <code>GEOMETRY_CHANGE=forbidden</code>, значит стены и размеры не должны “поплыть”.
 
== 1) Чертёж ==
[[File:1.jpg|600px]]
 
== 2) Инструкция 1 (светлая схема) ==
1. Откройте чат GPT.
 
2. Прикрепите чертёж из раздела «Чертёж».
 
3. В чат вставьте ТОЛЬКО текст ниже и отправьте одним сообщением.
 
Ничего больше в чат не добавляйте.
 
<pre>
RAW PROMPT — LIGHT
 
TASK=floorplan_ui_softflat
INPUT=reference_image
OUTPUT_FORMAT=png
OUTPUT_RESOLUTION=1024x768
OUTPUT_ASPECT=4:3
 
FRAMING=fit_all_content
CROP=forbidden
INSTEAD_OF_CROP=scale_down_to_fit + add_margins_if_needed
MARGINS=add_if_needed
MARGINS_COLOR=floor_color
 
VIEW=top_down
PROJECTION=orthographic
PERSPECTIVE=forbidden
INSTEAD_OF_PERSPECTIVE=orthographic_topdown_only
 
GEOMETRY_MODE=lock
GEOMETRY_CHANGE=forbidden
INSTEAD_OF_GEOMETRY_CHANGE=preserve_reference_layout_1to1
 
STYLE=soft_flat_ui_2d
PHOTOREALISM=forbidden
INSTEAD_OF_PHOTOREALISM=clipart_ui_render
 
WALLS=thick_dark_graphite
WALL_CORNERS=rounded_everywhere
WALL_SHADING=forbidden
INSTEAD_OF_WALL_SHADING=flat_fill_only
 
OPENINGS=wall_gaps_only_rounded
DOORS=forbidden_as_graphics
INSTEAD_OF_DOORS=opening_gap_only (empty_negative_space)
DOOR_ARCS=forbidden
INSTEAD_OF_DOOR_ARCS=nothing
DOOR_LEAVES=forbidden
INSTEAD_OF_DOOR_LEAVES=nothing
DOOR_LINES=forbidden
INSTEAD_OF_DOOR_LINES=nothing
 
FLOOR=single_flat_fill
FLOOR_COLOR=warm_offwhite_or_light_warm_gray
FLOOR_TEXTURE=forbidden
INSTEAD_OF_FLOOR_TEXTURE=solid_color_only
FLOOR_PATTERN=forbidden
INSTEAD_OF_FLOOR_PATTERN=solid_color_only
FLOOR_TILE_GRID=forbidden
INSTEAD_OF_FLOOR_TILE_GRID=solid_color_only
FLOOR_WOOD_GRAIN=forbidden
INSTEAD_OF_FLOOR_WOOD_GRAIN=solid_color_only
FLOOR_NOISE=forbidden
INSTEAD_OF_FLOOR_NOISE=clean_flat_fill
 
FURNITURE=keep_if_present
FIXTURES=keep_if_present
FURNITURE_STYLE=softflat_topdown
FURNITURE_3D=forbidden
INSTEAD_OF_FURNITURE_3D=two_or_three_tone_planes (pseudo_volume)
FURNITURE_TEXTURE=forbidden
INSTEAD_OF_FURNITURE_TEXTURE=flat_solid_fills
CABINETS=real_furniture
CABINETS_DIAGONALS=forbidden
INSTEAD_OF_CABINETS_DIAGONALS=light_front_panels + darker_body
 
SHADOWS=drop_shadow_only
SHADOW_LAYERS=1
SHADOW_TARGET=under_furniture_only
INNER_SHADOWS=forbidden
INSTEAD_OF_INNER_SHADOWS=none
AO=forbidden
INSTEAD_OF_AO=none
 
TEXT=forbidden
INSTEAD_OF_TEXT=erase_and_leave_blank_space
DIMENSIONS=forbidden
INSTEAD_OF_DIMENSIONS=erase_and_leave_blank_space
CAD_SYMBOLS=forbidden
INSTEAD_OF_CAD_SYMBOLS=none
ELECTRIC_OVERLAYS=forbidden
INSTEAD_OF_ELECTRIC_OVERLAYS=remove
ENGINEERING_OVERLAYS=forbidden
INSTEAD_OF_ENGINEERING_OVERLAYS=remove
</pre>
 
== 3) Что получится после Инструкции 1 ==
Получится первая картинка: UI-план в светлой схеме — светлый фон, тёмные стены, без размеров, без текста, без инженерных наложений.
 
[[File:2.jpg|600px]]
 
== 4) Что делать дальше ==
Если нужна только светлая схема — можно остановиться.
 
Если нужна тёмная схема — чертёж заново НЕ добавлять.
 
Просто вставить в этом же чате «Инструкция 2».
 
== 5) Инструкция 2 (тёмная схема) ==
1. Оставайтесь в этом же чате GPT (ничего не прикрепляйте).
 
2. В чат вставьте ТОЛЬКО текст ниже и отправьте одним сообщением.
 
Ничего больше в чат не добавляйте.
 
<pre>
RAW PROMPT — DARK
 
TASK=floorplan_ui_softflat
INPUT=reference_image
OUTPUT_FORMAT=png
OUTPUT_RESOLUTION=1024x768
OUTPUT_ASPECT=4:3
 
FRAMING=fit_all_content
CROP=forbidden
INSTEAD_OF_CROP=scale_down_to_fit + add_margins_if_needed
MARGINS=add_if_needed
MARGINS_COLOR=floor_color
 
VIEW=top_down
PROJECTION=orthographic
PERSPECTIVE=forbidden
INSTEAD_OF_PERSPECTIVE=orthographic_topdown_only
 
GEOMETRY_MODE=lock
GEOMETRY_CHANGE=forbidden
INSTEAD_OF_GEOMETRY_CHANGE=preserve_reference_layout_1to1
 
STYLE=soft_flat_ui_2d
PHOTOREALISM=forbidden
INSTEAD_OF_PHOTOREALISM=clipart_ui_render
 
WALLS=dark_graphite
WALL_CORNERS=rounded_everywhere
WALL_SHADING=forbidden
INSTEAD_OF_WALL_SHADING=flat_fill_only
 
OPENINGS=wall_gaps_only_rounded
DOORS=forbidden_as_graphics
INSTEAD_OF_DOORS=opening_gap_only (empty_negative_space)
DOOR_ARCS=forbidden
INSTEAD_OF_DOOR_ARCS=nothing
DOOR_LEAVES=forbidden
INSTEAD_OF_DOOR_LEAVES=nothing
DOOR_LINES=forbidden
INSTEAD_OF_DOOR_LINES=nothing
 
FLOOR=single_flat_fill
FLOOR_COLOR=deep_desaturated_bluegray_or_graphite
FLOOR_TEXTURE=forbidden
INSTEAD_OF_FLOOR_TEXTURE=solid_color_only
FLOOR_PATTERN=forbidden
INSTEAD_OF_FLOOR_PATTERN=solid_color_only
FLOOR_TILE_GRID=forbidden
INSTEAD_OF_FLOOR_TILE_GRID=solid_color_only
FLOOR_WOOD_GRAIN=forbidden
INSTEAD_OF_FLOOR_WOOD_GRAIN=solid_color_only
FLOOR_NOISE=forbidden
INSTEAD_OF_FLOOR_NOISE=clean_flat_fill
 
FURNITURE=keep_if_present
FIXTURES=keep_if_present
FURNITURE_STYLE=softflat_topdown
FURNITURE_3D=forbidden
INSTEAD_OF_FURNITURE_3D=two_or_three_tone_planes (pseudo_volume)
FURNITURE_TEXTURE=forbidden
INSTEAD_OF_FURNITURE_TEXTURE=flat_solid_fills
 
FURNITURE_COLOR=muted_cool_grays
WARM_TONES=forbidden
INSTEAD_OF_WARM_TONES=cool_gray_palette_only
BEIGE_CREAM_WOOD=forbidden
INSTEAD_OF_BEIGE_CREAM_WOOD=dark_cool_gray + slightly_lighter_cool_gray
 
SOFA_COLOR=dark_cool_gray
BED_COLOR=dark_cool_gray
TABLE_COLOR=dark_cool_gray
CHAIRS_COLOR=dark_cool_gray
KITCHEN_BASE_COLOR=dark_cool_gray
KITCHEN_FRONT_COLOR=slightly_lighter_cool_gray
WARDROBE_BODY=dark_cool_gray
WARDROBE_FRONT=slightly_lighter_cool_gray
SANITARY_COLOR=neutral_light_gray (only for ceramics)
 
CABINETS=real_furniture
CABINETS_DIAGONALS=forbidden
INSTEAD_OF_CABINETS_DIAGONALS=light_front_panels + darker_body
 
SHADOWS=drop_shadow_only
SHADOW_LAYERS=1
SHADOW_TARGET=under_furniture_only
INNER_SHADOWS=forbidden
INSTEAD_OF_INNER_SHADOWS=none
AO=forbidden
INSTEAD_OF_AO=none
 
TEXT=forbidden
INSTEAD_OF_TEXT=erase_and_leave_blank_space
DIMENSIONS=forbidden
INSTEAD_OF_DIMENSIONS=erase_and_leave_blank_space
CAD_SYMBOLS=forbidden
INSTEAD_OF_CAD_SYMBOLS=none
ELECTRIC_OVERLAYS=forbidden
INSTEAD_OF_ELECTRIC_OVERLAYS=remove
ENGINEERING_OVERLAYS=forbidden
INSTEAD_OF_ENGINEERING_OVERLAYS=remove
 
NEGATIVE_PROMPT_ADDON=no_fill_frame_by_cropping
</pre>
 
== 6) Что получится после Инструкции 2 ==
Получится вторая картинка: тот же UI-план, но в тёмной схеме — тёмный фон, стены графитовые, мебель в холодных серых тонах, без размеров, без текста, без инженерных наложений.
 
[[File:3.jpg|600px]]
 
== 7) Итог ==
В одном чате GPT получаются две картинки одного и того же плана: сначала светлая схема, затем (при необходимости) тёмная схема.
 
Чертёж прикрепляется только один раз — перед первой инструкцией.

Текущая версия от 20:37, 2 октября 2026


Генерация UI-плана из чертежа в двух цветовых схемах GPT

Эта инструкция нужна, чтобы из обычного чертежа быстро получить две картинки «как в приложении»: план в стиле UI.

На первой генерации получается светлая схема (светлый фон, тёмные стены).

Если нужна тёмная схема, в этом же чате добавляется вторая инструкция — и получается вторая картинка с тем же планом, но в тёмных цветах.

1) Чертёж

2) Инструкция 1 (светлая схема)

1. Откройте чат GPT.

2. Прикрепите чертёж из раздела «Чертёж».

3. В чат вставьте ТОЛЬКО текст ниже и отправьте одним сообщением.

Ничего больше в чат не добавляйте. 

RAW PROMPT — LIGHT

TASK=floorplan_ui_softflat
INPUT=reference_image
OUTPUT_FORMAT=png
OUTPUT_RESOLUTION=1024x768
OUTPUT_ASPECT=4:3

FRAMING=fit_all_content
CROP=forbidden
INSTEAD_OF_CROP=scale_down_to_fit + add_margins_if_needed
MARGINS=add_if_needed
MARGINS_COLOR=floor_color

VIEW=top_down
PROJECTION=orthographic
PERSPECTIVE=forbidden
INSTEAD_OF_PERSPECTIVE=orthographic_topdown_only

GEOMETRY_MODE=lock
GEOMETRY_CHANGE=forbidden
INSTEAD_OF_GEOMETRY_CHANGE=preserve_reference_layout_1to1

STYLE=soft_flat_ui_2d
PHOTOREALISM=forbidden
INSTEAD_OF_PHOTOREALISM=clipart_ui_render

WALLS=thick_dark_graphite
WALL_CORNERS=rounded_everywhere
WALL_SHADING=forbidden
INSTEAD_OF_WALL_SHADING=flat_fill_only

OPENINGS=wall_gaps_only_rounded
DOORS=forbidden_as_graphics
INSTEAD_OF_DOORS=opening_gap_only (empty_negative_space)
DOOR_ARCS=forbidden
INSTEAD_OF_DOOR_ARCS=nothing
DOOR_LEAVES=forbidden
INSTEAD_OF_DOOR_LEAVES=nothing
DOOR_LINES=forbidden
INSTEAD_OF_DOOR_LINES=nothing

FLOOR=single_flat_fill
FLOOR_COLOR=warm_offwhite_or_light_warm_gray
FLOOR_TEXTURE=forbidden
INSTEAD_OF_FLOOR_TEXTURE=solid_color_only
FLOOR_PATTERN=forbidden
INSTEAD_OF_FLOOR_PATTERN=solid_color_only
FLOOR_TILE_GRID=forbidden
INSTEAD_OF_FLOOR_TILE_GRID=solid_color_only
FLOOR_WOOD_GRAIN=forbidden
INSTEAD_OF_FLOOR_WOOD_GRAIN=solid_color_only
FLOOR_NOISE=forbidden
INSTEAD_OF_FLOOR_NOISE=clean_flat_fill

FURNITURE=keep_if_present
FIXTURES=keep_if_present
FURNITURE_STYLE=softflat_topdown
FURNITURE_3D=forbidden
INSTEAD_OF_FURNITURE_3D=two_or_three_tone_planes (pseudo_volume)
FURNITURE_TEXTURE=forbidden
INSTEAD_OF_FURNITURE_TEXTURE=flat_solid_fills
CABINETS=real_furniture
CABINETS_DIAGONALS=forbidden
INSTEAD_OF_CABINETS_DIAGONALS=light_front_panels + darker_body

SHADOWS=drop_shadow_only
SHADOW_LAYERS=1
SHADOW_TARGET=under_furniture_only
INNER_SHADOWS=forbidden
INSTEAD_OF_INNER_SHADOWS=none
AO=forbidden
INSTEAD_OF_AO=none

TEXT=forbidden
INSTEAD_OF_TEXT=erase_and_leave_blank_space
DIMENSIONS=forbidden
INSTEAD_OF_DIMENSIONS=erase_and_leave_blank_space
CAD_SYMBOLS=forbidden
INSTEAD_OF_CAD_SYMBOLS=none
ELECTRIC_OVERLAYS=forbidden
INSTEAD_OF_ELECTRIC_OVERLAYS=remove
ENGINEERING_OVERLAYS=forbidden
INSTEAD_OF_ENGINEERING_OVERLAYS=remove

3) Что получится после Инструкции 1

Получится первая картинка: UI-план в светлой схеме — светлый фон, тёмные стены, без размеров, без текста, без инженерных наложений.

4) Что делать дальше

Если нужна только светлая схема — можно остановиться.

Если нужна тёмная схема — чертёж заново НЕ добавлять.

Просто вставить в этом же чате «Инструкция 2».

5) Инструкция 2 (тёмная схема)

1. Оставайтесь в этом же чате GPT (ничего не прикрепляйте).

2. В чат вставьте ТОЛЬКО текст ниже и отправьте одним сообщением.

Ничего больше в чат не добавляйте. 

RAW PROMPT — DARK

TASK=floorplan_ui_softflat
INPUT=reference_image
OUTPUT_FORMAT=png
OUTPUT_RESOLUTION=1024x768
OUTPUT_ASPECT=4:3

FRAMING=fit_all_content
CROP=forbidden
INSTEAD_OF_CROP=scale_down_to_fit + add_margins_if_needed
MARGINS=add_if_needed
MARGINS_COLOR=floor_color

VIEW=top_down
PROJECTION=orthographic
PERSPECTIVE=forbidden
INSTEAD_OF_PERSPECTIVE=orthographic_topdown_only

GEOMETRY_MODE=lock
GEOMETRY_CHANGE=forbidden
INSTEAD_OF_GEOMETRY_CHANGE=preserve_reference_layout_1to1

STYLE=soft_flat_ui_2d
PHOTOREALISM=forbidden
INSTEAD_OF_PHOTOREALISM=clipart_ui_render

WALLS=dark_graphite
WALL_CORNERS=rounded_everywhere
WALL_SHADING=forbidden
INSTEAD_OF_WALL_SHADING=flat_fill_only

OPENINGS=wall_gaps_only_rounded
DOORS=forbidden_as_graphics
INSTEAD_OF_DOORS=opening_gap_only (empty_negative_space)
DOOR_ARCS=forbidden
INSTEAD_OF_DOOR_ARCS=nothing
DOOR_LEAVES=forbidden
INSTEAD_OF_DOOR_LEAVES=nothing
DOOR_LINES=forbidden
INSTEAD_OF_DOOR_LINES=nothing

FLOOR=single_flat_fill
FLOOR_COLOR=deep_desaturated_bluegray_or_graphite
FLOOR_TEXTURE=forbidden
INSTEAD_OF_FLOOR_TEXTURE=solid_color_only
FLOOR_PATTERN=forbidden
INSTEAD_OF_FLOOR_PATTERN=solid_color_only
FLOOR_TILE_GRID=forbidden
INSTEAD_OF_FLOOR_TILE_GRID=solid_color_only
FLOOR_WOOD_GRAIN=forbidden
INSTEAD_OF_FLOOR_WOOD_GRAIN=solid_color_only
FLOOR_NOISE=forbidden
INSTEAD_OF_FLOOR_NOISE=clean_flat_fill

FURNITURE=keep_if_present
FIXTURES=keep_if_present
FURNITURE_STYLE=softflat_topdown
FURNITURE_3D=forbidden
INSTEAD_OF_FURNITURE_3D=two_or_three_tone_planes (pseudo_volume)
FURNITURE_TEXTURE=forbidden
INSTEAD_OF_FURNITURE_TEXTURE=flat_solid_fills

FURNITURE_COLOR=muted_cool_grays
WARM_TONES=forbidden
INSTEAD_OF_WARM_TONES=cool_gray_palette_only
BEIGE_CREAM_WOOD=forbidden
INSTEAD_OF_BEIGE_CREAM_WOOD=dark_cool_gray + slightly_lighter_cool_gray

SOFA_COLOR=dark_cool_gray
BED_COLOR=dark_cool_gray
TABLE_COLOR=dark_cool_gray
CHAIRS_COLOR=dark_cool_gray
KITCHEN_BASE_COLOR=dark_cool_gray
KITCHEN_FRONT_COLOR=slightly_lighter_cool_gray
WARDROBE_BODY=dark_cool_gray
WARDROBE_FRONT=slightly_lighter_cool_gray
SANITARY_COLOR=neutral_light_gray (only for ceramics)

CABINETS=real_furniture
CABINETS_DIAGONALS=forbidden
INSTEAD_OF_CABINETS_DIAGONALS=light_front_panels + darker_body

SHADOWS=drop_shadow_only
SHADOW_LAYERS=1
SHADOW_TARGET=under_furniture_only
INNER_SHADOWS=forbidden
INSTEAD_OF_INNER_SHADOWS=none
AO=forbidden
INSTEAD_OF_AO=none

TEXT=forbidden
INSTEAD_OF_TEXT=erase_and_leave_blank_space
DIMENSIONS=forbidden
INSTEAD_OF_DIMENSIONS=erase_and_leave_blank_space
CAD_SYMBOLS=forbidden
INSTEAD_OF_CAD_SYMBOLS=none
ELECTRIC_OVERLAYS=forbidden
INSTEAD_OF_ELECTRIC_OVERLAYS=remove
ENGINEERING_OVERLAYS=forbidden
INSTEAD_OF_ENGINEERING_OVERLAYS=remove

NEGATIVE_PROMPT_ADDON=no_fill_frame_by_cropping

6) Что получится после Инструкции 2

Получится вторая картинка: тот же UI-план, но в тёмной схеме — тёмный фон, стены графитовые, мебель в холодных серых тонах, без размеров, без текста, без инженерных наложений.

7) Итог

В одном чате GPT получаются две картинки одного и того же плана: сначала светлая схема, затем (при необходимости) тёмная схема.

Чертёж прикрепляется только один раз — перед первой инструкцией.

Источник — https://wiki.xiot.ru/index.php?title=Ai-generated-ui-floor-plan&oldid=4421