흑백 미니 UI 커스터마이징

키오스크의 모든 화면은 배경 이미지 교체를 통해 브랜딩 커스터마이징이 가능합니다. 아래 가이드에 따라 디자인 파일을 제작해 주시면, 1영업일 이내에 키오스크에 적용해 드립니다.

기본 규격

항목	값
디자인 해상도	1920 × 1200 px (디스플레이 실제 해상도)
화면 비율	16:10 (가로 모드)
파일 포맷	PNG (권장) 또는 JPG / 동영상: MP4, WebM
색상 모드	sRGB
최대 파일 크기	5MB 이하 권장

[!info] CSS 뷰포트와 디자인 해상도 키오스크의 CSS 뷰포트는 1280×800px이지만, DPR 1.5x 디스플레이를 사용하므로 디자인 파일은 1920×1200px로 제작해 주세요.

---

화면별 디자인 가이드

홈 화면

가장 오래 노출되는 화면입니다. 화면 전체가 자유 디자인 영역이며, 어디든 터치하면 촬영이 시작됩니다.

항목	값
해상도	1920 × 1200 px
터치 영역	화면 전체
권장 구성	브랜드 로고 (중앙 상단) + "터치하여 시작" 안내 (중앙 하단)

촬영 화면

카메라 라이브뷰가 중앙에 표시됩니다. 브랜딩 요소는 상단과 하단에 배치하세요.

영역	위치 (y)	설명
상단	0 ~ 320px	로고, 행사명 배치 가능
카메라	320 ~ 1049px (729px)	카메라 영상으로 가려짐
하단	1049 ~ 1200px	네비게이션 바 포함, 배경 디자인 가능

[!warning] 카메라 영역 주의 중앙부(320~1049px)는 카메라 영상에 가려지므로, 이 영역에는 중요한 디자인 요소를 배치하지 마세요.

AI 변환 대기 화면

촬영 후 AI 이미지 변환이 진행되는 동안 표시됩니다. 화면 전체가 자유 디자인 영역입니다.

항목	값
해상도	1920 × 1200 px
디자인 영역	화면 전체 자유 디자인
권장 구성	브랜딩 이미지 + "잠시만 기다려 주세요" 안내

출력 완료 화면

인쇄 진행/완료 시 표시됩니다. 좌측에 프레임 프리뷰, 우측에 카메라/동영상이 배치됩니다.

요소	위치	크기
프레임 프리뷰	left: 147, top: 384	828 × 551 px
카메라/동영상	left: 1089, top: 384	677 × 545 px (borderRadius: 36)

---

인쇄지 레이아웃 (4종)

인쇄지 너비는 732px (62mm @300DPI) 고정입니다. 사진 영역은 3:4 비율로 732 × 976px 고정이며, 배너 영역은 높이를 자유롭게 조절할 수 있습니다.

항목	값
인쇄 너비	732px (62mm @300DPI, 고정)
사진 영역	732 × 976px (3:4 비율, 고정)
배너 영역	높이 자유 — 로고, 텍스트, QR 등 배치
파일 포맷	PNG (사진 영역은 투명 처리)

레이아웃 종류

타입	구성	설명
A. 사진만	사진(976px)	배너 없이 사진만 출력
B. 상단 배너 + 사진	배너(자유) + 사진(976px)	상단에 로고/텍스트
C. 사진 + 하단 배너	사진(976px) + 배너(자유)	하단에 QR/텍스트
D. 상하 배너 + 사진	배너(자유) + 사진(976px) + 배너(자유)	가장 유연한 구성

---

디자인 파일 목록

항목	파일명	해상도	포맷
홈 화면	home.png	1920 × 1200	PNG/JPG
촬영 화면	capture.png	1920 × 1200	PNG/JPG
AI 변환 대기	processing.png	1920 × 1200	PNG/JPG
출력 완료	print.png	1920 × 1200	PNG/JPG
인쇄지 프레임	frame.png	732 × (976+배너)	PNG (알파)

---

전달 방법

완성 파일은 카카오톡 채널로 보내주시는 것이 가장 편합니다.

채널	주소
카카오톡 채널 (추천)	@photosquare — pf.kakao.com/_xhtkfn/chat
이메일	office@humaner.ai

수신 후 1영업일 이내 키오스크에 적용하여 캡처 화면과 함께 회신 드립니다.