삽화서비스 흐름도 · 생산공정도
데이터로 그림
고객이 서비스를 쓰는 과정이나 제품이 만들어지는 공정을 번호 붙은 단계와 화살표로 보인다.

- 만드는 법
- 데이터 → SVG → PNG
- 왜 이렇게
- 단계 이름과 순서가 내용이다. 데이터로 그린다. 장면 묘사가 필요하면 단계마다 글자 없는 아이콘만 생성해 끼울 수 있다.
- 크기
- 너비 160mm · 비율 4:1(5단계 한 줄)
- 스타일
- 단계 상자 4~6개 한 줄, 위에 강조색 원 번호, 상자 안 '주체(굵게) / 하는 일 2줄'. 화살표 굵기 0.4mm. 6단계를 넘으면 두 줄 ㄹ자로 접는다.
- 조건
- 데이터로 그리는 도식. 숫자·이름은 본문과 같게
- 한글 파일의 칸
- 제품·서비스의 핵심 기능과 이용 과정 · 생산공정도 해설 · 양산 체제(생산공정) · 서비스 흐름
그릴 때 넣는 값
{
"steps": [
{
"actor": "string",
"action": "string(2줄, 줄당 8자 안팎)",
"note": "string?"
}
],
"direction": "ltr|snake"
}조심할 것
- 생산공정도는 원료·설비 이름이 '생산시설 명세' 표와 같아야 한다(d947d75d282fbf89)
- 화면 캡처를 흐름도 대신 쓰면 글자가 너무 작다
- 단계마다 주체(누가)를 밝힌다