메인 콘텐츠로 건너뛰기
모든 이메일 서명은 두 가지 단순한 빌딩 블록, 즉 로 이루어져 있어요. 이 둘이 어떻게 어우러지는지 이해하면, 디자인 배경지식 없이도 몇 분 만에 깔끔하고 전문적인 레이아웃을 만들 수 있어요.

표처럼 생각하기

스프레드시트 같은 단순한 표를 떠올려 보세요. 은 서명을 가로로 가로지르고, 은 그 행을 나란히 놓인 세로 영역으로 나눠요. 행과 열을 결합하면 그리드가 생겨요. 그 그리드가 서명의 뼈대예요. 잘 디자인된 이메일 서명에서 보이는 모든 요소(이름 옆에 놓인 사진, 한 줄로 정렬된 소셜 아이콘, 하단을 가로지르는 배너)는 이 그리드 위에 만들어져요.

행은 어떻게 동작하나요

행은 서명의 전체 너비를 가로지르는 가로 컨테이너예요. 각 행은 위에서 아래로 차곡차곡 쌓여요. 행을 건물의 층처럼 생각해 보세요. 1층이 가장 아래에 있고, 새로운 층이 그 위로 올라가는 구조예요. Scribe 에디터에서는 Add Row 버튼을 클릭해 새 행을 추가할 수 있어요. 행을 추가할 때마다 서명에 새로운 가로 영역이 생겨요. 행의 일반적인 용도: 보통 서명에는 두세 개의 행이 들어가요. 첫 번째 행에는 주요 정보(사진, 이름, 직함)를 담는 경우가 많아요. 두 번째 행에는 구분선이나 연락처 정보를 넣을 수 있어요. 세 번째 행에는 캠페인 배너나 법적 고지를 표시할 수 있어요.

열의 작동 방식

열은 행 내부의 세로 분할이에요. 행에 열을 추가하면 해당 행이 좌우로 나란히 놓인 영역으로 나뉘어요. 예를 들어 왼쪽에는 프로필 사진을, 오른쪽에는 이름과 직책을 배치할 수 있는 이유예요. 에디터에서 행을 선택하고 열 추가를 클릭해 행을 나누세요. 한 행에 최대 4개까지 열을 추가할 수 있어요. 각 열은 독립적인 컨테이너로 작동해서 텍스트, 이미지, 아이콘, Smartfields 같은 콘텐츠 블록을 넣을 수 있어요. 열의 일반적인 활용 예시: 가장 많이 쓰이는 레이아웃은 첫 번째 행에 두 개의 열을 두는 형태예요. 좁은 열에는 프로필 사진을, 넓은 열에는 이름, 직책, 회사, 연락처 정보를 배치해요. 대부분의 비즈니스 이메일에서 볼 수 있는, 사진은 왼쪽·세부 정보는 오른쪽이라는 클래식한 서명 형태예요.

첫 레이아웃 만들기

많이 쓰이는 2열 서명 레이아웃을 만드는 과정을 단계별로 안내해 드릴게요.
1

첫 번째 행으로 시작하기

에디터를 열고 기본 행을 살펴보세요. 사진, 이름, 직책 같은 핵심 신원 블록이 들어갈 자리예요.
2

행을 두 개의 열로 나누기

행을 선택하고 열을 추가하세요. 이제 두 개의 영역이 좌우로 나란히 놓여요. 왼쪽 열에는 사진을, 오른쪽 열에는 텍스트 정보를 배치해요.
3

왼쪽 열에 사진 추가하기

왼쪽 열을 클릭하고 이미지 블록을 삽입하세요. 프로필 사진이나 회사 로고를 업로드하면 Scribe가 열 크기에 맞게 자동으로 조정해 줘요.
4

오른쪽 열에 세부 정보 추가하기

오른쪽 열을 클릭하고 이름, 직책, 회사명, 전화번호, 이메일을 위한 텍스트 블록을 삽입하세요. 여기에 Smartfields를 사용하면 팀원별 정보가 자동으로 입력돼요.
5

배너나 링크를 위한 두 번째 행 추가하기

첫 번째 행 아래에서 행 추가를 클릭하세요. 새 행은 서명의 전체 너비로 펼쳐져요. 캠페인 배너, 소셜 미디어 아이콘 모음, 법적 고지 문구 등에 활용하세요.

효과적인 레이아웃 패턴

처음부터 새로 설계할 필요는 없어요. 전문적인 이메일 서명 대부분을 아우르는 세 가지 레이아웃 패턴을 소개할게요.

패턴 1: 2열 + 전체 너비 배너

가장 많이 쓰이는 레이아웃이에요. 첫 번째 행은 2열로 구성되며(왼쪽에 사진, 오른쪽에 연락처 정보), 두 번째 행은 전체 너비로 캠페인 배너나 행동 유도 문구를 표시해요. 서명 캠페인을 운영하는 팀에 잘 맞아요. 연락처 블록 아래에 배너가 자리하면서 가장 잘 보이는 위치를 차지하기 때문이에요.

패턴 2: 3열

첫 번째 행을 3열로 구성해요. 왼쪽에 프로필 사진, 가운데에 연락처 정보, 오른쪽에 회사 로고를 배치하는 형태예요. 개인 연락처 정보와 함께 브랜드 존재감을 강하게 드러내고 싶은 회사에 적합해요. 텍스트가 답답해 보이지 않도록 가운데 열을 가장 넓게 유지하세요.

패턴 3: 단일 열, 행 쌓기

모든 행을 단일 열로 구성하고 콘텐츠를 세로로 쌓아 올리는 방식이에요. 첫 번째 행에는 이름과 직함, 두 번째 행에는 연락처 정보, 세 번째 행에는 배너를 배치해요. 깔끔하고 미니멀한 느낌을 주며, 가로 공간이 제한적인 모바일 기기에서 특히 잘 보여요.

더 나은 레이아웃을 위한 팁

열은 2~3개로 유지하세요. 4열도 가능하지만, 열이 많아질수록 작은 화면에서는 답답해 보여요. 대부분의 서명에는 2열이 가장 적당해요. 서명의 “섹션”마다 행을 하나씩 사용하세요. 서명에 연락처 블록, 소셜 링크 바, 프로모션 배너가 있다면 각각 별도의 행에 배치하는 것이 좋아요. 이렇게 하면 구성이 깔끔해지고 나중에 수정하기도 쉬워요. 한쪽 열을 더 넓게 만드세요. 두 개의 열을 사용할 때는 텍스트 열에 이미지 열보다 더 많은 공간을 주세요. 30/70 또는 25/75 비율이 보통 가장 보기 좋아요. 편집기에서 열 구분선을 드래그해 비율을 조정할 수 있어요. 모바일에서 미리 보세요. 휴대폰의 이메일 클라이언트는 데스크톱 클라이언트와 다르게 서명을 표시해요. Scribe의 미리 보기 기능으로 작은 화면에서도 열과 행이 잘 보이는지 확인하세요. 단순하게 시작해서 다듬어 나가세요. 한 행에 두 개의 열로 시작하세요. 그 모습이 마음에 들면 두 번째 행을 추가해 더 많은 내용을 담을 수 있어요. 복잡한 구성은 나중에 언제든 추가할 수 있지만, 처음부터 너무 많은 행과 열로 시작하면 제대로 만들기가 어려워요.

어디에 무엇을 넣을까요

그리드의 어느 부분에 어떤 내용을 넣어야 할지 확실하지 않다면, 아래 가이드를 참고하세요. 첫 번째 행(두 개의 열): 좁은 열에는 프로필 사진이나 회사 로고를 넣어요. 더 넓은 열에는 전체 이름, 직책, 회사, 전화번호, 이메일, 웹사이트를 넣어요. 두 번째 행(전체 너비 또는 두 개의 열): 소셜 미디어 아이콘, 미팅 예약 링크, 또는 추가 연락처 정보를 넣어요. 세 번째 행(전체 너비): 캠페인 배너, 법적 고지, 또는 회사 태그라인을 넣어요.

다음 단계

레이아웃이 자리를 잡으면 편집기에서 모든 세부 사항을 세밀하게 조정할 수 있어요. 폰트, 색상, 간격, 아이콘 스타일을 브랜드에 맞춰 조정하세요. 팀의 서명을 관리한다면 팀원을 살펴보고, Smartfields를 통해 각자의 연락처 정보를 고유하게 유지하면서 모두에게 동일한 레이아웃을 배포해 보세요.