Инструмент «Текст» создаёт независимые текстовые объекты, не привязанные к фигурам. Используйте их для подписей, заголовков, аннотаций и любого текста, который должен свободно располагаться на диаграмме.

Инструмент «Текст» и текст фигуры

Diagrammix3 предлагает два способа добавления текста:

ХарактеристикаИнструмент «Текст» (самостоятельный)Текст фигуры
РасположениеГде угодно на холстеВнутри фигуры
ФонПрозрачный по умолчаниюЗаливка фигуры
ГраницыНет по умолчаниюОбводка фигуры
КоннекторыМожно подключать коннекторыЧасть фигуры
ПеремещениеНезависимоеПеремещается с фигурой
Лучше дляПодписей, аннотаций, заголовковСодержимого фигур

Создание самостоятельного текста

Использование инструмента «Текст»

  1. Нажмите на инструмент «Текст» на панели инструментов (или нажмите T)
  2. Нажмите в любом месте на холсте
  3. Появится область ввода текста
  4. Введите текст
  5. Нажмите за пределами или нажмите Esc для завершения

Текстовый объект остаётся выделенным для немедленной стилизации.

Создание текстовых объектов

Альтернатива: Перетаскивание для создания

Для текстовых блоков с определёнными размерами:

  1. Выберите инструмент «Текст»
  2. Нажмите и перетащите для определения области текстового блока
  3. Отпустите для создания текстового блока
  4. Введите текст

Это создаёт текстовый объект с фиксированной шириной — текст переносится внутри границ.

Редактирование текстового содержимого

Для редактирования существующего текста:

  1. Дважды нажмите на текстовый объект
  2. Текст становится редактируемым
  3. Внесите изменения
  4. Нажмите за пределами или нажмите Esc для завершения

Альтернативно:

  • Выделите текст и нажмите Enter для редактирования
  • Выделите текст и начните печатать для замены всего содержимого

Форматирование текста

Базовое форматирование

С выделенным текстом используйте раздел Text панели Инспектора:

Семейство шрифта

  • Выбор из всех установленных системных шрифтов
  • Популярные варианты: Helvetica, Arial, Times, Courier

Размер шрифта

  • Диапазон: от 6pt до 200pt+
  • Типичные размеры: 12pt (основной текст), 18pt (заголовки), 24pt+ (названия)

Стиль шрифта

  • Жирный (Cmd+B)
  • Курсив (Cmd+I)
  • Подчёркнутый (Cmd+U)

Цвет текста

  • Нажмите на область цвета для выбора
  • Привязка к цветовым схемам для единообразия

Выравнивание

Управляйте выравниванием текста в пределах его границ:

  • По левому краю — Текст выравнивается по левому краю
  • По центру — Текст центрируется горизонтально
  • По правому краю — Текст выравнивается по правому краю

Применение выравнивания:

  • По левому краю: Основной текст, списки, стандартные подписи
  • По центру: Заголовки, названия, выноски
  • По правому краю: Числовые данные, альтернативные макеты

Поворот текста

Поворот текста на любой угол:

  1. Выделите текстовый объект
  2. В Инспекторе найдите Rotation или Angle
  3. Введите градусы (0-360)
  4. Типичные углы:
    • 0°: Горизонтально (по умолчанию)
    • 90°: Вертикально (сверху вниз)
    • -90° или 270°: Вертикально (снизу вверх)
    • 45°: По диагонали

Повёрнутый текст полезен для:

  • Подписей осей на графиках
  • Вертикальных подписей дорожек
  • Диагонального акцента
  • Компактных макетов

Примеры поворота текста

Авторазмер и фиксированная ширина

Текстовые объекты могут работать двумя способами:

Режим авторазмера

  • Текстовый блок увеличивается под содержимое
  • Одна или несколько строк (на основе переносов строк)
  • Ширина настраивается автоматически
  • Лучше для: Подписей, однострочных аннотаций

Для включения авторазмера:

  1. Выделите текстовый объект
  2. В Инспекторе установите флажок Auto-size (или аналогичный параметр)

Режим фиксированной ширины

  • Текстовый блок имеет определённую ширину
  • Текст переносится в пределах границ
  • Высота подстраивается под содержимое
  • Лучше для: Абзацев, описаний, многострочных подписей

Для установки фиксированной ширины:

  1. Создайте текст перетаскиванием (определяет ширину)
  2. Или: Измените размер маркеров текстового объекта для задания ширины
  3. Текст переносится автоматически

Отступы текста

Управление пространством между текстом и его границами:

  1. Выделите текстовый объект
  2. В разделе Text Инспектора
  3. Настройте значения Padding:
    • Все стороны: Равномерные отступы
    • Верх/Низ/Лево/Право: Индивидуальное управление

Отступы полезны, когда:

  • Добавляете цвет фона или границы
  • Создаёте текстовые объекты в виде кнопок
  • Нужно, чтобы текст не касался краёв

Добавление фона и границ

Хотя текстовые объекты по умолчанию прозрачны, вы можете стилизовать их как фигуры:

Добавление фона

  1. Выделите текстовый объект
  2. В разделе Fill Инспектора
  3. Выберите цвет заливки
  4. Текст теперь имеет цветной фон

Добавление границы

  1. Выделите текстовый объект
  2. В разделе Stroke Инспектора
  3. Задайте цвет и толщину обводки
  4. Текстовый объект получает контур

Применение:

  • Выноски и аннотации
  • Подписи в виде кнопок
  • Выделенные важные заметки
  • Создание текстовых бейджей

Стилизованные текстовые объекты

Подключение к текстовым объектам

К текстовым объектам можно подключать коннекторы:

  1. Используйте инструмент коннектора
  2. Проведите от фигуры к текстовому объекту
  3. Или от текста к тексту
  4. Или от текста к другим элементам

Это полезно для:

  • Указательных аннотаций к определённым элементам
  • Создания подписанных связей
  • Построения карт концепций с текстовыми узлами

Текстовый объект как альтернатива фигуре

С фоном и границами текстовые объекты работают как подписанные фигуры:

Преимущества перед фигурами с текстом:

  • Подход «сначала текст» (размер текста является главным)
  • Проще для диаграмм с большим количеством текста
  • Авторазмер под содержимое

Когда использовать фигуры вместо этого:

  • Нужна конкретная фигура (прямоугольник, эллипс, пользовательская)
  • Внешний вид фигуры первостепенен
  • Используются специфические функции фигур (градиенты, эффекты)

Сценарии использования

Заголовки диаграмм

Крупный, центрированный текст вверху диаграммы:

╔═══════════════════════════════╗
║   System Architecture Diagram  ║
╚═══════════════════════════════╝

Аннотации

Маленькие текстовые объекты, указывающие на определённые элементы диаграммы:

[Shape] ← "This is the main component"

Подписи дорожек

Вертикальный или горизонтальный текст для обозначения областей диаграммы:

│ R&D  │ Marketing │ Sales │
├──────┼───────────┼───────┤
│      │           │       │

Легенда

Текстовые объекты, объясняющие символы диаграммы:

■ = Completed
□ = In Progress
○ = Not Started

Свободные заметки

Многострочный текст в любом месте диаграммы:

Notes:
- Implementation starts Q3
- Requires approval
- Budget: $50K

Советы

  1. Используйте слои — Размещайте текст аннотаций на отдельном слое для удобного показа/скрытия
  2. Единообразные стили — Используйте одинаковый шрифт/размер для однотипного текста
  3. Привязка к цветовым схемам — Убедитесь, что цвета текста сочетаются с темами диаграммы
  4. Учитывайте читаемость — Обеспечьте достаточный контраст между текстом и фоном
  5. Используйте фиксированную ширину для абзацев — Позвольте тексту переноситься естественно для длинного содержимого

Сочетания клавиш

  • T — Активировать инструмент «Текст»
  • Cmd+B — Жирный
  • Cmd+I — Курсив
  • Cmd+U — Подчёркнутый
  • Двойное нажатие — Редактировать текстовое содержимое
  • Enter (при выделении) — Редактировать текстовое содержимое
  • Esc — Завершить редактирование

Текст и текстовый элемент

Некоторые инструменты для диаграмм различают «текст» и «текстовые элементы». В Diagrammix3:

  • Инструмент «Текст» создаёт самостоятельные текстовые объекты (эта страница)
  • Текст фигуры — это текст внутри фигур (редактируется двойным нажатием на фигуру)
  • Оба поддерживают полное форматирование, но имеют разное поведение

Связанные темы