소개
마음에 드는 이미지가 GPT에서 얻어 걸렸으나 이미지 세부 수정과 글자의 오류를 고칠 수가 없었음. (아래는 여러 인공 지능을 토앻 수많은 시행착오 끝에 얻은 최선의 결과물. 젠스파크에서 얻은 것으로 여전히 문구에 오류가 남아 있음)
크루아상 샌드위치 한국 광고
진행 방법
왠지 빌드를 잘 이해할 것 같은 Gemini에서 나의 용도와 원하는 기능을 설명한 다음과 같은 프롬프트를 얻어냄.
[PRD] 음식 메뉴 홍보 포스터 생성기 (Menu Poster Generator)
버전: 1.0
상태: 초안 (Draft)
1. 제품 개요 (Product Overview)
본 서비스는 식당 운영자나 마케터가 전문적인 디자인 기술 없이도 고품질의 음식 홍보 포스터를 제작할 수 있도록 돕는 AI 기반 디자인 툴입니다. 사용자의 기존 이미지를 분석하거나 AI로 새 이미지를 생성하며, 특히 글자 오타 방지와 레퍼런스 기반 디자인에 최적화되어 있습니다.
2. 주요 사용자 흐름 (User Flow)
이미지 준비: 사진 업로드 / 외부 AI 이미지 분석 / 앱 내 신규 생성 중 선택
레이아웃 설정: 포스터 구조 및 기본 배치 선택
커스텀 디자인: 폰트, 크기, 배경 등 세부 요소 조정
시안 확인: 3개의 후보군 중 최적안 선택
미세 조정: 대화형(Chat) 인터페이스를 통한 최종 수정 및 저장
3. 기능적 요구사항 (Functional Requirements)
3.1 메인 이미지 생성 및 처리
구분
기능 상세
비고
사진 업로드
사용자가 보유한 직접 촬영 이미지 활용
고화질 업로드 지원
외부 AI 분석
GPT, 미드저니 등 타 서비스 생성물 업로드 시 Tone & Mood 분석
색상 코드, 조도, 질감 추출
자체 생성
스타일 칩(시네마틱, 미니멀 등) 선택 또는 사용자 프롬프트 입력
DALL-E 3 또는 Stable Diffusion API 연동
3.2 레이아웃 및 디자인 엔진
구조 옵션: 단독형, 수직/수평 분할형, 텍스트 오버레이형 템플릿 제공.
동적 배치: 이미지 중심점과 문구 위치의 상호작용 설정.
스타일 에디터: * 시스템 폰트 및 상업적 무료 폰트 라이브러리 탑재.
배경 그라데이션, 텍스트 그림자, 테두리 효과 조절 기능.
3.3 핵심 차별화 기능 (Core Pillars)
글자 오타 제로 시스템: * 이미지 생성 모델이 직접 글자를 그리게 하지 않고, 이미지 위에 텍스트 레이어를 별도로 렌더링하는 방식 채택.
사용자가 입력한 메뉴명/가격을 텍스트 데이터로 관리하여 상시 수정 가능.
레퍼런스 엔진:
External Reference: 이미지 파일 또는 웹 URL을 분석하여 유사한 레이아웃/색감 적용.
Recommendation Search: 작업 단계별로 AI가 디자인 영감을 주는 유사 이미지(Pinterest 스타일)를 검색 및 제안.
4. 사용자 인터페이스(UI) 요구사항
Candidate View: 설정된 값을 기반으로 생성된 3가지 후보 시안을 슬라이드 형태로 제시.
Interactive Chatbot: 선택된 시안을 수정할 때 메뉴 바를 찾는 대신 "가격을 조금만 더 빨간색으로 바꿔줘"라고 명령할 수 있는 채팅창 상시 노출.
Live Preview: 텍스트 수정 시 즉시 화면에 반영되는 실시간 프리뷰 시스템.
5. 기술적 고려사항 (Technical Considerations)
텍스트 렌더링: Canvas API 또는 SVG 라이브러리를 사용하여 글자의 선명도와 수정 가능성 확보.
이미지 분석: Vision API를 활용하여 업로드된 이미지의 주요 색상(Palette) 및 분위기 태그 추출.
검색 연동: 레퍼런스 추천을 위한 이미지 검색 API(Google Custom Search 등) 연동.
6. 성공 지표 (Success Metrics)
사용자가 최종 결과물을 다운로드하기까지 걸리는 평균 시간 단축.
최종 결과물에서 텍스트 오타 불만족 사례 0건 달성.
레퍼런스 추천 기능을 통한 디자인 결정 수용률 측정.
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)
(내용 입력)
결과와 배운 점
물론 원하는 대로는 되지 않았고 여러 번 수정을 반복하였으나 현재로서는 다음과 같은 결과물 이상이 나오지 않음
나무 도마 위의 한국 크루아상
아내에 게 미리 큰 소리 치지 않기를 잘했다고 생각함.
