시각 요소

시각 요소란

시각 요소는 슬라이드에서 순수 텍스트·데이터 차트를 제외한 「보이는 콘텐츠」예요: 의미 아이콘, 흐름·아키텍처 다이어그램, 장식 그래픽, 프로그래밍 방식 배경 등. 구조, 분위기, 브랜드감을 전달하며, 반드시 표 데이터에 묶이지는 않아요. 입장 효과, 루프 배경 등 모션이 필요하면 모션 및 애니메이션 문서를 보세요.

흔한 유형

• 의미 아이콘: bullet 옆 체크, 추세 화살표, 업종 심볼 등 — 디자인 시스템과 맞춤.
• 구조 다이어그램: 플로우차트, 아키텍처 스케치, 관계도 등(렌더 시 직접 그리는 임베디드 벡터).
• 장식 벡터: 플랫 아이콘·일러스트 등 독립 SVG(프로젝트 자료 라이브러리에 저장).
• 장식 그래픽: 구분선, 기하 배경, 강조 블록.
• 이미지: 업로드한 브랜드·제품 사진, 또는 Agent 생성 분위기 비트맵.
• 모션 시각: 그라데이션, 도트 필드, 입장 애니메이션 — 모션 및 애니메이션 문서 참고.

차트와의 차이

• 차트: 구조화 데이터에 묶여 추세·비교·비중 등 정량 결론; 정밀 조정 데이터 표로 수정.
• 시각 요소: 구조, 흐름, 장식, 분위기 — 숫자 표가 없는 경우가 많음.
• 한 슬라이드에 차트와 시각 요소를 함께 둘 수 있어요 — 예: 막대 차트 + 3단계 흐름도.

생성 방법

• 채팅에서 페이지 의도를 설명하세요 — 「2번 슬라이드에 3단계 흐름도」「성장을 강조하는 추세 아이콘 추가」.
• 렌더링 시 Agent가 디자인 방향에 맞는 아이콘, SVG, 프로그래밍 방식 시각을 골라요.
• 참고 이미지를 업로드하면 구도·스타일을 참고해요(보호된 브랜드 로고는 따라 그리지 않음).
• 복잡한 슬라이드는 서사에 맞게 여러 시각 레이어를 겹칠 수 있어요.

벡터 일러스트와 벡터화

슬라이드 내 구조 다이어그램 외에 Agent는 독립 SVG 자산을 생성하거나 기존 비트맵을 벡터화해 프로젝트 자료 라이브러리에 저장한 뒤 페이지에 넣을 수 있어요. 대화에서 SVG 초안을 스트리밍 미리보기할 수 있습니다.

• 구조 다이어그램(플로우/아키텍처/타임라인): 렌더 시 직접 그림. 독립 SVG 생성 경로 아님.
• 장식 벡터 일러스트/아이콘: 예 「플랫 벡터 커피잔 아이콘 그려 줘」——Agent가 독립 SVG 자산 생성.
• 비트맵→벡터: 예 「이 이미지 벡터화해 줘」——단순 플랫 아이콘에 적합. 복잡한 사진은 효과 제한적.

설정 › 환경설정 › 기본 SVG 모델에서 전용 엔진(호출당 과금) 또는 실험적 방식(Chat과 유사 과금)을 고를 수 있어요. 자세한 내용은 요금 페이지를 참고하세요.

편집 방법

• 의미 조정: 채팅에서 「4단계로 바꿔 주세요」「아이콘을 더 비즈니스 스타일로」.
• 캔버스 정밀 조정: 정밀 조정을 지원하는 시각 블록을 선택해 색, 투명도, Agent가 노출한 파라미터 조정.
• 텍스트·이미지: 텍스트 클릭으로 수정; 이미지 요소는 교체·스타일 조정(코드 모드).
• 레이아웃·모듈 같은 구조적 큰 변경은 여전히 Agent와 대화로 처리하는 편이 좋아요.

관련 문서