문서용 스크린샷.
좋은 문서는 알맞은 곳에 맞춰 자른 스크린샷을 쓰고 모든 페이지에서 화살표 스타일, 배경, 여백이 같습니다. 문서 스타일 가이드가 따르는 규칙과 이를 Windows에서 적용하는 작업 흐름을 알려 드립니다.
문서용 좋은 스크린샷은 어떻게 찍나요?
스크린샷마다 그 단계가 다루는 요소에 맞춰 자르고, 화살표나 상자로 동작을 표시하고, 모든 이미지에서 하나의 기준을 지키세요. 같은 OS, 같은 테마, 같은 표시 색, 같은 프레임. Google 개발자 문서 스타일 가이드가 요구하는 것이 바로 이것입니다. 관련 정보에 맞춰 자르고, 모양을 일관되게 유지하고, 텍스트, 코드, 터미널 출력을 이미지로 대체하지 말라는 것입니다.
문서 작업이 많다면 가장 완성도 높은 유료 도구는 Snagit입니다. 클릭을 가이드로 만드는 Step Capture, 색상과 글꼴을 일관되게 하는 Themes, 스크롤 캡처, Smart Redact가 있습니다. 2025년부터는 구독으로만 판매합니다.
Sincron Screen Tools는 표시와 표준화를 맡습니다. Ctrl + Shift + D로 화면에 화살표, 상자, 텍스트를 그리고 스크린샷 스튜디오에서 모든 이미지에 같은 배경, 여백, 모서리, 그림자, 가로세로 비율을 씁니다. 캡처와 주석은 무료이며 제한이 없습니다.
검토일 2026년 10월 5일
문서 스크린샷을 일관되게 유지하는 규칙
같은 OS와 테마
모든 스크린샷을 같은 Windows 버전, 같은 밝은·어두운 테마, 같은 인터페이스 언어로 찍으세요. 섞여 있으면 독자는 올바른 화면에 있는지 의심하게 됩니다.
같은 창 크기
창 크기와 브라우저 확대 비율을 하나 정해 문서 전체에서 유지하세요. 그러면 버튼과 글자가 페이지마다 같은 크기로 보입니다.
요소에 맞춰 자르기
버튼 하나를 보여 줄 때 창 전체를 캡처하지 마세요. 딱 맞게 자르면 주의가 모이고 인터페이스의 다른 부분이 바뀌어도 오래 갑니다.
같은 프레임
모든 스크린샷에 같은 배경, 여백, 그림자를 쓰거나 어느 것에도 프레임을 쓰지 마세요. Google 가이드는 창 그림자를 반드시 맞춰야 할 예로 듭니다.
표시 색은 하나
화살표와 상자의 색과 굵기를 하나 정하고 중간에 바꾸지 마세요. 빨강이나 주황은 대부분의 인터페이스에서 눈에 띕니다.
텍스트는 이미지 밖에
단계 설명은 문서 본문에, 코드, 명령어, 메시지는 복사할 수 있는 텍스트로 넣으세요. 모든 이미지에는 무엇을 보여 주는지 설명하는 대체 텍스트가 필요합니다.
Windows에서 절차를 문서화하는 작업 흐름
절차의 한 단계에 스크린샷 한 장. 같은 설정으로 끝까지 반복하세요.
화면 준비하기
샘플 데이터를 쓰고, 절차와 무관한 것은 닫고, 창을 문서의 표준 크기로 맞추세요. 고객 이름, 이메일, 토큰이 보이지 않는지 확인하세요.
단계 표시하기
Ctrl + Shift + D를 누릅니다. Ctrl + Shift를 누른 채 그 단계의 버튼까지 화살표를 드래그하거나, Ctrl을 누르고 입력란을 상자로 둘러싸세요. 색과 굵기는 늘 같게 하세요.
표시와 함께 캡처하기
Ctrl + Shift + C를 누르고 그 단계의 영역을 주변 맥락을 조금 남기고 자르세요. 자른 이미지가 화살표가 이미 있는 채로 스크린샷 스튜디오에서 열립니다.
표준 프레임 적용하기
스튜디오에서 문서의 모든 스크린샷에 같은 배경, 여백, 모서리, 그림자를 쓰세요. 교육 슬라이드에는 16:9, 매뉴얼에는 '자동' 비율을 쓰세요.
정렬되는 이름으로 저장하기
03-프린터-추가.png처럼 파일 이름에 단계 번호를 넣어 PNG로 저장하세요. 또는 '이미지 복사'로 문서 편집기에 Ctrl + V로 바로 붙여넣으세요.
단계와 대체 텍스트 쓰기
문서 본문에 지시문을 쓰고 이미지는 대체 텍스트로 설명하세요. 예: 프린터 추가 버튼이 강조된 설정 화면.
문서용 스크린샷 도구
| 필요 | Snagit | 캡처 도구 | Sincron |
|---|---|---|---|
| 화살표, 도형, 텍스트 | 화살표, 설명 풍선, 텍스트 | 화살표와 도형. 텍스트는 그림판 경유 | 화면에서 화살표, 사각형, 타원, 형광펜, 텍스트 |
| 단계별 가이드 자동 생성 | 있음, Step Capture | 없음 | 없음 |
| 스크린샷 간 일관된 모양 | 색상, 글꼴, 스타일을 담은 Themes | 없음 | 스튜디오에서 같은 배경, 여백, 모서리, 그림자, 비율 |
| 데이터 가리기 | Smart Redact: 이메일, 전화번호, 카드 정보를 흐리게 하거나 막음 | 이메일, 전화번호, 선택한 텍스트 가리기 | 선택할 때 자르기 또는 불투명한 펜. 흐림은 없음 |
| 가격 | US$ 39/년, 구독만 가능 | 무료, Windows 기본 포함 | 캡처와 주석 무료. 평생 US$ 89 |
| 지원 환경 | Windows, Mac | Windows | Windows 10·11 |
기능과 가격은 2026-10-03에 TechSmith와 Microsoft 사이트에서 확인했습니다.
1단계부터 마지막까지 같은 배경, 여백, 그림자
스크린샷 스튜디오는 자르기마다 같은 배경, 여백, 모서리, 그림자를 적용합니다. 이미지 편집기를 거치지 않아도 매뉴얼이 완성된 모습이 됩니다.
문서 작업에서 Sincron이 하지 않는 것
단계 번호 없음
번호가 매겨진 단계 마커(1, 2, 3)나 말풍선 설명이 없습니다. 텍스트 도구로 번호를 입력하거나 번호 단계 도구가 있는 ShareX를 쓰세요.
자동 가이드 없음
Sincron은 클릭을 기록하거나 문서를 조립하지 않습니다. 스크린샷은 매번 직접 하는 동작입니다. 클릭으로 가이드를 만들려면 Snagit의 Step Capture가 해 줍니다.
스크롤 캡처 없음
화면에 보이는 것만 캡처합니다. 긴 페이지는 브라우저의 전체 페이지 캡처, ShareX, Snagit을 쓰세요.
스크린샷 라이브러리 없음
Sincron은 기록을 남기지 않습니다. PNG는 문서마다 폴더 하나에 모으고 각 파일 이름에 단계 번호를 넣어 정리하세요.
문서용 스크린샷에 대한 질문
매뉴얼의 모든 스크린샷을 일관되게 유지하려면?
시작 전에 창 크기, 테마, 확대 비율을 고정하고, 표시에는 같은 색과 굵기를 쓰고, 모든 이미지에 같은 프레임을 적용하세요. Sincron에서는 스크린샷 스튜디오에서 배경, 여백, 그림자를 정하고 자르기마다 반복하는 것입니다.
문서용 스크린샷에 그림자와 배경을 넣어야 하나요?
스타일 선택입니다. 중요한 것은 일관성으로, 모두 같은 프레임을 쓰거나 아무것도 쓰지 않는 것입니다. 프레임은 슬라이드와 마케팅 자료에 도움이 되고, 기술 문서에서는 깔끔한 자르기를 선호하는 팀이 많습니다.
코드나 오류 메시지를 스크린샷으로 써도 되나요?
피하세요. Google 스타일 가이드는 독자가 복사하고 검색해야 하므로 코드, 명령어, 터미널 출력에는 이미지 대신 실제 텍스트를 쓰라고 합니다. 스크린샷은 인터페이스를 보여 주는 데 쓰세요.
교육용 스크린샷에서 실제 데이터를 가리려면?
샘플 데이터로 화면을 구성하세요. 실제 데이터가 보이면 잘라내거나 단색 상자로 덮으세요. 흐림과 모자이크 효과는 복원될 수 있습니다.
Sincron은 스크린샷에 단계 번호를 매겨 주나요?
아니요. Sincron에는 단계 번호나 설명 풍선이 없습니다. ShareX에는 번호 단계 도구가 있고 Snagit의 Step Capture는 클릭으로 가이드를 만듭니다.
함께 보기
다음 매뉴얼의 스크린샷을 표준화하세요.
Sincron Screen Tools를 설치하고 Ctrl + Shift + D로 표시하고 Ctrl + Shift + C로 캡처하며 모든 이미지에 같은 프레임을 쓰세요. 캡처와 주석은 무료이며 제한이 없습니다.