Stripo 이메일 편집기 모양 설정

Published: 2024년 10월 22일 · Last updated: 2026년 7월 21일 · By Marcus Biel

모양 탭에서는 글꼴, 배경색, 버튼 스타일, 모바일 전용 서식 등 이메일의 전반적인 스타일을 관리할 수 있습니다. 이를 통해 다양한 기기와 이메일 클라이언트에서 일관성과 호환성을 유지할 수 있습니다.

아래에서는 모양 탭의 각 섹션을 자세히 설명합니다.

---

1. 일반 설정

이메일의 전반적인 모양과 정렬을 사용자 지정합니다. 이 설정은 모든 섹션에 전역적으로 적용됩니다.

• 메시지 정렬: 이메일 콘텐츠를 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
• 기본 패딩: 새 구조 주변의 간격을 균일하게 설정하거나 각 방향(위쪽, 오른쪽, 아래쪽, 왼쪽)의 패딩을 개별적으로 조정합니다.
• 일반 배경색: 16진수 코드 또는 색상 선택기를 사용해 이메일의 배경색을 설정합니다.
• 글꼴: Arial, Helvetica 같은 기본 글꼴이나 Roboto, Lato 같은 장식용 글꼴을 선택합니다.
• 줄 간격: 미리 정의된 네 가지 옵션으로 줄 사이의 간격을 조정합니다.
• 단락 아래 여백: 단락 사이의 간격을 활성화하거나 비활성화합니다.
• 링크 밑줄: 이메일의 모든 링크에 자동으로 밑줄을 표시합니다(켜기/끄기).
• 반응형 디자인: 다양한 화면 크기, 특히 모바일 기기에 맞게 이메일이 조정되도록 활성화합니다.
• RTL 텍스트 방향: 아랍어 또는 히브리어와 같은 언어에 사용합니다.
• 배경 이미지: 링크를 추가할 수 있는 배경 이미지를 설정합니다. 이미지를 드래그 앤 드롭하여 업로드합니다.

---

2. 스트라이프

스트라이프는 이메일의 큰 구조적 섹션(예: 헤더, 콘텐츠, 푸터, 정보 영역)을 나타냅니다. 각 스트라이프는 독립적으로 스타일을 지정할 수 있습니다.

헤더 스트라이프

• 텍스트 크기: 헤더 텍스트 크기를 사용자 지정합니다(8~72).
• 배경색: 단색 배경을 설정하거나 투명하게 둡니다.
• 콘텐츠 배경색: 헤더 섹션 내부의 배경색을 조정합니다.
• 글꼴 색상: 텍스트 색상을 지정합니다.
• 링크 색상: 탐색 링크 또는 기타 헤더 링크의 색상을 설정합니다.
• 배경 이미지: 선택적으로 배경 이미지를 추가합니다.

콘텐츠 스트라이프

이메일의 본문으로, 텍스트, 이미지 및 상호작용 요소에 사용됩니다.

• 텍스트 크기: 콘텐츠 텍스트 크기를 조정합니다(8~72).
• 콘텐츠 배경색: 기본 콘텐츠 영역의 배경색을 지정합니다.
• 글꼴 색상: 텍스트의 기본 색상을 설정합니다.
• 링크 색상: 링크 색상을 사용자 지정합니다.

푸터 스트라이프

일반적으로 연락처 정보, 법적 고지 또는 소셜 링크에 사용됩니다.

• 텍스트 크기: 텍스트 크기를 설정합니다(8~72).
• 배경색: 단색 배경을 선택하거나 투명하게 둡니다.
• 콘텐츠 배경색: 푸터 내부의 배경을 지정합니다.
• 글꼴 색상: 글꼴 색상을 설정합니다.
• 링크 색상: 푸터 링크의 링크 색상을 사용자 지정합니다.
• 배경 이미지: 클릭 가능한 링크가 포함된 이미지를 선택적으로 추가합니다.

정보 영역 스트라이프

면책 조항, 법적 고지 또는 추가 정보에 사용됩니다.

• 텍스트 크기: 글꼴 크기를 지정합니다(8~72).
• 글꼴 색상: 글꼴 색상을 설정합니다.
• 링크 색상: 이 스트라이프의 링크 색상을 조정합니다.

---

3. 제목

이메일의 계층 구조와 구성을 위해 제목(H1, H2, H3)의 시각적 스타일을 지정합니다.

• 글꼴: 제목에 사용할 글꼴을 선택합니다.
• 줄 간격: 가독성을 위해 줄 사이의 간격을 조정합니다.
• 제목 크기: H1, H2, H3 제목의 크기를 사용자 지정합니다(8~72).
• 텍스트 스타일: 굵게 또는 기울임꼴 스타일을 적용합니다.
• 글꼴 색상: 각 제목 유형에 고유한 색상을 설정합니다.

---

4. 버튼

참여도를 높일 수 있도록 이메일의 버튼을 디자인합니다.

• Outlook 지원: VML 코드를 사용해 Microsoft Outlook에서 올바르게 렌더링되도록 활성화합니다(이메일 크기가 증가할 수 있음).
• 버튼 색상: 버튼의 기본 색상을 설정합니다.
• 마우스를 올린 버튼 강조: 호버 색상 효과를 활성화합니다.
  • 호버 색상: 호버 색상을 선택합니다.
• 글꼴 색상: 버튼 텍스트의 색상을 지정합니다.
• 텍스트 스타일:
  • 글꼴: 버튼 텍스트에 사용할 글꼴을 선택합니다.
  • 글꼴 크기: 텍스트 크기를 조정합니다(8~72).
  • 스타일: 굵게 또는 기울임꼴 텍스트 스타일을 적용합니다.
• 테두리 반경: 버튼 모서리를 둥글게 설정합니다(0~100).
• 테두리:
  • 유형: 실선, 점선 또는 쇄선 테두리를 선택합니다.
  • 색상: 테두리 색상을 지정합니다.
• 패딩: 버튼 내부 패딩을 조정합니다(위쪽, 오른쪽, 아래쪽, 왼쪽).

---

5. 모바일 서식

모바일 전용 설정을 사용해 이메일이 모바일 기기에서 보기 좋게 표시되도록 합니다.

• 헤더, 콘텐츠, 푸터, 정보 영역 텍스트 크기: 모바일에서 각 섹션의 텍스트 크기를 사용자 지정합니다.
• 메뉴 항목 글꼴 크기: 탐색 메뉴 항목의 글꼴 크기를 조정합니다.
• 제목 크기: 모바일 보기에서 H1, H2, H3 크기를 설정합니다.
• 제목 정렬: 제목을 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
• 버튼 텍스트 크기: 모바일용 버튼 텍스트 크기를 사용자 지정합니다.
• 전체 너비 버튼: 버튼이 화면 전체 너비를 차지하도록 활성화합니다.
• 위쪽 및 아래쪽 패딩: 모바일에서 더 나은 표시를 위해 패딩을 조정합니다.
• 콘텐츠 여백: 모바일에서 콘텐츠 주변의 여백을 조정합니다(0~100).

---

최종 참고 사항

• 테스트: 일관성을 확인하기 위해 항상 다양한 기기와 이메일 클라이언트에서 이메일을 테스트하세요.
• 접근성: 포용성을 보장하기 위해 접근성이 높은 글꼴, 올바른 제목 구조 및 이미지의 대체 텍스트를 사용하세요.
• 최적화: 더 빠른 로딩과 향상된 성능을 위해 파일 크기를 최소화하세요. 특히 모바일 사용자에게 중요합니다.