Интеллект-карта с клавиатуры: пошаговое обучение

Что получится#

Интеллект-карта в NodePanel — не рисунок из отдельных блоков, а режим доски: каждая тема знает, чья она подтема. Поэтому новую тему не нужно ставить и соединять руками — она встаёт на место сама, соседи раздвигаются, а связь проводится плавной линией в цвет ветки.

Шаг 1. Главная тема#

1. 1

   Откройте доску

   Подойдёт любая: пустая, рабочая или созданная из шаблона. Карта займёт свободное место в центре экрана.

2. 2

   Нажмите «Интеллект-карта»

   Кнопка на панели инструментов внизу — сразу после «Группы». В центре экрана появится крупная фиолетовая капсула — главная тема, и сразу откроется правка подписи.

3. 3

   Напишите тему

   Коротко, двумя-тремя словами: у нас — «Запуск сайта». Сохраняет Esc или щелчок мимо. Enter у главной темы сохраняет и сразу создаёт первую ветку — об этом следующий шаг.

Шаг 2. Ветки и подтемы: Tab и Enter#

Две клавиши решают всё. Tab — подтема: тема на шаг глубже. Enter — соседняя тема: того же уровня, сразу под текущей. Обе работают и в правке текста — сначала сохраняют набранное, потом создают новую тему и открывают её правку. Так карта набирается подряд, как список.

1. 1

   Tab — первая ветка

   В правке главной темы нажмите Tab: справа появится цветная капсула — ветка первого уровня. Напишите «Цели».

2. 2

   Tab ещё раз — подтема ветки

   Правее ветки появится короткий текст без рамки — подтема второго уровня. Напишите «Больше заявок».

3. 3

   Enter — соседняя подтема

   Под «Больше заявок» встанет ещё одна тема той же ветки: «Понятная цена». Ветка «Цели» сама сдвинется, чтобы стоять посередине своих подтем.

4. 4

   Esc — закончить набор

   В теме карты Esc сохраняет текст (в обычном блоке он отменяет правку) — последняя тема не пропадёт.

• Править не обязательно: выделите тему щелчком — Tab и Enter работают и без открытой правки. Над панелью инструментов в это время видна подсказка «Tab подтема · Enter соседняя тема».
• Нужна вторая строка в подтеме — Shift+Enter. Подпись капсулы (главной темы и веток первого уровня) — всегда одной строкой.
• Enter у главной темы добавляет ветку: соседей у неё нет.
• Каждое действие — одно: Ctrl+Z (на Mac — ⌘+Z) убирает новую тему вместе со связью и возвращает соседей на прежние места.

Шаг 3. Ветки в обе стороны#

Вернитесь к главной теме — щёлкните по ней — и нажимайте Tab. Каждая новая ветка встаёт туда, где веток меньше: первая — справа, вторая — слева, третья — снова справа. Карта растёт в обе стороны поровну и не уезжает за край экрана.

• Свой цвет у каждой ветки. Новая ветка берёт первый свободный цвет из 8 цветов: синий, зелёный, оранжевый, красный и дальше. В этот цвет окрашены капсула ветки и все связи к её подтемам — нужную часть карты глаз находит сразу.
• Левые подтемы прижаты к ветке: их текст выровнен по правому краю, поэтому левая половина карты читается так же ровно, как правая.
• Перекрасить ветку можно в панели свойств: новые подтемы возьмут новый цвет, а уже проведённые связи сохранят свой — их цвет меняется у каждой связи отдельно.
• Сторона выбирается один раз, когда ветка создана. Перенести готовую ветку на другую сторону нельзя — если нужна симметрия, создавайте ветки по очереди с главной темы.

Шаг 4. Дособрать карту#

Дальше — то же самое для каждой ветки: выделили ветку, Tab — первая подтема, Enter — следующие. Подтема может иметь свои подтемы: у «Блога» есть «Три статьи». Глубина не ограничена, но читать удобнее карту в три-четыре уровня.

• Темы не наезжают друг на друга. Каждая тема стоит посередине своих подтем, а полосы соседних тем не пересекаются — когда ветка растёт, соседние ветки раздвигаются сами.
• Порядок тем — перетаскиванием. Отпустите тему выше или ниже соседки — она займёт это место, и карта разложится заново. Порядок меняется только среди соседей: перенести тему в другую ветку перетаскиванием нельзя.
• Удалить ветку — Delete или Backspace на выделенной теме: уходит вся её ветка, остальные темы смыкаются. Удаляют, как и всё на доске, роли «Полный доступ» и владелец; ветку, в которой есть закреплённый блок, удалить нельзя.
• Копия ветки — Ctrl+C и Ctrl+V: тема копируется вместе со всеми подтемами и становится отдельной картой со своей главной темой.

Шаг 5. Свернуть большие ветки#

Когда карта разрослась, лишнее можно спрятать. У темы с подтемами на внешнем краю есть кружок «−» — он виден у выделенной темы и под мышью. Щелчок — ветка свёрнута: подтемы спрятаны, остальные ветки смыкаются, а вместо «−» появляется кружок «+N» в цвет ветки с числом спрятанных тем. Щелчок по «+N» — ветка снова развёрнута.

• Свёрнутую ветку видят свёрнутой все участники — это свойство доски, а не вашего экрана. Новая подтема у свёрнутой темы разворачивает её сама.
• Кто доску только смотрит — роль «Только просмотр», режим просмотра, гость по публичной ссылке — разворачивает свёрнутую ветку только у себя: у остальных ничего не меняется.
• Поиск (Ctrl+F) находит и темы в свёрнутых ветках: под полем появится «Тема в свёрнутой ветке» и кнопка «Развернуть».
• Экспорт в PNG, SVG и PDF рисует карту как на экране: свёрнутые ветки — свёрнутыми, с кружком «+N».

Шаг 6. Текст и оформление#

Подтемы — это обычные текстовые блоки, поэтому в них работает оформление текста: выделите слово — над ним появится панель с жирным, курсивом, зачёркнутым, кодом, ссылкой и списками. Или клавишами: Ctrl+B — жирный, Ctrl+I — курсив, Ctrl+K — ссылка. Знаки Markdown тоже работают при наборе: две звёздочки вокруг слова — жирный.

• Жирным — то, что нельзя пропустить: сроки, суммы, решения. Если жирного на карте много, он перестаёт выделять.
• Ссылкой — то, что живёт в другом месте: макет, документ, задача в трекере. Ссылка открывается щелчком у всех, кто видит доску.
• Главная тема и ветки первого уровня — капсулы с подписью в одну строку, без оформления: это заголовки карты, им достаточно цвета.
• Длинная мысль в подтеме обрезается на холсте, целиком она — в панели «Содержимое». Если подтема выросла в абзац, это повод разбить её на несколько тем.

Шаг 7. Показать и поделиться#

Карта готова — её можно обсудить на созвоне, отправить ссылкой или вынести в документацию.

• «Показать всем» (кнопка «Показ» в шапке доски): участники созвона следуют за вашим экраном. Удобный приём — свернуть все ветки и разворачивать их по одной по ходу рассказа: свёрнутые ветки общие, поэтому участники видят то же, что и вы. Если вы показываете с ролью «Только просмотр», ветки разворачиваются только у вас. Подробнее — «Показ на созвоне».
• «Показ по шагам» превращает в слайды группы доски. У карты без групп показ откроет всю доску целиком — на весь экран, без панелей. Подробнее — «Показ по шагам».
• Ссылка на тему: выделите тему и нажмите Alt+Shift+C (на Mac — ⌥⇧C) или кнопку «Скопировать ссылку на блок» в шапке панели свойств. По ссылке доска откроется сразу на этой теме. Если тема в свёрнутой ветке, у того, кто может править, выделится свёрнутая тема и появится подсказка развернуть её, а у зрителя ветка развернётся только у него. Подробнее — «Ссылка на блок».
• Публичная ссылка — показать карту тем, у кого нет аккаунта: «Публичная ссылка».
• Картинка или PDF — меню «…» → «Экспорт…»: экспорт доски.
• Текстом для README — меню «…» → «Скопировать как Mermaid». Темы станут блоками блок-схемы, связи — линиями без стрелок. Вставить такой текст обратно можно, но получится обычная схема, а не карта: в тексте Mermaid нет связи «тема → подтема». Отдельную диаграмму Mermaid mindmap окно вставки не принимает — только блок-схемы. Подробнее — «Схема из текста».

Все клавиши карты#

Остальные сочетания доски — отмена, копирование, поиск, масштаб — на странице «Горячие клавиши». Окно со всеми клавишами открывается прямо в редакторе клавишей ?.

Чего пока нет#

• Сделать картой готовые блоки нельзя. Карта начинается с кнопки «Интеллект-карта» или с шаблона «Интеллект-карта» — он сразу работает так же. У обычного блока Tab продолжает цепочку, как раньше.
• На телефоне и планшете без мыши кнопки нет: карта набирается клавишами. Открыть, прочитать, свернуть и развернуть ветки, поправить текст на сенсорном экране можно.
• Перенести тему в другую ветку или на другую сторону перетаскиванием нельзя — только поменять порядок среди соседей. Нужна другая структура — удалите тему и создайте её в нужном месте.
• Карта внутри группы не растит рамку группы: темы могут выйти за её край. Карте лучше стоять на свободном месте доски.
• Двое перестраивают карту одновременно — каждый видит раскладку по своим правкам; при следующем изменении структуры карта снова выровняется у всех.
• Диаграмму Mermaid вида интеллект-карты не вставить: окно вставки понимает только блок-схемы, а mindmap — другой вид диаграммы.

• Интеллект-карта — справочникКоротко: все клавиши и правила карты на одной странице.
• Мозговой штурм и интеллект-картаОт идей на стикерах к карте с ветками.
• Шаблон «Интеллект-карта»Готовая карта из четырёх веток — замените тексты на свои.