Strawberry Café A/B Comparison UI

Creates a ChatGPT-style side-by-side image evaluation screen featuring pastel strawberry dessert fashion editorials with kawaii illustration overlays.

목표: ChatGPT 이미지 평가 인터페이스 내부에 있는 것처럼, 생성된 두 개의 패션-푸드 이미지를 나란히 보여주는 깔끔한 데스크톱 웹 앱 A/B 비교 화면을 생성합니다.

캔버스: 16:9 비율의 와이드 스크린샷, 흰색 배경, 밝은 회색 앱 크롬, 중앙 정렬 콘텐츠. 좁은 왼쪽 사이드바와 넓은 중앙 비교 영역을 포함하세요.

레이아웃: 상단 중앙에 일본어 질문 텍스트 「どちらの画像が良いですか？」를 표시합니다. 상단 오른쪽에는 작은 일본어 링크 「スキップする」와 공유/업로드 및 점 3개 메뉴 아이콘 2개를 배치합니다. 맨 왼쪽에는 6개의 항목으로 구성된 수직 툴바를 포함하세요: 맨 위에 OpenAI 소용돌이 로고, 그 아래에 4개의 단순한 검은색 외곽선 내비게이션 아이콘, 맨 아래에 작은 사용자 아바타를 배치합니다.

메인 비교 영역: 둥근 모서리의 이미지 카드 2개를 좁은 흰색 간격을 두고 나란히 배치합니다. 왼쪽 카드 왼쪽 하단에는 “1”이 적힌 작은 검은색 둥근 사각형 라벨을 붙입니다. 오른쪽 카드 왼쪽 하단에는 “2”가 적힌 작은 검은색 둥근 사각형 라벨을 붙이고, 그 근처에 작은 원형 다운로드 버튼 오버레이를 추가합니다.

왼쪽 카드 주제: 파스텔 톤의 딸기 디저트 카페 이미지로, {argument name="main subject" default="높게 묶은 헝클어진 짙은 갈색 머리에 핑크색 머리핀을 하고, 발그레한 메이크업을 한 연한 핑크색 의상을 입은 젊은 여성"}이 등장합니다. 그녀는 테이블에 앉아 숟가락을 들고 유리 그릇에 담긴 거대한 딸기 빙수 파르페를 바라보고 있습니다. 디저트에는 흰색 휘핑크림, 밝은 빨간색 딸기 시럽, 통딸기, 작은 장식용 녹색 가니쉬가 올라가 있습니다. 카와이한 일러스트 오버레이를 추가하세요: 떠다니는 딸기 5개, 오른쪽에는 딸기 머리를 한 치비 캐릭터 1개, 하단 근처에는 작은 토끼 모양 디저트 마스코트 1개, 작은 반짝이 효과, 그리고 오른쪽 상단 근처에 영어 텍스트 “Berry Snow”를 넣습니다. 전체적인 색감은 흰색, 블러시 핑크, 딸기 레드, 부드러운 청록색입니다.

오른쪽 카드 주제: 파스텔 톤의 딸기 카페 이미지로, 같은 젊은 여성이 작은 원형 카페 테이블 옆에 앉아 있습니다. 그녀는 푹신한 핑크색 스웨터, 청록색 와이드 팬츠, 핑크색 양말, 핑크색과 청록색이 섞인 운동화를 착용하고 있습니다. 머리는 작은 핀으로 땋아 올렸습니다. 그녀는 테이블 위의 거대한 딸기 빙수 디저트를 마주하고 있습니다. 오른쪽에는 디저트와 상호작용하는 듯한 큰 핑크색 라인 아트 애니메이션 소녀를 추가합니다. 떠다니는 딸기 6개, 오른쪽 하단 근처에 딸기 그릇 1개, 하단 중앙에 튀는 딸기 시럽 일러스트 1개, 오른쪽 하단 근처에 크림이 올라간 작은 마스코트 1개, 그리고 왼쪽 상단 근처에 핑크색 브랜드 텍스트 “FROSTBERRY”를 포함하세요.

하단 입력 바: 두 이미지 카드 아래에 비교 너비에 맞춘 둥근 ChatGPT 프롬프트 바를 그립니다. 5개의 표시 가능한 컨트롤/텍스트 항목을 포함하세요: 왼쪽에 플러스 아이콘, 「ChatGPT に質問」이라는 플레이스홀더 텍스트, 「最速」라고 적힌 작은 드롭다운, 마이크 아이콘, 그리고 맨 오른쪽에 검은색 원형 음성 파형 버튼을 배치합니다.

시각적 스타일: 사실적인 패션 화보와 평면적인 카와이 딸기 일러스트의 조화, 밝은 창가 빛, 부드러운 파스텔 핑크 카페 인테리어, 하이키 노출, 광택 있는 디저트 질감, 깔끔한 UI 스크린샷 스타일. 두 이미지 카드는 세련되고 생생하게 유지하되, 주변 앱 인터페이스는 미니멀하고 흰색으로 유지하세요.

제약 사항: 일본어 인터페이스 텍스트를 그대로 유지하세요. 정확히 2개의 비교 이미지, 6개의 왼쪽 사이드바 항목, 2개의 번호 라벨, 5개의 하단 입력 컨트롤을 사용하세요. 추가적인 팝업, 워터마크, 브라우저 바 또는 관련 없는 텍스트는 피하세요.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기