아이콘과 도형을 잘 사용하면 디자인의 완성도를 확 올릴 수 있어요. 시선을 끄는 아이콘부터, 강조용 도형과 외곽선까지 다뤄볼게요.
1. 아이콘 추가하기
왼쪽 [아이콘] 탭에서 아이콘 카드를 드래그해서 캔버스에 놓으면 추가돼요. (기본 모드·자유 모드 둘 다 가능) 일단 기본 아이콘이 들어가고, 원하는 모양은 다음 단계에서 골라요.
2. 아이콘 편집하기
아이콘을 클릭하면 위에 3가지 탭이 떠요.
| 탭 | 하는 일 |
|---|---|
| 바꾸기 | 수백 개의 아이콘을 검색·카테고리로 찾아 교체 |
| 업로드 | 내 SVG·이미지 파일을 올려 아이콘으로 사용 |
| 편집 | 색·선·투명도 등 스타일 조정 |
[편집] 탭에서는 이런 걸 바꿀 수 있어요.
- 아이콘 색상 · 채우기(Fill) · 선 색상(Stroke) · 선 두께 · 불투명도
- [스타일 초기화] 로 한 번에 원래대로
3. 도형 추가하기 (자유 모드 전용)
⚠️ 도형은 자유 모드에서만 추가할 수 있어요. 자유 모드를 켜면 왼쪽에 [도형] 탭이 생깁니다.
원하는 도형을 드래그해서 캔버스에 놓으면 추가돼요. (기본 색은 프로젝트 팔레트 색이에요.) 도형은 6가지예요.
| 도형 | 모양 |
|---|---|
| 원 | 꽉 찬 원 |
| 사각형 | 꽉 찬 사각형 |
| 사각형 (외곽선) | 속이 빈, 테두리만 있는 사각형 |
| 원 (외곽선) | 속이 빈, 테두리만 있는 원 |
| 화살표 | 한 방향 화살표 |
| 양방향 화살표 | 양쪽으로 향하는 화살표 |
| 지시선 | 특정 지점을 가리키는 선 |
💡 화살표·지시선은 "여기 보세요!" 처럼 특정 부분을 강조할 때 유용해요.
4. 도형 색·크기 바꾸기
도형을 클릭하면 [레이아웃] 패널이 열려요. 여기서 조절해요.
- 배경색 — 도형의 색(채우기)
- 크기 — 너비·높이
- 모서리 둥글기 — 모서리를 둥글게
5. 도형에 외곽선(테두리) 넣기
방법이 두 가지예요.
방법 1 — 처음부터 외곽선 도형 쓰기 [도형] 탭의 사각형(외곽선) · 원(외곽선) 은 속이 비고 테두리만 있는 도형이에요. 바로 외곽선 느낌이 나죠.
방법 2 — 아무 도형에 테두리 추가하기 도형을 클릭 → [레이아웃] → [테두리] 에서 설정해요.
- 스타일 — 없음 / 실선 / 파선 / 점선 / 이중선
- 두께 — 선의 굵기
- 색상 — 테두리 색
💡 꽉 찬 도형에 테두리를 더하면 "채우기 + 외곽선" 이 된 도형이 자연스럽게 만들어져요. 모서리 둥글기까지 주면 둥근 테두리 박스도 금방입니다.