NanoBanana

Nano Banana Tutorial

Articles

Nano Banana로 UI 디자인

Nano Banana 2 (nanobanana2) 는 와이어프레임/러프 스케치에서 빠르게 완성도 높은 UI 시안을 만드는 데 유리합니다.
핵심은 “예쁜 이미지”가 아니라 구조가 유지되는 UI를 얻는 것입니다. 이 문서에서는 실제 제작에 맞는 프롬프트 구조와 수정 루프를 정리합니다.

Nano Banana UI 디자인 예시

nanobanana2가 잘 처리하는 UI 작업

작업포인트
Wireframe → 하이파이브랜드 컬러 + 컴포넌트 요구사항 고정
게임/툴 UI스타일 키워드 + 대비를 명확히
이커머스 Hero질감 키워드(glass/liquid)와 라벨 정보 지정
마케팅 랜딩hero, 그리드, 여백 비율을 함께 지정

프롬프트 구조

  1. 입력 타입: wireframe / screenshot / sketch
  2. 목표 스타일: dark SaaS / glass / minimal dashboard
  3. 구성 요소: nav, hero, cards, table, buttons
  4. 텍스트 조건: 언어, 톤, 가독성(예: “한글 텍스트 선명”)
  5. 고정 조건: 정보 구조 유지, 시각적 개선만 허용

게임 UI vs 업무 UI

게임 UI는 세계관/재질/효과가 우선이고, 업무 UI는 밀도/정렬/가독성이 우선입니다.
상충되는 목표를 한 프롬프트에 섞지 않는 것이 중요합니다.

텍스트 품질 개선

폰트 톤, 계층(H1/H2/body), 행간을 명시하세요.
글자만 어색하면 레이아웃은 고정하고 텍스트 레이어만 재렌더를 요청하면 안정적으로 개선됩니다.

Nano Banana Pro와의 병행

아이디어 탐색은 nanobanana2, 시리즈 정합성과 최종 완성도는 Nano Banana Pro로 넘기는 방식이 효율적입니다.