가로형 · 16:9 · 정사각형 · 1:1
받게 되는 결과가운데에 제품을 두고 입력한 구성 요소를 주변에 배치한 콘셉트 이미지 한 장을 생성합니다. 연결은 직접 적은 곳에만 그려져요. 시스템 아키텍처 도식이 아닌 개념 일러스트이니, 모든 라벨과 화살표 설명을 확인하세요.
작성 예시 두 가지
일반적인 브리프와 예외 상황.
일반 입력 · 가로형 · 16:9다섯 가지 구성 요소가 연결된 식당 근무표 관리 제품
- 제품 이름과 한 줄 설명
- 플럼로타, 소규모 식당 팀을 위한 근무표 관리 소프트웨어
- 보여 줄 구성 요소(한 줄에 하나씩)
- 관리자용 근무표 작성기
직원용 모바일 앱
근무 교대 요청
급여 데이터 내보내기
휴무 캘린더
- 연결 관계(한 줄에 하나씩)
- 관리자용 근무표 작성기가 직원용 모바일 앱에 근무 일정을 게시
직원용 모바일 앱이 관리자 검토용 근무 교대 요청을 제출
관리자용 근무표 작성기가 승인된 근무를 급여 데이터 내보내기로 반영
휴무 캘린더가 관리자용 근무표 작성기의 날짜를 차단
- 대상(선택)
- 근무표 관리 도구를 비교 중인 식당 사장님
경계 조건 입력 · 정사각형 · 1:1기술적인 구성 요소 여섯 개, 연결은 두 개뿐이고 대상 없음
- 제품 이름과 한 줄 설명
- 탤리브룩 결산 클라우드, 여러 법인을 둔 기업 재무팀을 위한 월말 계정 대사 솔루션
- 보여 줄 구성 요소(한 줄에 하나씩)
- 은행 거래 내역 연동
매칭 규칙 엔진
예외 항목 검토 대기열
내부거래 제거
감사 추적 및 승인
결산 캘린더
- 연결 관계(한 줄에 하나씩)
- 은행 거래 내역 연동이 매칭 규칙 엔진으로 거래를 전송
매칭 규칙 엔진이 매칭되지 않은 항목을 예외 항목 검토 대기열로 전달
- 대상(선택)
- 비워 둠
기술적인 구성 요소는 여섯 개인데 연결은 두 개만 적었고, 제품 설명이 길며 대상은 비워 둔 경우입니다. 연결되지 않은 세 요소에 임의의 화살표가 생기지 않는지, 라벨이 그대로 유지되는지, 업체 로고나 보안 배지, 아키텍처가 추가되지 않는지 확인합니다.
같은 작업, 세 가지 방향
시작할 방향을 골라 보세요.
01허브 앤 스포크
가운데 패널에 제품을 두고 구성 요소를 주변에 배치하며, 연결을 적은 곳에만 화살표를 그립니다.
02레이어형 클라우드
스타일화한 구름 안에 제품 이름을 넣고, 그 아래에 구성 요소를 층층이 쌓습니다.
03아이소메트릭 작업 공간
아이소메트릭 장면 속 범용 화면과 기기에 구성 요소 이름을 하나씩 붙입니다.
템플릿이 지키는 것
항상 일관되게 유지되는 부분.
01가운데에 놓인 제품
모든 요소가 제품을 중심으로 배치되어 이미지가 제품이 무엇인지부터 알려 줍니다.
02적은 연결만, 그 외는 없이
화살표는 입력한 연결 관계만 따르며, 추측으로 이어 붙이는 요소는 없습니다.
03브랜드 걱정 없는 범용 비주얼
화면, 구름, 기기는 모두 범용 형태이며 타사 로고나 실제 인터페이스는 들어가지 않습니다.
사용 방법
정보 입력부터 결과까지.
- 01
제품 이름 적기
제품 이름과 함께 무엇을 누구를 위해 하는지 한 줄로 적어 주세요. 이 내용이 가운데에 들어갑니다.
- 02
구성 요소 나열하기
기능, 사용자 그룹, 업무 흐름의 한 부분을 고객이 아는 이름으로 한 줄에 하나씩 적으세요.
- 03
연결 관계 설명하기
한 줄에 연결 하나씩, 구성 요소 이름을 정확히 쓰고 그 사이를 짧은 동사 표현으로 이어 주세요.
- 04
검토하고 생성한 뒤 확인하기
Vizify가 먼저 전체 브리프를 보여 줍니다. 결과물에서 라벨 하나하나와 화살표 방향을 확인하세요.
결과물의 한계사용 전에 확인할 점.
- 마케팅이나 온보딩용 개념 일러스트이며, 정확한 시스템 아키텍처나 데이터 흐름도가 아닙니다. 그런 용도에는 구조화된 다이어그램을 쓰세요.
- 라벨과 화살표 설명은 이미지 속 글자라 바뀌어 나올 수 있습니다. 입력한 목록과 하나씩 대조하세요.
- 연결은 직접 설명한 곳에만 그려집니다. 기술 스택, 연동, 보안에 대해서는 아무것도 가정하지 않습니다.
- 실제 타사 로고와 인터페이스 화면은 재현하지 않으며 범용 아이콘으로 대신합니다.
- 이미지 한 장에 구성 요소는 3~6개, 요청 한 번에 이미지 한 장입니다. 가로형과 정사각형은 구도만 정할 뿐 정확한 픽셀 크기를 뜻하지 않습니다.
자주 묻는 질문SaaS 인포그래픽에 연동하는 앱을 보여 줄 수 있나요?+
구성 요소로 적으면 이름이 일반 텍스트로 들어갈 수 있습니다. 로고는 재현하지 않으니 파트너사 이름을 쓸 때 해당 가이드라인을 지키는지 확인하세요.
요금제를 보여 줄 수 있나요?+
이 템플릿의 용도는 아닙니다. 가격은 자주 바뀌고 정확한 문구가 필요하니 요금 페이지에 두세요. 이 이미지는 제품이 무엇을 하는지 설명하는 데 씁니다.
개발자처럼 기술에 밝은 대상에게도 적합한가요?+
어떤 대상에게든 개요 자료로 쓸 수 있고, 기술적인 구성 요소 이름도 그대로 둘 수 있습니다. 실제 아키텍처가 필요한 엔지니어에게는 구조화된 다이어그램이 더 정확합니다.
우리 제품 스크린샷을 넣을 수 있나요?+
이 템플릿은 스크린샷을 넣는 대신 범용 화면을 그리므로 인터페이스가 잘못 표현될 일이 없습니다. 세부 정보가 중요한 곳에는 실제 스크린샷을 함께 쓰세요.
