SNS 게시물 목업

게시하기 전에 목업을 만들어야 하는 이유

문서에서는 잘 읽히던 캡션도 피드 너비에 맞춰 줄이 바뀌고 "See more"에서 잘리면 전혀 다르게 보일 수 있어요. 파일로는 멋져 보이던 이미지가 Instagram에서는 4:5로 잘리고, 이메일로 문구를 승인한 고객도 실제 게시물 모습을 보면 다르게 반응하곤 해요. 목업은 이런 논의를 한눈에 끝내 줘요. 에이전시가 발표 자료와 승인 스레드에 붙이는 것도, 실제 게시물이 아직 올라가지 않았을 때 포트폴리오용으로 캡처하는 것도 바로 목업이에요.

목업에 표시되는 것

플랫폼마다 고유한 레이아웃, 글꼴, 아이콘, 라벨로 그려져요.

모든 플랫폼을 라이트 모드와 다크 모드로 볼 수 있고, 부드러운 배경 위의 깔끔한 게시물 카드 또는 상태 표시줄이 있는 휴대폰 화면 안에 표시할 수 있어요. 휴대폰 화면은 발표 자료에서 더 잘 읽혀요.

캐러셀과 여러 장 게시물

이미지를 두 장 이상 넣으면 목업이 플랫폼별 여러 장 레이아웃으로 바뀌어요. Facebook은 캐러셀 광고를 그려요. 정사각형 카드가 나란히 놓이고 다음 카드가 오른쪽에서 살짝 보이며, 카드마다 제목, 페이지 이름, 문구를 직접 정하는 버튼이 들어가요. Instagram과 LinkedIn은 한 번에 슬라이드 하나를 보여 주고, 모서리에 슬라이드 번호, 아래에 점이나 페이지 막대가 표시되며, 어떤 슬라이드를 앞에 둘지 고를 수 있어요. 캐러셀을 다운로드하면 항상 PNG 두 장이 들어 있어요. 사람들이 스크롤하며 보는 그대로의 피드 화면, 그리고 모든 카드를 나란히 펼친 전체 슬라이드 화면이에요. 고객이 한눈에 이해하는 건 바로 이 전체 화면이에요.

그럴듯한 결과를 얻는 방법

• 실제 이미지 크기를 쓰세요. 미리보기는 피드처럼 세로로 긴 이미지를 잘라서 보여 주므로 어디가 잘리는지 정확히 알 수 있어요. 정사각형이나 4:5 이미지는 전체가 보여요.
• 로고를 프로필 사진으로 업로드하세요. 이름 첫 글자 표시는 빠르게 확인할 때는 괜찮지만, 목업을 스크린샷처럼 보이게 만드는 건 로고예요.
• 그럴듯한 숫자를 넣으세요. 좋아요, 댓글, 공유 수는 플랫폼마다의 방식으로 표시되므로, 플랫폼이 줄여 쓰는 곳에서는 1240이 1.2K가 돼요.
• 최종 캡션을 붙여 넣으세요. 줄바꿈과 이모지는 그대로 유지되고, 긴 캡션은 피드에서 잘리는 위치에서 잘려요.
• 광고 라벨을 켜세요. 일반 게시물이 아니라 광고 시안을 확인할 때요. 라벨 문구는 플랫폼마다 달라요.

목업 다운로드와 활용

다운로드 파일은 화면 크기의 두 배인 PNG라서 슬라이드, 문서, 포트폴리오 페이지에 넣어도 선명해요. 배경이 포함되어 있어서 발표 자료에 바로 넣을 수 있어요. 합성용으로 배경 없는 버전이 필요하다면 나중에 이미지 자르기 도구로 잘라 내세요.

하지 않는 것

이 도구는 게시하거나 예약하지 않고, 어떤 계정에도 연결하지 않으며, 플랫폼의 모든 업데이트를 픽셀 하나까지 똑같이 재현하지도 않아요. 피드 레이아웃은 몇 달마다 몇 픽셀씩 바뀌어요. 목업은 승인 요청, 발표 자료, 포트폴리오 작업에 충분할 만큼 현재 레이아웃을 가깝게 따라가는데, 목업의 목적이 바로 그거예요. 동영상 게시물은 아직 미리 볼 수 없어요. 동영상의 한 프레임을 이미지로 쓰면 나머지 레이아웃은 똑같아요.

개인정보 보호

공개 전인 캠페인은 아무 목업 사이트에나 올리면 안 되는 대표적인 자료예요. 이 도구는 미리보기를 그리고 PNG를 만드는 모든 작업을 브라우저 안에서 해요. 이미지, 캡션, 로고는 기기를 떠나지 않아요.