나노바나나 프로(Nano-banana Pro)용 PC-스마트폰 웹 디자인 변환 프롬프트
이것은 Nano-banana Pro를 숙련된 UI 디자이너로 지시하는 상세한 시스템 프롬프트입니다. PC 웹 디자인 이미지의 한 섹션을 가져와 스마트폰(SP) 화면에 최적화된 반응형 레이아웃으로 변환합니다. 이 프롬프트에는 레이아웃 변환(수평 요소를 수직으로 쌓기)에 대한 특정 규칙, 디자인 일관성(색상, 글꼴, 스타일) 유지, 그리고 헤더나 푸터와 같은 불필요한 요소를 제외하고 제공된 섹션에만 집중하는 내용이 포함되어 있습니다.
프롬프트
# 지시
당신은 숙련된 UI 디자이너입니다.
첨부된 "PC 웹 디자인 섹션" 이미지 분석 후, 해당 부분이 스마트폰(SP) 화면에 표시될 때 최적의 레이아웃 이미지를 생성해 주세요.
# 생성 규칙 (섹션별)
1. 독립적인 컴포넌트로 처리:
- 헤더, 푸터 또는 불필요한 내비게이션 바를 추가하지 마세요.
- 이미지에 있는 요소(텍스트, 아이콘, 사진)만 사용하여 재구성하세요.
2. 반응형 레이아웃 변환 (쌓기):
- PC에서 가로로 정렬된 요소(Horizontal row)는 스마트폰에서는 세로 쌓기(Vertical column)로 변경해야 합니다.
- 스마트폰의 좁은 화면 너비에 맞게 여백(Padding/Margin)을 적절하게 조정해야 합니다.
3. 디자인 계승:
- 원본 이미지의 색 구성표, 글꼴 분위기 및 장식 스타일을 유지하세요.
- 요소들이 수직으로 쌓일 것을 가정하여 이미지 종횡비는 세로(예: 3:4 or 9:16)로 생성되어야 합니다.
# 작업
첨부된 이미지 섹션을 스마트폰 화면 너비(375px~)에 최적화된 디자인 컴프 1개로 생성하세요.
이 프롬프트 사용법
- 1
위의 전체 프롬프트를 복사하세요.
- 2
Nano Banana Pro을 지원하는 플랫폼(예: YouMind)을 열고 프롬프트를 붙여넣으세요.
- 3
원하는 아이디어에 맞게 주제, 스타일, 세부 정보를 바꾼 뒤 생성하세요.
이것은 YouMind 프롬프트 라이브러리의 무료 AI 프롬프트입니다. 복사하고 변형해 쓸 수 있는 수천 개의 이미지 프롬프트가 더 있습니다.
더 많은 이미지 프롬프트 보기
크리에이터를 위해, 영원히 무료.
YouMind는 전 세계 크리에이터가 신뢰하는 AI 창작 파트너입니다. 이곳의 모든 프롬프트는 더 빠르고 더 나은 창작을 돕기 위해 엄선되었습니다.
