콕랩

콕랩이 만드는 사이트

FRAME

이미지 프롬프트 · GPT Image 2

모니터·노트북·휴대폰에 펼친 공연 캠페인 웹 시안

다중 기기 공연 캠페인 웹 목업 예시 이미지

모니터·노트북·휴대폰에 같은 보라빛 공연 캠페인 페이지를 띄우고 옆에 세로 스크롤 흐름과 전환 버튼 구역을 붙인 1:1 웹 캠페인 제안 목업 프롬프트입니다.

이 그림, 어디에 쓰나요

원문은 영어와 중국어가 섞여 있어 페이지에서 한국어 풀이로 읽을 수 있습니다. 다중 기기 목업, 스크롤 서사, 전환 구역 세 가지를 한 장에 담고 데스크톱과 모바일의 시각 언어를 통일하라는 성공 기준을 적었습니다. 예시는 오른쪽 긴 세로 화면에 굿즈 진열 구역까지 넣어 페이지 흐름을 보여 줍니다.

  • 웹 에이전시 제안서 표지
  • 공연·전시 랜딩 페이지 기획
  • 포트폴리오 케이스 이미지

내 것으로 바꿔 쓰는 예

바꿀 곳원래이렇게 바꾸면
주제브랜드 협업, 한정 발매, 콘서트 투어, 영화 홍보 이벤트 페이지를 위한 멀티스크린 홍보 웹페이지 제안지역 책 축제와 북토크 일정을 알리는 멀티스크린 홍보 웹페이지 제안
핵심 구성다중 기기 목업 + 스크롤 서사 + 전환 구역태블릿과 휴대폰 목업 + 일정표 + 사전 신청 구역
연작 번호인터랙티브 웹 캠페인 목업 단독 연구 9/9.인터랙티브 웹 캠페인 목업 단독 연구 4/9.

⚠️ 실제 가게·상품·장소 홍보에 쓰면 AI로 만든 장면이어도 표시·광고 관련 법이 적용될 수 있습니다. 실제와 다르게 보이지 않는지 담당자가 확인하세요. 다른 사람의 얼굴 사진을 넣을 때는 본인 동의가 필요합니다.

프롬프트 (한국어)

장면:

'인터랙티브 웹 캠페인 목업'에 어울리는 강한 여백, 선명한 위계, 정돈된 발표 화면을 갖춘 정사각형 고급 캠페인 구도입니다.

이미지는 가벼운 목업이 아니라 제안서에 바로 넣을 마케팅 에셋처럼 느껴져야 하며, 전경·중경·배경에 걸친 의도적인 리듬을 갖춥니다.

다중 기기 목업 + 스크롤 서사 + 전환 구역을 중심으로 화면을 짜고, 조명, 기기나 매체 프레이밍, 환경 단서로 실제 출시 체계를 암시합니다.

브랜드 협업, 한정 발매, 콘서트 투어, 영화 홍보 이벤트 페이지를 위한 멀티스크린 홍보 웹페이지 제안의 정신을 참고하되, 결과물은 독창적이고 상업적으로 그럴듯하게 유지합니다.

주제:

'인터랙티브 웹 캠페인 목업' 주제를 위해 명료함, 리듬, 전환에 맞춘 초점을 중심으로 만든 정돈된 레이아웃 연구를 만듭니다.

중심 시각 체계는 즉시 읽혀야 하며, 분명한 주 요소, 믿을 만한 보조 요소, 그리고 피치 덱, 랜딩 페이지, 플랫폼 지면, 포스터 벽, 소셜 롤아웃에 바로 쓸 수 있을 만큼의 구조적 규율을 갖춥니다.

크기, 간격, 통제된 원근으로 따로 떨어진 이미지 한 장이 아니라 완결된 캠페인 논리를 암시합니다.

여러 화면이나 모듈이 나오면 하나의 시각 언어로 통일합니다.

중요한 점:

이 주제는 특히 다중 기기 목업 + 스크롤 서사 + 전환 구역에 관한 것입니다.

정적인 웹페이지처럼 보이는 데 그치지 않고 스크롤, 호버, 전환 같은 인터랙션 리듬이 느껴져야 합니다.

한 장의 그림 안에서 다중 기기 체계와 웹페이지 서사 리듬을 표현하는 데 더 알맞습니다.

구도는 상업 미술로서 믿을 만하게 유지합니다.

고급 조명, 일관된 스타일링, 모듈형 위계, 분명한 서사 강조를 갖춥니다.

성공 기준은 다음과 같습니다.

데스크톱과 모바일의 시각 언어가 통일될 것, 페이지에 스크롤 층위와 인터랙션 암시가 있다고 느껴질 것, 히어로·콘텐츠 구역·CTA 구역이 서로 부딪히지 않을 것, 고객 피치 덱이나 사례 페이지에 바로 넣기 알맞을 것.

범위에 드는 능력은 구조적 레이아웃, 상업용 목업, 글자 렌더링, 세계 지식입니다.

이미지는 정사각형 연구 한 장이지만 여러 형식으로 이어지는 롤아웃을 위해 디자인된 것처럼 느껴져야 합니다.

쓰임:

인터랙티브 웹 캠페인 목업 단독 연구 9/9.

제약:

읽을 수 있는 글자 없음, 워터마크 없음, 로고 없음, 정확한 1:1 화면비 유지, 무질서한 콜라주 없음, 화면 사이에 깨진 원근 없음, 흐릿한 위계 없음, 흔한 템플릿 느낌 없음, 저해상도 화면 결함 없음, 불필요한 소품 없음.

원문 프롬프트

Scene:
A square premium campaign composition with strong negative space, crisp hierarchy, and a polished presentation surface appropriate for Interactive Web Campaign Mockup. The image should feel like a proposal-ready marketing asset rather than a casual mockup, with deliberate pacing across foreground, midground, and background. Build the frame around 多设备 mockup + 滚动叙事 + 转化区, using lighting, device or media framing, and environment cues that suggest a real rollout system. Reference the spirit of 品牌联名、限定发售、演唱会巡演或电影宣发活动页的多屏宣传网页提案。 while keeping the result original and commercially plausible.

Subject:
Create a polished layout study built around clarity, pacing, and conversion-ready focus. for the Interactive Web Campaign Mockup theme. The central visual system should read immediately, with a clear lead element, credible secondary support, and enough structural discipline to feel ready for a pitch deck, landing page, platform slot, poster wall, or social rollout. Use scale, spacing, and controlled perspective to imply a complete campaign logic instead of a single disconnected image. Where multiple surfaces or modules appear, keep them unified through one visual language.

Important details:
This topic is specifically about 多设备 mockup + 滚动叙事 + 转化区. 不仅要像静态网页,还要让人感觉得到滚动、悬停、切换等交互节奏。 更适合在一张图里表达多设备系统和网页叙事节奏。. Keep the composition believable as commercial art: premium lighting, consistent styling, modular hierarchy, and clear narrative emphasis. Success should align with these criteria: 桌面端和移动端在视觉语言上统一; 能感受到页面是有滚动层次和交互暗示的; hero、内容区、CTA 区不打架; 适合直接放进客户 pitch deck 或案例页. Capabilities in scope include structured-layout, commercial-mockup, text-rendering, world-knowledge. The image must feel designed for downstream rollout across formats even though it remains a single square study.

Use case:
Interactive Web Campaign Mockup single study 9/9.

Constraints:
No readable text, no watermark, no logos, preserve exact 1:1 aspect ratio, no random collage chaos, no broken perspective between surfaces, no muddy hierarchy, no generic template look, no low-resolution screen artifacts, no extraneous props.

작성자 GPT Image 2 Hub · ChaosRealmsAI · MIT · CC BY 4.0 · 출처·라이선스

Copyright (c) 2026 GPT Image 2 Hub · ChaosRealmsAI · MIT. 저장소에 실린 프롬프트와 예시 그림입니다. 원문 프롬프트는 그대로 두었고 그림은 웹용 크기와 형식으로 바꿨습니다. 출처와 라이선스는 소개 페이지의 출처·라이선스에 있습니다. 저장소 소개 줄에 CC BY 4.0이 함께 적혀 있어 그림은 CC BY 4.0 조건으로도 표시합니다.

비슷한 프롬프트