파워포인트 SmartArt, 다이어그램, 아이콘 사용법

어떤 아이디어는 읽는 것보다 보는 게 더 쉬워요. 프로세스, 계층 구조, 순환 과정을 글머리 기호 다섯 줄로 설명하면 청중이 머릿속으로 그림을 직접 그려야 해요. 좋은 다이어그램은 그 그림을 대신 그려 줘요.

함정은 장식이에요. 보기 좋아서 고른 SmartArt 그래픽, 실제로는 없는 순서를 암시하는 화살표 같은 것들이요. 이 페이지에서는 구조부터 정하는 법, SmartArt를 빠른 출발점으로 쓰는 법, SmartArt가 방해가 될 때 직접 다이어그램을 만드는 법, 그리고 결과물을 모두가 읽을 수 있게 만드는 법을 알려 드려요. 예시는 도서관의 "전자책 대출 방법" 교육용 프레젠테이션이에요.

다이어그램 종류 고르기

먼저 아이디어의 각 부분이 어떻게 관계를 맺는지 물어보세요. 다이어그램이 관계를 정하는 게 아니라, 관계가 다이어그램을 정해요.

아이디어의 관계	다이어그램 종류	도서관 예시
시작과 끝이 있는 순서대로 된 단계	프로세스	로그인, 검색, 대출, 다운로드
반복되는 단계	주기형	대출, 읽기, 반납, 다시 대출
권한의 단계나 범주 안의 범주	계층 구조	도서관 시스템, 분관, 부서
그룹 사이의 겹침이나 연결	관계형(벤 다이어그램, 방사형)	종이책과 전자책을 모두 쓰는 이용자
두 가지 기준을 동시에	행렬형(2 x 2)	찾기 쉬움과 어려움, 자주 씀과 드물게 씀
시간 위에 놓인 사건	타임라인	전자책 서비스 출시 주요 일정
나란히 놓은 두세 가지 선택지	비교	전자책, 오디오북, 종이책

빠르게 확인할 점:

화살표는 순서나 원인을 뜻해요. 항목이 어떤 순서로 일어나도 상관없다면 화살표를 쓰지 마세요. 목록이나 격자를 쓰세요.
주기형에는 진짜 순환이 있어야 해요. 4단계가 1단계로 돌아가지 않는다면 프로세스를 쓰세요.
계층 구조는 "~에 속한다"는 뜻이에요. 대등한 주제 목록에 조직도 모양을 쓰지 마세요.

수정 전

순서가 문장 속에 숨어 있음
모호한 제목

수정 후

슬라이드 노트책은 14일 뒤 자동으로 반납된다고 말로 덧붙이기.

순서가 보임
주장형 제목

대출 단계를 설명하는 글머리 기호 다섯 줄을 4단계 프로세스 다이어그램으로 다시 만들었어요.

SmartArt를 출발점으로 쓰기

SmartArt는 텍스트를 다이어그램으로 바꾸고, 그 텍스트와 계속 연결된 상태로 유지해요. 글머리 기호를 하나 추가하면 도형이 하나 새로 생겨요. 빠르고, 모든 요소가 정렬된 상태로 유지돼요. 약점은 기본 스타일이 흔해 보일 수 있고, 일부 레이아웃은 세밀하게 조정하기 어렵다는 점이에요.

글머리 기호 목록을 SmartArt로 바꾸기

글머리 기호가 있는 텍스트 개체 틀 안을 클릭하세요(글머리 기호는 1~4단어로 짧게 유지해요).
홈 다음 단락 다음 SmartArt로 변환을 클릭하세요.
옵션 위에 마우스를 올려 실시간 미리 보기를 확인하거나, 기타 SmartArt 그래픽을 선택해서 모든 범주(목록형, 프로세스형, 주기형, 계층 구조형, 관계형, 행렬형, 피라미드형, 그림)를 보세요.
알맞은 범주에서 레이아웃을 고르세요. 예를 들어 기본 갈매기형 수장 프로세스가 있어요.

처음부터 만들려면 삽입 다음 일러스트레이션 다음 SmartArt를 사용하세요.

삽입 › 일러스트레이션 › SmartArt. 왼쪽에서 범주를 고른 다음 레이아웃을 고르세요. 텍스트 창에 입력하면 도형이 추가돼요.

텍스트, 레이아웃, 색 편집하기

텍스트 창: 그래픽 왼쪽 가장자리의 작은 화살표를 클릭해서 열어요. Enter를 누르면 새 도형이 생기고, Tab을 누르면 그 줄이 한 단계 아래 수준으로 내려가요.
레이아웃 변경: SmartArt 디자인 탭에서 레이아웃 갤러리를 여세요. 텍스트가 그대로 옮겨지기 때문에 프로세스형과 주기형을 몇 초 만에 비교해 볼 수 있어요.
색 변경: SmartArt 디자인 › 색 변경. 옵션이 테마 색에서 나오기 때문에 테마가 좋으면 고를 색도 좋아요. 더 세밀하게 조정하려면 도형 하나를 선택하고 서식 › 도형 채우기로 한 단계만 강조색으로 칠하세요.
스타일 단순하게: SmartArt 스타일에서 3차원과 두꺼운 입체 효과는 피하세요. 평면 스타일이 더 잘 읽혀요.
처음부터 다시: SmartArt 디자인 › 그래픽 원래대로를 누르면 직접 적용한 서식이 지워져요.

그룹 해제는 꼭 필요할 때만

간격을 마음대로 바꾸거나 특이한 도형을 쓰는 등 완전히 직접 조정해야 한다면 SmartArt 디자인 › 변환 › 도형으로 변환을 사용하세요. 결과물은 평범한 도형 그룹이 되고, Ctrl+Shift+G로 그룹을 해제할 수 있어요. 이 작업은 되돌릴 수 없어요. 자동 레이아웃과 텍스트 창을 잃게 되니, 텍스트를 먼저 다 쓰고 변환은 마지막에 하세요.

도형과 연결선으로 다이어그램 만들기

SmartArt가 말을 안 들으면 다이어그램을 직접 만드세요. 몇 분 더 걸리지만 원하는 모양을 정확히 얻을 수 있어요. 전자책 프레젠테이션용 4단계 프로세스를 만들어 볼게요.

단계 하나 그리기. 삽입 다음 일러스트레이션 다음 도형 › 사각형: 둥근 모서리. "로그인"이라고 입력하세요. 채우기 색과 테마 글꼴을 설정하고, 윤곽선은 없애거나 가늘게 하세요.
복제하기. Ctrl+D를 세 번 누르고 레이블을 검색, 대출, 읽기로 바꾸세요.
맞춤과 간격. 네 개를 모두 선택한 다음 홈 다음 그리기 다음 정렬 다음 맞춤 › 중간 맞춤과 가로 간격을 동일하게를 선택하세요.
연결하기. 도형 갤러리의 선 그룹에서 선이나 화살표(직선 화살표나 연결선: 꺾인 화살표)를 고르세요. 첫 번째 도형 위에 마우스를 올려 회색 연결점이 보이면, 오른쪽 연결점에서 다음 도형의 왼쪽 연결점까지 끌어요. 연결되면 끝점이 초록색으로 바뀌거나 조절점이 보여요.
연결선 스타일은 한 번만. 화살표 하나에 서식을 지정한 다음, 서식 복사나 Ctrl+Shift+C와 Ctrl+Shift+V로 나머지에 복사하세요.
한 단계 강조하기. 슬라이드가 특정 단계에 관한 내용이라면 강조색으로 그 단계를 칠하세요.
그룹화하고 이름 붙이기. 도형과 연결선을 그룹화하고, 선택 창(Alt+F10)에서 그룹 이름을 "대출 프로세스"로 바꾸세요.

연결된 연결선은 계속 붙어 있어요. 도형을 옮기면 화살표가 따라와요. 이게 연결선과 따로 그린 선의 차이예요.

크기와 간격이 같음
연결된 연결선
강조한 단계 하나

크기와 간격이 같고, 연결선이 붙어 있고, 대출 단계를 강조한 직접 만든 4단계 프로세스 다이어그램이에요.

다른 다이어그램 종류에도 같은 방법이 통해요

타임라인: 슬라이드를 가로지르는 길고 가는 선을 하나 그리고, 사건마다 작은 원을 올려 두세요. 가로 간격을 동일하게는 사건이 시간상 고르게 떨어져 있을 때만 쓰세요. 그렇지 않다면 날짜에 맞춰 위치를 잡아서 간격이 사실 그대로 보이게 하세요. 각 원 위에는 날짜를, 아래에는 두세 단어짜리 레이블을 넣으세요.
2 x 2 행렬: 정사각형 하나를 그리고 세 번 복제한 다음, 간격이 같은 격자로 네 개를 배치하세요. 두 축의 이름은 격자 바깥에 붙이세요(가로는 "자주 씀"에서 "드물게 씀", 세로는 "찾기 쉬움"에서 "찾기 어려움"). 항목은 짧은 레이블로 사분면에 넣고, 이야기하고 싶은 사분면만 색을 칠하세요.
비교: 같은 너비의 열 두세 개를 만들고, 각 열에 같은 요소를 같은 순서로 넣으세요(아이콘, 이름, 짧은 사실 세 가지). 행이 맞춰져 있으면 차이를 찾기 쉬워요.

어떤 경우든 맞춤과 간격부터 잡고, 색은 맨 마지막에, 의미가 있는 곳에만 넣으세요.

레이블과 일관된 스타일

레이블은 짧고 같은 형태로 쓰세요(모두 동사, 또는 모두 명사).
같은 수준의 항목에는 같은 도형, 크기, 채우기, 글꼴을 쓰세요.
설명은 빽빽한 도형 안이 아니라 도형 아래에 작은 글씨로 넣거나 슬라이드 노트에 쓰세요.

아이콘으로 훑어보기 쉽게 만들기

아이콘은 일관되게 쓰기만 하면 청중이 항목을 찾고 기억하는 데 도움이 돼요. 삽입 다음 일러스트레이션 다음 아이콘으로 넣고, 키워드로 검색하고, 여러 개를 한꺼번에 선택한 다음 삽입을 클릭하세요.

아이콘을 도움이 되게 쓰는 규칙:

같은 시각 스타일. 한 슬라이드에서 윤곽선 아이콘과 채워진 아이콘, 평면 아이콘과 3차원 클립 아트를 섞지 마세요.
같은 크기. 아이콘을 모두 선택하고 그래픽 형식 탭(크기 그룹)에서 높이와 너비를 똑같이 설정하세요.
같은 위치. 아이콘은 항상 레이블 위에, 또는 항상 왼쪽에 두세요. 다른 개체처럼 맞춤과 간격 맞추기를 하세요.
같은 색. 그래픽 형식 › 그래픽 채우기로 색을 바꾸세요. 보통 주 색이나 어두운 중간색이 좋아요.
직관적이고 명확하게. 검색에는 돋보기가 잘 맞아요. "혁신"을 나타낸다는 추상적인 소용돌이는 안 맞아요.
대신하지 말고 거들기. 항상 텍스트 레이블을 함께 두세요. 아이콘만으로는 뜻이 모호해요.

수정 전

아이콘 스타일이 섞임
레이블 길이가 제각각
레이블 형태가 일관되지 않음

수정 후

스타일과 크기 통일
짧고 같은 형태의 레이블

아이콘이 제각각인 기능 격자와, 아이콘 스타일과 크기가 하나로 맞고 레이블이 일관된 격자를 비교했어요.

다이어그램 접근성 높이기

다이어그램은 청중 모두가 그 뜻을 알 수 있어야 제 역할을 해요. 화면 읽기 프로그램을 쓰는 사람, 화질이 낮은 프로젝터나 작은 휴대폰 화면으로 보는 사람도 포함해서요.

설명하는 슬라이드 제목. 제목은 다이어그램이 보여 주는 내용을 말해야 해요. "다이어그램"이 아니라 "전자책 대출은 네 단계면 끝나요"처럼요.
의미 있는 레이블. 도형 안에는 범례가 딸린 "A 단계"가 아니라 실제 단어를 쓰세요.
복잡한 시각 자료에는 대체 텍스트. 다이어그램의 바깥 테두리를 마우스 오른쪽 단추로 클릭하고 대체 텍스트 보기를 선택하세요(SmartArt는 바깥 테두리를 클릭해야 도형 하나가 아니라 그래픽 전체를 설명하게 돼요). 구조와 순서를 설명하세요. 예: "4단계 프로세스 다이어그램: 로그인, 검색, 대출, 읽기. 대출 단계가 강조되어 있음."
장식 요소. 순전히 장식용인 도형이나 아이콘은 대체 텍스트 창에서 장식용으로 표시를 선택해서 화면 읽기 프로그램이 건너뛰게 하세요.
텍스트 요약. 복잡한 다이어그램이라면 슬라이드 노트나 다음 슬라이드에 한두 문장짜리 요약을 추가하세요.
색에만 의존하지 마세요. 강조한 단계가 유일하게 주황색인 단계라면, 굵게 표시하거나 "지금 여기" 같은 레이블도 함께 붙이세요.

마지막으로 검토 다음 접근성 다음 접근성 검사를 실행하세요. 대체 텍스트가 빠진 곳을 알려 주고 읽기 순서를 확인하는 데도 도움이 돼요.

다이어그램에서 자주 하는 실수

보기 좋은 걸로 고르기. 한 방향으로만 가는 프로세스에 예쁜 주기형을 쓰면 청중에게 틀린 정보를 주는 거예요.
도형 안에 긴 문장. SmartArt는 텍스트를 줄여서 맞추기 때문에 레이블이 길면 글씨가 아주 작아져요. 레이블은 몇 단어로 줄이세요.
어디에나 기본 SmartArt. 모든 슬라이드에 똑같은 파란 갈매기형 수장이 있으면 서식 파일을 그대로 쓴 것처럼 보여요. 테마에 맞게 색과 스타일을 바꾸세요.
너무 일찍 도형으로 변환하기. 텍스트 창과 자동 레이아웃을 잃어요. 내용을 먼저 끝내세요.
연결선 대신 따로 그린 선. 도형을 옮기면 화살표만 남겨져요.
섞인 아이콘 스타일. 윤곽선 아이콘과 채워진 아이콘, 출처가 다른 아이콘이 섞이면 실수처럼 보여요.
대체 텍스트 없음. 대체 텍스트가 없는 프로세스 다이어그램은 화면 읽기 프로그램 사용자에게 빈 공간일 뿐이에요.

연습

"이렇게 작동해요" 슬라이드 만들기

따라 하기 연습: 아이콘과 프로세스 다이어그램으로 "이렇게 작동해요" 슬라이드를 만들어 보세요.

제목만 슬라이드로 시작하세요. 제목: "전자책 대출은 네 단계면 끝나요."
텍스트 상자나 개체 틀에 글머리 기호 네 개를 입력하세요: 로그인, 검색, 대출, 읽기. 홈 다음 단락 다음 SmartArt로 변환으로 바꾸고, 서로 다른 프로세스 레이아웃 두 가지를 적용해 보세요.
이번에는 같은 프로세스를 도형으로 만드세요. 둥근 사각형 네 개를 맞추고 간격을 같게 한 다음, 연결된 화살표 연결선으로 이으세요.
각 단계 위에 아이콘을 하나씩 넣으세요(삽입 다음 일러스트레이션 다음 아이콘). 크기, 색, 스타일을 맞추고 도형과 맞춤하세요.
대출 단계를 강조색과 굵은 글씨로 강조하세요.
다이어그램을 그룹화하고, 선택 창에서 이름을 붙이고, 단계를 순서대로 설명하는 대체 텍스트를 추가하세요.
SmartArt 버전과 직접 만든 버전을 비교하세요. 더 명확한 쪽을 남기고 다른 쪽은 지우세요.

혼자 해 보기: SmartArt를 과하게 쓴 슬라이드(3차원 스타일, 많은 수준, 긴 텍스트)를 찾거나 직접 만들어 보세요. 그 슬라이드를 도형, 연결선, 아이콘으로 만든 맞춤형 시각 자료로 다시 디자인하세요. 이 페이지의 표를 참고해서 다이어그램 종류를 의도적으로 고르세요. 노트에 두 문장을 쓰세요. 이 다이어그램 종류가 왜 아이디어에 맞는지, 그리고 읽기 쉽게 만들려고 무엇을 바꿨는지요.

이해도 확인4문제 중 0문제 정답

답을 고르면 맞았는지와 그 이유를 바로 보여 줘요.

어떤 슬라이드가 학교의 채점 과정을 설명해요. 과제 내기, 제출, 채점, 피드백 주기 순서로 진행되고, 그 피드백이 다음 과제에 반영돼요. 어떤 다이어그램이 가장 알맞을까요?
피드백이 다음 과제에 반영되면서 단계가 처음으로 돌아가요. 주기형은 이 반복을 보여 주고, 계층 구조나 행렬형은 실제로 없는 관계를 암시해요.
같은 SmartArt 텍스트에 프로세스형 레이아웃과 주기형 레이아웃을 적용해 보고, 나중에 문구도 고치고 싶어요. 먼저 하면 안 되는 일은 무엇일까요?
도형으로 변환은 되돌릴 수 없어요. 텍스트 창과 레이아웃을 바꾸는 기능을 잃으니, 내용과 레이아웃이 확정된 뒤에만 하세요.
직접 만든 다이어그램에서 상자를 옮겼는데 화살표가 제자리에 남아 있어요. 무엇이 잘못됐을까요?
연결점에 붙은 연결선은 도형을 따라가요. 따로 그린 선은 독립된 개체라서 상자와 함께 움직이지 않아요.
화면 읽기 프로그램 사용자가 프로세스 슬라이드가 "둥근 사각형 3, 화살표 7, 둥근 사각형 4..."처럼 읽힌다고 알려 줬어요. 가장 좋은 해결책은 무엇일까요?
그룹에 단 대체 텍스트는 의미를 하나의 명확한 설명으로 전달하고, 연결선을 장식용으로 표시하면 읽기 순서에서 잡음이 사라져요.

이렇게 할 수 있으면 다음으로 넘어가도 돼요

하나씩 확인하며 체크해 보세요. 체크 표시는 이 브라우저에만 저장돼요.

아이디어 사이의 관계에 따라 다이어그램 종류를 고를 수 있어요
글머리 기호를 SmartArt로 바꾸고 레이아웃과 색을 변경할 수 있어요
연결선이 붙어 있고 잘 정렬된 프로세스 다이어그램을 만들 수 있어요
아이콘의 스타일, 크기, 색, 위치를 하나로 맞춰 쓸 수 있어요
다이어그램에 대체 텍스트와 텍스트 요약을 쓸 수 있어요

도움이 되었나요? 틀린 부분을 발견하셨나요? 피드백 보내기 · admin@arumsoft.com

파워포인트 SmartArt, 다이어그램, 아이콘 사용법: 아이디어를 한눈에 보이게 만들기

배울 내용

시작하기 전에