사람들이 읽을 수 있는 스토리·게시물 템플릿 디자인

템플릿에 시간을 들일 가치가 있는 이유

템플릿은 한 번 디자인해서 여러 번 채우는 레이아웃이에요. 제목, 사진, 작은 글씨의 위치는 그대로 두고, 매번 새로운 글과 사진을 넣어요. 매주 빈 캔버스에서 시작하지 않아도 되고, 위에 적힌 이름을 읽기 전에 스토리와 게시물을 알아볼 수 있게 해 줘요.

하지만 레이아웃 자체가 좋아야 템플릿이 도움이 돼요. 제목을 인스타그램 답장 입력란 아래에 놓거나 밝은 사진 위에 흰 글씨를 얹은 멋진 디자인은, 그걸로 만드는 모든 스토리에서 같은 실수를 되풀이해요. 이 글은 레이아웃을 제대로 잡는 법을 다뤄요. 글자를 어디에 두어야 안전한지, 얼마나 커야 하는지, 얼마나 써야 하는지, 세트를 어떻게 일관되게 유지하는지예요. 형식마다 정확한 픽셀 크기는 인스타그램 크기 가이드에 있고, 여기서는 가져다 쓰기만 해요.

스토리 템플릿과 게시물 템플릿은 하는 일이 달라요

둘 다 글자가 올라간 이미지지만 보이는 방식이 아주 달라서, 한쪽에서 잘되는 레이아웃이 다른 쪽에서는 실패하는 경우가 많아요.

그래서 스토리 템플릿은 굵고 짧아야 하고, 메시지는 화면 가운데에 있어야 해요. 게시물 템플릿은 조금 더 담을 수 있지만, 프로필 그리드에서 작은 정사각형으로 줄어들어도 살아남아야 해요. 이 부분은 잘려도 괜찮은 그리드 계획하기 글에서 다뤄요.

1080 × 1920 스토리의 안전 영역

인스타그램은 모든 스토리 위에 자체 인터페이스를 그려요. 위쪽의 진행 막대, 내 프로필 사진과 이름, 아래쪽의 답장 입력란이에요. 그곳에 놓은 글자는 일부가 가려져요. 인스타그램은 일반 스토리의 안전 여백을 공개하지 않지만, Meta는 스토리 광고에 대해서는 알려 줘요. 위쪽 약 14%, 아래쪽 35%, 양옆 6%를 글자, 로고, 그 밖의 핵심 요소 없이 비워 두라는 거예요(Meta 광고 가이드 (새 탭에서 열림), 2026년 11월 확인).

1080 × 1920 스토리에서는 위쪽 약 269픽셀, 아래쪽 672픽셀, 양옆 각각 65픽셀이 돼요. 그러면 가로로 65~1,015픽셀, 세로로 269~1,248픽셀의 안전한 상자가 남아요. 광고는 행동 유도 버튼 때문에 아래쪽 여백이 커야 해요. 일반 스토리는 화면에 올라오는 것이 더 적어서, 우리 스토리 템플릿은 더 느슨한 규칙을 써요. 중요한 글자는 위에서 250~1,600픽셀 사이에 두고, 답장 입력란을 위해 아래쪽 320픽셀을 비워 둬요.

• 일반 스토리: 제목과 핵심 글자는 위에서 약 250~1,600픽셀 사이에, 양옆에서는 65픽셀 이상 떨어뜨려 두세요.
• 스토리 광고: Meta의 더 엄격한 상자, 위에서 269~1,248픽셀을 쓰세요.
• 어느 쪽이든: 배경 사진과 색은 프레임 전체를 채워도 돼요. 글자, 로고, 얼굴만 안쪽에 있으면 돼요.

몇 초 안에 읽을 수 있는 글자

템플릿 문제의 대부분은 글자 문제예요. 스토리가 읽히느냐 넘겨지느냐는 세 가지가 정해요. 글자가 얼마나 많은지, 얼마나 큰지, 배경에서 얼마나 잘 두드러지는지예요.

얼마나 많이

대부분의 스토리에는 제목 하나와 보조 문장 하나면 충분해요. 경험칙으로 스토리 하나에 20단어 정도 아래로 하세요. 더 필요하면 메시지를 스토리 두세 개로 나누거나 게시물로 옮기세요. 가격, 날짜, 링크 같은 세부 내용은 캡션, 스티커, 다음 슬라이드에 두세요.

얼마나 크게

너비 1080픽셀의 스토리는 휴대폰 너비에 맞게 줄어들어요. 너비가 약 390포인트인 휴대폰에서는 모든 것이 픽셀 크기의 약 3분의 1로 보여요. 이 계산에서 나온 우리의 경험칙은, 본문 글자는 캔버스에서 높이 44픽셀 이상이고, 이는 화면에서 약 16포인트로 일반 앱 글자 크기와 같으며, 제목은 90픽셀 이상이라는 거예요. 아주 가는 글꼴은 더 커야 해요.

얼마나 또렷하게

웹 접근성 표준 WCAG는 일반 글자에 4.5:1 이상, 큰 글자에 3:1 이상의 대비 비율을 요구해요(W3C (새 탭에서 열림), 2026년 11월 확인). 인스타그램이 요구하지는 않지만, 스토리는 야외에서, 낮은 밝기에서, 시력이 약한 사람도 읽기 때문에 쓸모 있는 목표예요. 사진 위의 글자는 저절로 이 기준에 닿기 어려워요. 세 가지 방법이 잘 통해요.

• 글자 뒤에 팔레트의 색으로 된 단색 또는 반투명 상자를 두세요.
• 글자가 놓이는 곳의 사진을 더 어둡게 하거나 흐리게 하세요.
• 분할 레이아웃: 프레임 한 부분에는 사진을, 다른 부분에는 단색 위에 글자를 두세요.

인스타그램 스티커를 위한 공간 남기기

질문 상자, 투표, 카운트다운, 링크 스티커, 멘션은 이미지를 업로드한 뒤 인스타그램 앱에서 추가해요. 우리 편집기를 포함해 어떤 편집기에서 만든 이미지에도 작동하는 스티커를 넣을 수는 없어요. 그래서 좋은 인터랙티브 템플릿에는 스티커가 들어갈 빈 영역이 미리 계획돼 있고, 보통 가운데 3분의 1이에요. 그 위에는 사람들이 무엇을 하면 되는지 알려 주는 제목이 있어요. "천연발효빵에 대해 뭐든 물어보세요", "다음에 뭘 만들까요?" 같은 문구예요.

우리 스토리 템플릿에는 질문과 투표 배경, 카운트다운, 프로필 링크 스토리, 주간 일정처럼 이를 고려해 만든 디자인이 있어요. 직접 디자인할 때는 작업하는 동안 스티커가 놓일 자리에 대략적인 직사각형을 두어, 중요한 것이 그 아래에 들어가지 않게 하세요.

반복적으로 보이지 않는 일관된 세트

일관성은 몇 가지 고정된 결정에서 나오고, 다양성은 나머지 모든 것에서 나와요. 고정할 부분을 한 번 정해서 적어 두세요.

1. 색 두세 가지에 중립색 하나. 그보다 많으면 세트가 세트로 보이지 않아요.
2. 글꼴은 최대 두 개. 제목용 하나, 본문용 하나예요. 우리 템플릿 편집기는 준비된 글꼴 조합 14가지를 제공하므로 조합을 직접 시험하지 않아도 돼요.
3. 반복되는 요소는 한 위치에. 로고, 아이디, 시리즈 이름은 항상 같은 모서리에 같은 크기로 두세요.
4. 적은 수의 레이아웃. 명언, 팁, 공지, 질문, 제품처럼 세 가지에서 다섯 가지 레이아웃이면 대부분의 주를 감당해요.

그 틀 안에서 사진, 배경의 주된 색, 글을 바꾸세요. 팔로워는 시리즈를 알아보면서도 매번 새로운 것을 보게 돼요.

같은 체계를 프로필의 나머지 부분으로 넓히세요. 우리 게시물 템플릿의 캐러셀 커버, 안쪽 슬라이드, 마지막 슬라이드는 스토리와 같은 팔레트를 쓸 수 있고, 하이라이트 커버 도구로 같은 색의 하이라이트 커버를 만들면 보관한 스토리가 프로필과 이어져요. 그 세트를 계획하는 방법은 하이라이트 커버 디자인 글에서 보여 줘요.

게시하기 전 체크리스트

• 내보낸 이미지를 휴대폰에서 전체 화면, 보통 밝기로 열어 3초 안에 읽어 보세요.
• 스토리의 위쪽 250픽셀이나 아래쪽 320픽셀, 또는 게시물의 가장자리 근처에 중요한 것이 없어야 해요.
• 본문 글자는 높이 약 44픽셀 이상이어야 하고, 사진 위에 놓일 때는 뒤에 상자나 어두운 영역을 두세요.
• 스토리 하나에 메시지 하나만 두고, 세부 내용은 캡션, 스티커, 다음 슬라이드에 두세요.
• 게시한 스토리는 수정할 수 없으므로 맞춤법, 날짜, 가격, 아이디를 두 번 확인하세요.
• 피드 게시물에는 대체 텍스트를 쓰세요. 이미지 안의 글자는 화면 읽기 프로그램이 읽지 못하고, 인스타그램은 게시 전이나 후에 사진의 자동 대체 텍스트를 바꿀 수 있게 해 줘요(Instagram 고객 센터 (새 탭에서 열림), 2026년 11월 확인).

쓰려는 사진의 비율이 맞지 않는다면 피사체를 잘라내는 대신 테두리나 흐린 배경으로 프레임에 맞추세요. 자르지 않고 사진 전체 올리기 가이드에서 세 가지 방법을 보여 줘요. 우리가 제공하는 모든 스토리와 게시물 디자인은 템플릿 갤러리에 한곳에 모여 있어요.

템플릿 디자인 질문