Logo
Docs콘텐츠 만들기

메인 화면 설정하기

초대장의 첫인상을 결정하는 메인 화면을 설정하는 방법과 꿀팁을 알아보세요.

23 min read
2026-02-27

메인 화면 설정하기

초대장을 열었을 때 가장 먼저 보이는 화면이에요. 첫인상이 가장 중요하죠!

메인 화면이란?

첫 번째 인상

초대장 링크를 클릭하면 제일 먼저 보이는 부분이에요.

주요 구성 요소:

  • 📸 배경 이미지: 큰 대표 사진이나 예쁜 배경
  • 💑 주인공 이름: 가장 눈에 띄게 (결혼식은 신랑/신부, 돌잔치는 아이 이름 등)
  • 📅 날짜와 시간: 언제 행사가 열리는지
  • 💬 짧은 문구: "결혼합니다", "첫 생일을 축하해주세요" 같은 간단한 메시지

왜 중요한가요?

  • 3초 안에 게스트의 시선을 사로잡아요
  • 초대장의 전체 분위기를 결정해요
  • 가장 많이 공유되는 화면이에요 (카카오톡 미리보기)

기본 정보 입력하기

1. 제목 (메인 문구)

초대장의 큰 제목이에요.

입력 위치:

  • 왼쪽 편집 영역 > "메인 화면"
  • "제목" 입력란

일반적인 예시:

결혼합니다
우리 결혼해요
평생 함께 걷겠습니다
서준이 첫돌잔치에 초대합니다

창의적인 예시:

새로운 시작
Forever Together
사랑의 서약
한 배를 탄 우리

💡 제목 작성 팁

  • 간결하게: 5-7자 정도가 적당해요
  • 진심을 담아: 두 사람만의 특별한 문구도 좋아요
  • 이모지 추가: ♥ ❤️ 💕 등으로 포인트 줄 수 있어요
  • 영문도 가능: 간결하면서도 세련돼요

2. 부제목 (날짜 문구)

제목 아래 작은 글씨로 나오는 부분이에요.

입력 위치:

  • "부제목" 입력란

일반적인 예시:

2025년 3월 15일 토요일 오후 2시
2025. 03. 15 SAT PM 2:00
25년 3월 15일 토요일 오후 2시

감성적인 예시:

봄이 시작되는 날, 우리도 시작합니다
토요일 햇살 가득한 오후에
따뜻한 봄날, 여러분을 초대합니다

3. 주인공1 이름

입력 위치:

  • "이름" 입력란 (결혼식은 신랑 이름, 돌잔치는 아이 이름 등)

형식 예시:

김지훈
지훈
Kim Jihoon
JIHOON

팁:

  • 성+이름 or 이름만
  • 한글 or 영문
  • 대소문자 선택 가능

4. 주인공2 이름

입력 위치:

  • "이름" 입력란 (결혼식은 신부 이름, 카테고리에 따라 생략 가능)

형식은 주인공1과 동일하게 맞추는 게 예뻐요!

💑 이름 표시 순서

템플릿에 따라 표시 순서가 달라요. 순서를 바꾸는 옵션도 있어요!

메인 사진 설정하기

가장 중요한 부분! 주인공의 아름다운 사진을 올려보세요.

사진 업로드 방법

단계별 설명:

  1. "메인 이미지" 섹션 찾기

    • 왼쪽 편집 영역에서 아래로 스크롤
  2. "이미지 업로드" 버튼 클릭

    • 파란색 버튼이에요
  3. 사진 선택하기

    • 컴퓨터: 탐색기에서 파일 선택
    • 휴대폰: 갤러리에서 선택
    • 드래그 앤 드롭도 가능!
  4. 업로드 완료

    • 잠깐 기다리면 오른쪽 미리보기에 바로 나타나요
    • 마음에 안 들면 다시 업로드하면 돼요

사진 선택 가이드

어떤 사진이 좋을까요?

✅ 추천하는 사진:

  • 주인공이 잘 나온 사진
  • 웃는 얼굴 (자연스러운 미소!)
  • 밝은 배경 (실내/실외 상관없음)
  • 가로 사진 (화면에 꽉 차게 나와요)
  • 얼굴이 너무 크지 않은 사진 (웨이스트샷이나 전신)

❌ 피하는 게 좋은 사진:

  • 너무 어두운 사진
  • 얼굴이 너무 크게 나온 사진 (셀카 각도)
  • 세로로 긴 사진 (양옆이 잘려요)
  • 화질이 떨어지는 사진 (흐릿함)
  • 배경이 너무 복잡한 사진

📸 사진 크기와 화질

권장 사양:

  • 가로 크기: 1200px 이상
  • 파일 크기: 10MB 이하
  • 형식: JPG, PNG

화질 확인 방법: 사진을 컴퓨터에서 100%로 확대해봤을 때 얼굴이 선명하게 보이면 OK!

사진 위치 조정하기

사진에서 어디를 보여줄지 선택할 수 있어요.

위치 조정 옵션:

  1. 상단 정렬

    • 사진의 위쪽 부분이 보여요
    • 하늘이나 배경을 강조할 때
  2. 중앙 정렬 (기본값, 추천!)

    • 사진의 가운데 부분이 보여요
    • 얼굴이 중앙에 있을 때 최적
  3. 하단 정렬

    • 사진의 아래쪽 부분이 보여요
    • 전신샷이나 의상을 강조할 때

조정 방법:

  1. 메인 이미지 섹션에서 "위치 조정" 드롭다운 클릭
  2. 상단/중앙/하단 중 선택
  3. 오른쪽 미리보기에서 즉시 확인

⚠️ 모바일에서도 확인하세요!

컴퓨터와 휴대폰에서 보이는 비율이 약간 달라요. 저장 후 휴대폰으로 직접 확인하는 게 가장 정확해요!

배경 스타일 선택하기

사진 위에 어떤 효과를 줄지 선택할 수 있어요.

1. 어두운 오버레이

효과:

  • 사진 위에 반투명 검은색 레이어
  • 텍스트(이름, 날짜)가 더 잘 보여요
  • 세련되고 고급스러운 느낌

언제 사용?

  • 사진이 너무 밝아서 텍스트가 안 보일 때
  • 모던하고 심플한 느낌을 원할 때
  • 사진 색이 너무 화려할 때

2. 밝은 오버레이

효과:

  • 사진 위에 반투명 흰색 레이어
  • 부드럽고 낭만적인 느낌
  • 밝고 경쾌한 분위기

언제 사용?

  • 사진이 어두워서 분위기가 무거울 때
  • 청순하고 로맨틱한 느낌을 원할 때
  • 파스텔톤 색상과 어울려요

3. 오버레이 없음

효과:

  • 사진 원본 그대로 보여요
  • 생생한 색감 유지
  • 자연스러운 느낌

언제 사용?

  • 사진이 이미 완벽할 때
  • 텍스트와 대비가 충분할 때
  • 사진의 색감을 강조하고 싶을 때

🎨 오버레이 투명도 조절

일부 템플릿은 오버레이의 진하기를 조절할 수 있어요!

  • 0%: 효과 없음
  • 30-50%: 자연스러움 (추천)
  • 70-100%: 진한 효과

텍스트 색상 선택하기

이름과 날짜 글씨 색을 바꿀 수 있어요.

색상 옵션

흰색 (White)

  • 어두운 배경/사진에 잘 어울려요
  • 깔끔하고 모던한 느낌
  • 가장 무난하고 안전한 선택

검은색 (Black)

  • 밝은 배경/사진에 잘 어울려요
  • 클래식하고 정통적인 느낌
  • 가독성이 좋아요

골드 (Gold)

  • 고급스럽고 화려한 느낌
  • 특별한 날의 느낌 강조
  • 베이지/크림 배경과 잘 어울려요

커스텀 색상

  • 원하는 색을 직접 선택
  • 사진 속 색과 매치하기
  • 브랜딩 색상 사용

👁️ 가독성 체크하기

텍스트 색을 바꾼 후 반드시 확인하세요:

  • 글씨가 잘 보이나요?
  • 배경과 대비가 충분한가요?
  • 멀리서도 읽을 수 있나요?

테스트 방법: 휴대폰을 손에 들고 팔을 쭉 뻗어보세요. 그 거리에서도 잘 보이면 OK!

SVG 레터링 (문구 장식)

메인 사진 위에 "Wedding Invitation" 같은 장식 문구를 얹을 수 있어요. 손글씨·필기체 등 이미 디자인된 형태라 폰트를 고르지 않아도 완성도 있게 나와요.

편집기 왼쪽에서 메인 화면(Hero) 섹션을 선택하면 활성화 스위치가 있어요. 켜면 아래 설정들이 나타납니다.

스타일과 색상

설정설명
텍스트 스타일 선택미리 디자인된 레터링 중에서 고르기 (미리보기 이미지로 표시)
애니메이션문구가 나타나는 방식
문구 색상색상 선택기 또는 HEX 코드 직접 입력 (기본 흰색)

사진이 밝으면 흰색 문구가 묻혀요. 이럴 땐 문구 색상을 어둡게 바꾸거나, 배경 스타일에서 어둡게 처리하는 옵션을 함께 쓰면 잘 보여요.

모바일과 데스크톱 크기·위치를 따로 조절하기

모바일과 데스크톱은 화면 비율이 완전히 달라서, 한쪽에 맞추면 다른 쪽이 어색해져요. 그래서 각각 따로 조절할 수 있게 되어 있습니다.

설정범위설명
모바일 크기0~200모바일에서의 크기. 0으로 두면 모바일에서만 숨겨져요
문구 위치5~95%모바일에서의 상하 위치. 값이 클수록 아래로
데스크톱 크기0~200데스크톱에서의 크기. 0이면 데스크톱에서만 숨김
데스크톱 최대 너비0~1600px큰 모니터에서 문구가 과하게 커지는 것을 제한. 0은 제한 없음
데스크톱 상하 위치5~95%데스크톱에서의 상하 위치를 모바일과 다르게 설정

데스크톱 설정을 건드리지 않으면 "모바일과 동일"로 표시되고, 모바일 값을 그대로 따라가요. 즉 모바일만 맞춰도 되고, 데스크톱이 어색할 때만 따로 조정하면 됩니다.

이렇게 쓰면 좋아요

예시 1: 모바일에서만 보여주기

  • 모바일 크기: 60 / 데스크톱 크기: 0
  • 세로 사진은 모바일에서 여백이 넉넉하지만 데스크톱에선 문구가 사진을 가리는 경우가 많아요

예시 2: 큰 모니터에서 문구가 너무 클 때

  • 데스크톱 최대 너비: 800px 정도로 제한
  • 27인치 이상 모니터에서 문구만 과하게 커지는 것을 막아줘요

예시 3: 위아래 위치를 다르게

  • 모바일 위치: 15% (사진 위쪽) / 데스크톱 상하 위치: 30%
  • 데스크톱은 사진이 가로로 넓어서, 인물 얼굴을 피해 조금 내리는 게 자연스러워요

설정을 바꾼 뒤에는 미리보기를 모바일·데스크톱 양쪽으로 모두 확인하세요. 한쪽만 보고 저장하면 다른 쪽에서 문구가 잘리거나 인물을 가릴 수 있어요.


특수 효과 추가하기

더 특별한 메인 화면을 위한 추가 옵션들!

1. 떨어지는 꽃잎 효과

효과:

  • 화면에 꽃잎이 천천히 떨어져요
  • 로맨틱하고 동화 같은 느낌
  • 벚꽃, 장미 등 선택 가능

설정:

  • "효과" 탭에서 활성화
  • 꽃잎 종류 선택
  • 떨어지는 속도 조절

언제 사용?

  • 봄 결혼식 (벚꽃)
  • 로맨틱한 분위기
  • 동화 같은 초대장

2. 반짝이는 효과 (Sparkle)

효과:

  • 화면에 작은 반짝임
  • 축제 같은 느낌
  • 화려하고 특별한 분위기

언제 사용?

  • 저녁 예식
  • 화려한 드레스
  • 특별한 날 강조

3. 스크롤 애니메이션

효과:

  • 스크롤할 때 부드럽게 전환
  • 페이드인, 슬라이드 등
  • 세련되고 모던한 느낌

⚠️ 효과는 적당히!

너무 많은 효과는 오히려 산만해 보일 수 있어요.

  • 효과는 1-2가지만
  • 절제된 사용이 세련돼 보여요
  • 컨셉에 맞는 효과만 선택하세요

레이아웃 스타일 변경하기

메인 화면의 배치를 바꿀 수 있어요.

스타일 1: 중앙 정렬 (Classic)

        [사진 배경]

        제목
    이름 ♥ 이름
  2025년 3월 15일
  • 가장 일반적이고 무난해요
  • 모든 요소가 중앙에
  • 대칭미가 아름다워요

스타일 2: 하단 정렬 (Modern)

    [사진 배경]



    제목
이름 ♥ 이름
2025년 3월 15일
  • 모던하고 세련된 느낌
  • 사진을 더 넓게 보여줘요
  • 심플한 디자인 선호 시

스타일 3: 상단 정렬 (Elegant)

    제목
이름 ♥ 이름
2025년 3월 15일

    [사진 배경]
  • 우아하고 클래식한 느낌
  • 텍스트 강조
  • 정통적인 초대장 스타일

커스터마이징 고급 팁

더 특별한 메인 화면을 만들기 위한 꿀팁!

사진 편집 팁

업로드 전에 사진 보정하기:

  1. 밝기 조절

    • 너무 어두우면 +20-30 올리기
    • 스마트폰 기본 갤러리 편집 기능으로 충분!
  2. 대비 강화

    • 대비를 살짝 올리면 생동감 UP
    • 과하면 부자연스러우니 적당히
  3. 크롭(자르기)

    • 중요한 부분(얼굴)이 중앙에 오도록
    • 불필요한 배경 제거
  4. 필터 적용

    • 인스타그램 필터 활용
    • 추천: Valencia, Clarendon, Lark
    • 너무 진하지 않게!

추천 앱:

  • 스마트폰: Snapseed, VSCO, 인스타그램
  • 컴퓨터: Photoshop, Canva

텍스트 조합 아이디어

케이스 1: 심플 & 모던

제목: Forever Together
이름: JIHOON ♥ SOOYEON
날짜: 2025. 03. 15

케이스 2: 따뜻한 & 감성

제목: 우리 결혼해요
이름: 지훈 ♥ 수연
날짜: 2025년 3월 15일 토요일 오후 2시

케이스 3: 우아한 & 클래식

제목: 결혼합니다
이름: 김지훈 · 박수연
날짜: 2025년 3월 15일

색상 조합 추천

로맨틱 핑크:

  • 메인 색: 핑크 (#FFB6C1)
  • 텍스트: 화이트
  • 오버레이: 밝은 20%

엘레강트 블랙:

  • 메인 색: 블랙 (#000000)
  • 텍스트: 골드
  • 오버레이: 어두운 40%

내추럴 베이지:

  • 메인 색: 베이지 (#F5E6D3)
  • 텍스트: 브라운
  • 오버레이: 밝은 10%

프레시 그린:

  • 메인 색: 민트 (#B2E7D8)
  • 텍스트: 화이트
  • 오버레이: 없음

실전 예제

실제로 많이 사용되는 세팅을 그대로 따라해보세요!

예제 1: 봄 결혼식 (야외 사진, 돌잔치·파티 등도 동일하게 응용 가능)

사진:

  • 공원이나 벚꽃길에서 찍은 커플 사진
  • 밝고 화사한 배경

설정:

제목: 봄날의 약속
신랑: 김지훈
신부: 박수연
부제목: 2025년 3월 15일 토요일 오후 2시
텍스트 색: 화이트
오버레이: 어두운 30%
효과: 벚꽃 떨어지는 효과
레이아웃: 중앙 정렬

예제 2: 가을 결혼식 (스튜디오 사진)

사진:

  • 스튜디오에서 찍은 정장/드레스 사진
  • 깔끔한 배경

설정:

제목: Forever & Always
신랑: JIHOON
신부: SOOYEON
부제목: 2025. 10. 20 SAT PM 3:00
텍스트 색: 골드
오버레이: 어두운 50%
효과: 없음 (심플하게)
레이아웃: 하단 정렬

예제 3: 겨울 결혼식 (스냅 사진)

사진:

  • 자연스러운 데이트 스냅 사진
  • 눈 오는 배경 or 거리 풍경

설정:

제목: 따뜻한 겨울
신랑: 지훈
신부: 수연
부제목: 추운 겨울, 따뜻한 두 사람의 시작
텍스트 색: 화이트
오버레이: 어두운 40%
효과: 눈 내리는 효과
레이아웃: 중앙 정렬

자주 하는 실수와 해결법

실수 1: 사진이 잘렸어요

원인:

  • 세로로 긴 사진 사용
  • 얼굴이 사진 끝에 위치

해결:

  • 가로 사진으로 교체
  • 위치 조정 기능 사용
  • 사진 편집 앱으로 크롭

실수 2: 글씨가 안 보여요

원인:

  • 배경과 텍스트 색이 비슷함
  • 오버레이 없음

해결:

  • 오버레이 추가 (30-50%)
  • 텍스트 색 변경
  • 텍스트 그림자 효과 추가

실수 3: 사진이 흐려요

원인:

  • 원본 사진 화질이 낮음
  • 너무 확대된 사진

해결:

  • 고화질 사진으로 재촬영
  • 다른 사진 사용
  • 사진관에서 받은 원본 사용

실수 4: 분위기가 안 맞아요

원인:

  • 사진과 텍스트 스타일 불일치
  • 너무 많은 효과

해결:

  • 컨셉 통일하기
  • 효과 줄이기
  • 색상 조합 재검토

완료 체크리스트

메인 화면 설정을 마쳤다면 확인해보세요!

  • 주인공 이름 정확히 입력 (결혼식은 신랑/신부, 돌잔치는 아이 이름 등)
  • 날짜와 시간 맞게 입력
  • 메인 사진 업로드 완료
  • 사진 위치 조정 (얼굴 잘 보이는지)
  • 텍스트 색상 선택 (잘 보이는지)
  • 오버레이 설정 (필요시)
  • 휴대폰에서 미리보기 확인
  • 친구/가족에게 피드백 받기
  • 저장 버튼 클릭!

완벽한 메인 화면 만들기

  1. 여러 사진으로 테스트해보세요
  2. 주변 사람들에게 의견 물어보기
  3. 하루 지난 후 다시 보고 결정
  4. 첫인상이 좋으면 성공!

다음 단계

메인 화면을 완성했다면 이제 다음 섹션으로!

이어서 작업하기:

나중에 필요하면: