2019. 8. 30.

아름다운 마인드맵을 만드는 방법 - 원칙, 예시, 및 팁

Avinash Priya

마인드 맵은 시각적 사고 도구입니다. 우리는 그것을 사용하여 우리의 생각을 시각화하고 큰 그림을 얻습니다. 마인드 맵이 복잡할 때, 마인드 맵의 가독성은 청중에게 매우 도전적입니다.

자신을 위해서만 마인드 맵을 만들 때는 괜찮지만, 청중은 그렇게 생각하지 않을 수 있습니다.

오늘은 Xmind 2020의 기능을 사용하여 아름다운 마인드 맵을 그리는 방법에 대해 설명하겠습니다.

Mind map with a central idea branching into three related concepts on a dark background.

## 마인드 맵 예제 작성 원칙

기능에 들어가기 전에, 우리는 먼저 비디자이너의 디자인 북에서 제시하는 네 가지 주요 원칙을 살펴볼 수 있습니다. 이 네 가지 원칙은 디자인에서 가장 기본적입니다. 이 네 가지 원칙을 깊이 있게 생각하면 주요 정보를 더 빠르고 효과적이며 직관적으로 전달할 수 있습니다.

Infographic illustrating design principles: Contrast, Repetition, Alignment, Proximity, with definitions and visual examples.

1/ 근접성 - 같은 그룹 내 관련 항목 그룹화

관련 요소를 함께 조직하십시오. 유사한 아이디어나 관련된 아이디어에 대해서는 그룹화나 병합(경계, 요약, 부모 노드 생성, 동일 스타일 적용 등)으로 조직할 수 있습니다. 근접성의 원칙은 프레젠테이션을 돕는 것뿐만 아니라 가장 명확한 조직을 달성하도록 강요할 수 있습니다.

Multiple blue circles and squares on the left, arranged in a scattered pattern, transitioning to a vertical line of blue shapes on the right.

MECE 원칙(상호 배타적, 집합적으로 완전)은 잘 분류하고 조직하고 있는지 검토하기에 좋은 프레임워크입니다.

2/ 정렬 - 다른 다이어그램 정리

맵의 모든 요소는 항상 일정한 기준에 맞춰 정렬되어야 합니다. 정렬을 통해 정보가 아무리 복잡하더라도 전체 다이어그램은 더 나은 시각적 연관성을 가지고 조직됩니다. 마인드 맵에 자유형 다이어그램이 더 많다면 일정한 순서로 정렬하여 전체 맵의 가독성을 크게 향상시킬 수 있습니다.

Blue rectangular shapes arranged vertically and horizontally on a white background.

관련 기능: 떠 다니는 주제 정렬

3/ 대비 - 같은 그룹 내에서 강조

주요 및 보조 수준을 구분하기 위해 우리는 특정 속성의 대비를 사용할 수 있습니다. 예를 들어 색상, 모양, 크기, 길이, 글꼴, 두께 및 밝기 등이 있습니다. 구별은 전체 맵을 의미적으로 더 풍부하게 만듭니다.

Two colored circles on the left labeled

관련 기능: 빠른 스타일

4/ 반복성 - 전체 맵에 일관성 발휘

디자인의 반복 요소는 통일성을 이루고 청중의 맵 이해력을 강화하는 데 도움이 됩니다. 이 원칙은 다른 세 가지 원칙을 연결하는 데 도움이 됩니다. 맵 전반에 걸쳐 패턴에 대해 상단에서 하단까지 설계하고 계획해야 합니다. 결정되면 전체 시트에 그대로 유지하십시오.

종종 마인드 맵을 합치는 경우 복잡해질 수 있습니다. 맵을 합치는 것이 잘못된 것이 아니라 디자인 패턴의 일관성을 깨뜨릴 수 있는 것 때문입니다.

Abstract arrangement of blue and light blue circles in various sizes on a white background.

관련 기능: 빠른 스타일

마인드 맵 예제

네 가지 디자인 원칙을 염두에 두고, 손으로 그린 마인드 맵을 살펴보며 잘된 점과 부족한 점을 보겠습니다.

Mind map titled

잘된 점

근접성, 정렬 및 반복성을 잘 관리합니다.

이 맵은 클래식한 정렬: 중심 정렬을 사용합니다. 상단에 전략 맵을 놓고 하단에 추가 섹션을 놓습니다.

반복 측면에서 전략 부분은 가지 모양, 텍스트 색상 및 텍스트 크기의 일관성을 보여줍니다.

주황색은 독자를 위한 주요 주제를 강조합니다. 가지 색상 팔레트는 반복성(채도 및 밝기)과 대비(색조)를 모두 보여줍니다. 이 손그림 마인드 맵은 가독성이 뛰어납니다.

개선이 필요한 점

텍스트 크기의 대비가 명확한 시각적이며 정보적인 계층을 생성하기에는 충분하지 않습니다.

그리고 두 가지 가지는 파란색 반복 사용이 독자에게 그들을 연관시키도록 오해할 수 있습니다.

결론적으로, 이는 좋은 품질의 마인드 맵입니다.

다음으로 우리는 우리 다이어그램을 '아름답게'하는 Xmind 기능을 살펴보겠습니다.

근접성과 정렬 - 구조와 레이아웃

구조는 마인드 맵의 중심으로, 당신의 생각의 논리를 반영합니다. 명확한 구조와 뛰어난 초점은 마인드 맵의 가독성을 크게 향상시킬 수 있습니다.

하지만, 우리는 다음 가이드에서 논리 부분을 자세히 밝히지는 않을 것입니다. 논리 훈련에 대해서는 피라미드 원칙을 참고하시길 강력히 추천합니다.

오늘은 구조의 시각화 부분에 중점을 둡니다.

1/ 올바른 구조 선택

Xmind 2020은 소프트웨어에서 다양한 사고 구조를 제공합니다. 하지만 다양한 구조는 장단점을 가지고 있습니다.

☆ 균형 맵: 마인드 맵의 가장 기본적인 구조로, 더 많은 가능성을 브레인스토밍하는 데 도움이 됩니다. 하지만 정보가 퍼져 있기 때문에 독자가 논리적 순서를 따라가기 쉽지 않습니다.

Mind map illustrating basic tool usages in XMind, including visual, topic, additional, sheet, and assistance tools.

☆ 논리도: 좁게 말하면, 논리 다이어그램은 공식 논리를 보여주는 차트만을 나타냅니다. 하지만 Xmind에서는 단면 마인드 맵과 더 비슷합니다.

☆ 타임라인: 사건이나 절차의 순서를 나타내는 차트입니다.

Flowchart outlining steps to reduce worry, featuring prompts for evaluating predictions and reflections on past experiences.

☆ 조직 차트: 피라미드 구조의 계층을 보여주기에 가장 적합한 차트입니다.

Organizational chart showing John Doe as President, with departments for Marketing, Sales, Accounting, and HR.

☆ 피시본 다이어그램: 인과 관계를 보다 명확하게 표현합니다. 아래는 5단계로 하나의 문제를 해결하기 위해 피시본을 사용한 예입니다. 더 많은 요소를 추가하여 더 해결할 수 있으나, 세 단계 이상을 넘어서는 힘들 경우가 많습니다. 피시본을 읽기 어렵게 만들기 때문입니다. 피시본의 또 다른 단점은 분기 관계를 연결하는 것이 어렵다는 것입니다. 피시본 차트에 대해 자세히 알고 템플릿을 다운로드할 수 있습니다.

Flowchart illustrating user needs for collaboration tools and integration, highlighting various reasons for wanting integration.

☆ 매트릭스: 다대다 관계를 보여주는 차트로, 칸반 보드, 제품 라인업 비교, SWOT 분석 등입니다. 다차원적이기 때문에 매우 강력합니다. 아래의 SWOT 및 주간 일정이 어떻게 만들어졌는지에 대해 알고 싶다면 Xmind 매트릭스에 대한 심층 가이드를 참고하십시오. 다양한 매트릭스 템플릿을 다운로드할 수 있습니다. 다이어그램은 강력하지만 다른 차트보다 사용하기가 까다롭습니다.

Table outlining S.W.O.T. analysis with categories for Internal and External strengths, weaknesses, opportunities, and threats.

2/ 기타 팁

혼합 구조. 복잡한 논리를 위한 이상적인 해결책으로 다양한 구조를 혼합하는 것입니다. 맵의 각 가지는 다른 구조로 변환될 수 있습니다. 다양한 수직 및 수평으로 확장되는 차트를 결합하여 독자의 주의를 유도할 수 있습니다.

Mind map titled

자동 균형 맵. 균형 다이어그램을 사용하여 생각을 심층적으로 다루고자 할 때, "자동 균형 맵"을 켜서 레이아웃을 균형있게 조정할 수 있습니다.

Mind map illustrating various XMind tool usages with labeled branches for Visual, Topic, Assistance, and Additional Tools.

사용 방법: 맵의 빈 공간이나 중심 주제를 클릭한 후 "맵" 섹션을 선택하고 "고급 레이아웃" 옵션에서 "자동 균형 레이아웃" 체크박스를 선택합니다.

떠 다니는 주제 정렬. ZEN의 자유 정렬은 소프트웨어에서 제공하는 제한을 파괴합니다. 그러나 더 나은 시각적 연관성을 위해 항상 정렬을 조직하는 것을 잊지 말아야 합니다.

Flowchart of a marketing funnel with stages: Awareness, Acquisition, Activation, Revenue, Retention, and Referral.

사용 방법: 정렬하고자 하는 주제를 선택하고, 오른쪽 클릭하여 "떠 다니는 주제 정렬"을 선택하여 정렬을 선택하십시오.

대비와 반복 - 색상

색상은 시각적 표현의 중요한 요소입니다. 다른 주제와 정보를 구별하기 위해 다양한 색상을 사용할 수 있습니다. 풍부한 색상은 뇌를 자극하여 더 깊은 인상을 남길 수 있습니다. 합리적인 색상 조합은 전체 맵을 더욱 보기 좋게 만들 수 있습니다.

1/ 내장 스타일에서 시작

템플릿. 템플릿 라이브러리는 요소 간 색상을 맞추는 데 있어 자유로워집니다. 쉽게 선택할 수 있고 안전한 선택은 직접 템플릿에서 시작하는 것입니다.

Selection of mind map templates displayed in a software interface, featuring various styles like Snowbrush, Classic, and Business.

빠른 스타일. 주제 내에서 약간의 대조를 추가하고 싶다면 빠른 스타일 을 사용하여 특별한 주제를 강조할 수 있습니다.

A mind map layout detailing content strategy, subscriber types, and software usage with highlighted questions and styling options displayed.

다중 분기 색상. 모든 분기에 대해 한 번의 클릭으로 다중 분기 색상은 색상을 질서 있게 대비하도록 만들어줍니다. 중앙 주제 또는 맵의 빈 공간을 클릭합니다. 그런 다음 "맵" 패널에서 "다중 분기 색상"을 선택할 수 있습니다.

Mind map displaying XMind tool usages with categories like Visual Tool, Topic Tool, Additional Tool, and Assistance Tool.

이미지

2/ 자신의 색상 팔레트 만들기

색상 팔레트 맞추기. Xmind에서 색상 선택기를 사용하여 원하는 색상을 저장합니다.

Flowchart elements labeled Acquisition, Activation, Revenue, and Retention with a color picker tool on the side.

이미지

날카로운 색상을 관리하는 것이 자신 없는 경우에는 항상 낮은 채도의 색상을 사용하십시오. 서로 쉽게 맞춰지고 함께 조화롭게 유지됩니다.

Infographic explaining the meanings of different colors: red, orange, yellow, green, blue, cyan, purple, and magenta.

이미지

더 많은 색상 매칭 아이디어를 위해, Color Hunt를 추천합니다. 게으른 사람들에게는 좋은 소식입니다 :D!

Grid of color palettes showcasing various color combinations with likes displayed below each palette.

이미지

스타일 적용. 조정이 끝나면 모든 같은 레벨 토픽에 스타일을 업데이트할 수 있습니다.

Mind map titled

이미지

“스타일 복사”와 “스타일 붙여넣기”를 사용하여 스타일을 복제할 수 있습니다.

Mind map outlining blog topics with a context menu showing options like Cut, Copy, Paste, and Delete.

이미지

반복 - 통일성을 가진 이미지

이미지는 마인드 맵의 필수적인 부분입니다. 건조한 문장과 비교할 때, 생동감 있는 마인드 맵은 두뇌를 자극하여 연결을 만들게 할 수 있습니다.

마인드 맵에 더 많은 정보가 포함될 때, 이미지를 사용하여 이를 풍부하게 만들어 보십시오. 다만, 디자인 통일성을 이루기 위해 비슷한 스타일의 이미지를 선택하는 것을 기억하십시오.

Mind map of a shopping list with categories: Snacks, Afternoon Tea, Digital Devices, Groceries, and Stationery.

이미지

1/ 내장 스티커와 마커

Xmind 2020의 스티커는 대부분의 사용 사례에 사용할 수 있습니다.

A mind map titled

이미지

더 효율적인 프로젝트 관리를 위해 마커를 사용하여 작업을 할당할 수 있습니다.

2/ 디자이너의 아이콘

로컬 아이콘이 부족할 때, 다른 무료 아이콘 리소스를 사용할 수 있습니다.

Grid of colorful icons featuring monsters, clothing items, people in bubbles, and food illustrations.

이미지

몇 가지 추천: Flaticon, Noun Project, Iconstore

3/ GIF 애니메이션 삽입

우리는 GIF 애니메이션 삽입에 대한 튜토리얼을 제공하며, 마인드 맵을 애니메이션화하고 싶다면 이를 확인하십시오. 우리는 GIPHYReddit을 사용하여 몇 가지 재미있는 GIF 를 위해 강력히 추천합니다. Animaticon은 애니메이션 아이콘 셋을 원할 경우 또한 훌륭한 선택입니다.

Diagram illustrating Japanese syllabary with various rows and a flag of Japan.

이미지

아름다운 마인드 맵 예제를 위한 더 많은 팁

위는 마인드 맵 설계를 위한 원칙과 팁 중 일부에 불과합니다. 마인드 맵을 설계하는 데 사용하는 도구는 무엇입니까? @xmind에서 우리와 공유하십시오!

더 많은 게시글