죽은문서 살리는 인포그래픽 패턴 (9강~16강)

해당 포스팅은 미스 해마 김미리 대표님의 강의를 온라인으로 수강하고, 중요한 내용만 정리한 포스팅입니다. (9강~16강)

포스팅의 모든 내용은 김미리 대표님에게 권한이 있음을 공유드립니다.

기회가 되시면 꼭 해당 강의를 들으시길 추천드립니다 (꽤나 도움이 많이 되었음)
강의에서는 처음부터 실제로 해당인포그래픽을 구성해볼수 있습니다.

기존 1강~8강은 아래와 같이 포스팅하였습니다
2021.06.24 - [자기계발] - 죽은문서 살리는 인포그래픽 패턴 (1~8강)

죽은문서 살리는 인포그래픽 패턴 (1~8강)

 

9강. 벌집형 인포그래픽- 육각형으로 집중, 확산, 연결구조 만들기

수업일시: 21년 6월 10일

• [삽입]-[스마트아트]-[목록형]-[교대육각형]
• 그룹 해제 2번
• 너비를 0으로 하면 직선으로 가능
• PNG 그림 색상 변경: [그림 서식]-[그림 보정]-밝기를 100%: 모든 픽셀의 색이 흰색으로 변형 가능함
• 중심-하부조직을 모두 펼쳐놓고 관계를 파악할 것

꼭 기억해야 할 3가지

1. 벌집형으로 결집력, 확장성, 유연성 강조
2. 구심점에서 멀어질수록 컬러, 선, 음영으로 차이 주기
3. 불 켜기 기법을 적용하면 복잡한 옵션도 한눈에!

 

 

10강. 타임라인 인포그래픽- 시간의 흐름 위에서 이야기 펼치기

수업일시: 21년 6월 10일

• [도형]-[블록 화살표]-[화살표 : u자형]
• 더 나은 프로젝트에서 컬랙션을 활용할 것
• 중간 결과물을 화살표로 나타내기 [도형]-[기본 도형]-[원호]
• 그룹화 후 [정렬]-[회전]-[좌우대칭]
• [전환]-[밀어내기]-[효과 옵션:오른쪽에서]

꼭 기억해야 될 3가지 포인트

1. 시간의 흐름에 따른 정보는 타임라인이라는 실로 엮어야
2. 정보의 성격에 맞는 타임라인 모양 선택
3. as is vs to be// before &after는 슬라이드 밀어내기

   

   

 

 

 

11강. 모듈 타임라인 인포그래픽- 중요 단계가 돋보이는 프로세스 그리기

수업일시: 21년 6월 11일

• 간격을 맞춰서 복제: [컨트롤]+[디]
• 원호 2개를 연결 (포인트는 60으로 두껍게)
• 선에 색을 입힐 때는 스포이트 기능을 이용하여 그러데이션을 준다 (그러데이션은 도형/면적으로 해야 한다)
• 투명도를 활용하여 주제를 강조한다
• 컬러를 반전하여 중요한 단계를 강조할 수 도있음
• 지하철 역 안내도 방법도 활용할 것 (업그레이드, 원 크기를 크게 할 수도 있음)

꼭 기억해야 할 3가지

1. 시간의 흐름을 기본 도형으로 모듈화
2. 의미 있는 단계는 도약, 연결, 확대로 강조
3. 구간의 정의가 더 의미 있다면 지하철 노선 방식으로

 

 

12강. 올림픽 단상 인포그래픽- 단상 메타포로 항목별 중요도 비교하기

수업일시: 21년 6월 11일

• 이미지 복제 후 수평이동: [컨트롤]+[쉬프트]+[클릭 후 드래그]
• 각 요소에 컬러 적용한 후 적당한 아이콘 결합하기
• 순위가 아니라 우선시하겠다는 것을 이야기하고 싶다고 할 때 활용 가능 (가운데를 높이고 주위를 조금 조절함)

꼭 기억해야 할 3가지 포인트

1. 올림픽 단상은 우선순위를 보여주는 메타포
2. 기본구조를 정리 후 순위를 조정
3. 도형 병합으로 전체가 강조되는 그림 완성

 

 

13강. 이슈 트리 인포그래픽- 계층구조와 요소별 크기 한눈에 보여주기

수업일시: 21년 6월 11일

• 수치에 맞는 크기로 원을 만드는 방법 [차트 삽입]-[분산형]-[거품형]: 크기만 조절할 것
• 도형 채우기로 다른 색을 해주면, 다른 요소로 인식 가능
• 잘래내기-[선택하여 붙여 넣기]-[그림(확장 메타 파일)]
• 그룹 해제 2번 - [컨트롤]+[쉬프트]+[쥐]
• 결속력은 동일한 투명도로 활용할 것 (예: 국가예산/조직의 연결성/규모를 보여줄 때 쓰임)

꼭 기억해야 할 3가지 포인트

1. 구성, 연결, 규모까지 보여주는 이슈 트리 방식으로 조직도를
2. 크기를 원으로 환산하려면 거품형 차트를 분해
3. 사람 픽토그램을 사용하면 역할까지 한눈에

 

 

14강. 빙하 인포그래픽 - 숨어있는 위험과 가능성을 보여주기

수업일시: 21년 6월 14일

• 더 나은 프로젝트 - iceburg로 검색
• 파일 포맷 변환 - cloudconvert.com (svg - emf)
• 컨트롤 쉬프트 쥐 2번 (분해 가능)
• 선-자유형-바다 그리기 (도형 채우기 - 바다)
• 윗부분 (회색 2번째 )
• 아랫부분은 회색 3번째
• Hidden vs Visible로 구분할 것
• 사진으로 가지고 와도 가능함 (사진은 구글 검색으로 가져옴)
• [도구]-[사용권한]-[재사용 가능]으로 가지고 올 것
• 정보에 맞게 사진을 트리밍 해서 쓰기

꼭 기억해야 할 3가지 포인트

1. 메타포는 의미와 구조를 함께 담아야 한다
2. 숨겨진 위험-> 빙하, 지원과 성장-> 나무, 위험을 차단-> 우산
3. 사진 이미지를 활용하면 더 풍성한 감정과 효과를

 

 

15강. 숫자 키워드 인포그래픽 - 복잡한 내용에서 하이라이트만 뽑아내기

수업일시: 21년 6월 14일

• [정렬]-[맞춤]-[가로 간격을 동일하게]
• 블랙으로 구조를 잡고 컬러를 나중에 입히기
• 화살표는 원안에 가지고 오기
• 메시지의 성격에 맞는 서체를 가지고 오기 (예: 배달의 민족 서현체)
• 컬러는 중요한 메시지만 1~2개

꼭 기억해야 할 3가지 포인트

1. 핵심 키워드 먼저 뽑기
2. 구조와 양을 조절해 키워드의 흐름이 잘 보일 수 있도록
3. 스토리를 나타내는 아이콘을 활용하는 것도 방법