흑백 미니 화면
흑백 미니 모델의 화면별 배경 디자인 규격 — 해상도, 화면마다 가려지는 영역, 인쇄지 레이아웃 4종 템플릿
흑백 미니는 화면마다 배경 이미지를 갈아 끼우는 방식으로 브랜딩합니다. 아래 규격에 맞춰 파일을 보내 주시면 1영업일 이내에 적용하고 캡처를 회신드립니다.
파일은 카카오톡 채널 또는 office@photosquare.io로 보내 주세요. 제출 마감은 행사 5일 전을 권해 드립니다.
기본 규격
| 항목 | 값 |
|---|---|
| 디자인 해상도 | 1920 × 1200 px (디스플레이 실제 해상도) |
| 화면 비율 | 16:10 (가로 모드) |
| 파일 포맷 | PNG (권장) 또는 JPG / 동영상: MP4, WebM |
| 색상 모드 | sRGB |
| 최대 파일 크기 | 5MB 이하 권장 |
CSS 뷰포트와 디자인 해상도
키오스크의 CSS 뷰포트는 1280×800px이지만, DPR 1.5x 디스플레이를 사용하므로 디자인 파일은 1920×1200px로 제작해 주세요.
화면별 디자인 가이드
홈 화면
가장 오래 노출되는 화면입니다. 화면 전체가 자유 디자인 영역이며, 어디든 터치하면 촬영이 시작됩니다.
| 항목 | 값 |
|---|---|
| 해상도 | 1920 × 1200 px |
| 터치 영역 | 화면 전체 |
| 권장 구성 | 브랜드 로고 (중앙 상단) + "터치하여 시작" 안내 (중앙 하단) |
촬영 화면
카메라 라이브뷰가 중앙에 표시됩니다. 브랜딩 요소는 상단과 하단에 배치하세요.
| 영역 | 위치 (y) | 설명 |
|---|---|---|
| 상단 | 0 ~ 320px | 로고, 행사명 배치 가능 |
| 카메라 | 320 ~ 1049px (729px) | 카메라 영상으로 가려짐 |
| 하단 | 1049 ~ 1200px | 네비게이션 바 포함, 배경 디자인 가능 |
카메라 영역 주의
중앙부(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 (사진 영역은 투명 처리) |
레이아웃 종류
네 가지 모두 작업용 템플릿을 준비해 두었습니다. 배너 높이는 템플릿의 240px가 예시 값이니 디자인에 맞게 늘리고 줄이셔도 됩니다. 사진 영역만 크기가 고정입니다.
| 타입 | 구성 | 설명 | 템플릿 |
|---|---|---|---|
| A. 사진만 | 사진(976px) | 배너 없이 사진만 출력 | SVG · PNG |
| B. 상단 배너 + 사진 | 배너(자유) + 사진(976px) | 상단에 로고/텍스트 | SVG · PNG |
| C. 사진 + 하단 배너 | 사진(976px) + 배너(자유) | 하단에 QR/텍스트 | SVG · PNG |
| D. 상하 배너 + 사진 | 배너(자유) + 사진(976px) + 배너(자유) | 가장 유연한 구성 | SVG · PNG |
사진 영역은 반드시 비워 주세요
납품하시는 PNG에서 사진 영역(732 × 976px)은 투명(알파 0) 이어야 합니다. 그 자리에 촬영한 사진이 들어갑니다. 흰색으로 채우면 사진이 가려집니다.
컬러 모델 프레임과 규격이 완전히 다릅니다
컬러 모델은 4×6 인화지(1844 × 1240px) 기준이고, 흑백 미니는 너비 732px 고정 · 길이 가변인 감열 영수증입니다. 인화 사진 프레임 템플릿을 가져와 쓰실 수 없으니 이 문서의 템플릿을 받아 주세요.
디자인 파일 목록
| 항목 | 파일명 | 해상도 | 포맷 |
|---|---|---|---|
| 홈 화면 | 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 (사진 영역 알파 0) |
전달 방법
완성 파일은 카카오톡 채널로 보내주시는 것이 가장 편합니다.
| 채널 | 주소 |
|---|---|
| 카카오톡 채널 (추천) | @photosquare — pf.kakao.com/_xhtkfn/chat |
| 이메일 | office@photosquare.io |
수신 후 1영업일 이내 키오스크에 적용하여 캡처 화면과 함께 회신 드립니다.