Как размещать изображения, рисунки и скриншоты в руководствах Word, не ломая вёрстку

В предыдущей статье мы рассмотрели основы Word: заголовки, абзацы, оглавление, нумерацию и перекрёстные ссылки. В этот раз, в продолжение темы, разберём работу с изображениями, рисунками и скриншотами - фактор, сильно влияющий на качество руководства, - сопоставляя неудачные паттерны с лучшими практиками.

Изображения передают информацию более интуитивно, чем текст, но в документе Word они же часто становятся источником проблем. Вставить и перетащить - в моменте выглядит аккуратно, но потом:

• добавление всего одного абзаца в тексте сдвигает положение рисунка;
• номера рисунков приходится поправлять вручную, что увеличивает стоимость пересмотра;
• область, которая, казалось бы, была вырезана кадрированием, на самом деле остаётся внутри файла;
• рисунок и пояснение к нему оказываются на разных страницах, и текст становится трудно читать;
• при распространении в PDF ломаются альтернативный текст и порядок чтения.

Такие проблемы возникают постоянно.

Мы исходим из работы преимущественно в настольной версии Word с .docx как основным форматом. Веб-версия тоже позволяет базовое редактирование, но обтекание текстом вокруг изображений и фиксацию положения удобнее выполнять именно в настольной версии (см. 2, 3).

Оглавление

1. Сначала вывод
2. Почему документ Word легче ломается с появлением изображений и рисунков
3. Сводная таблица неудачных паттернов и лучших практик
4. Подход к размещению изображений и рисунков
5. Конкретные приёмы в Word
6. Правила, которые стоит закрепить в шаблоне
7. Чек-лист перед распространением
8. Итог
9. Источники

1. Сначала вывод

Сформулируем сразу выводы: в руководствах с изображениями и рисунками важны следующие шесть пунктов.

1. По умолчанию использовать размещение [В тексте] Размещение изображений в Word, как правило, стоит делать в тексте. Тогда изображение можно обрабатывать как абзац, что повышает устойчивость к пересмотрам.

2. Размещать изображение сразу после первого упоминания Не располагать рисунок далеко от текста, в котором он упоминается. Тогда читателю не приходится бегать взглядом туда-обратно.

3. В скриншотах показывать только нужную область Не вставлять каждый раз весь экран целиком, а обрезать только то, что нужно показать. Базовое правило - «один рисунок, одно сообщение».

4. Автоматизировать номера рисунков и ссылки Номера рисунков - через функцию подписи, ссылки в тексте - через перекрёстные ссылки. Отказаться от ручного набора «рисунок выше», «рисунок ниже», «изображение 1».

5. Обтекание текстом использовать как исключение [Квадрат] и [Зафиксировать положение на странице] удобны, но легко ломаются при использовании без понимания привязок (якорей). Применять их только при явной цели по вёрстке.

6. Перед распространением проверить объём и доступность Завершать работу удалением обрезанных областей, сжатием изображений, альтернативным текстом и проверкой доступности.

2. Почему документ Word легче ломается с появлением изображений и рисунков

Word очень силён в редактировании документов, построенных вокруг абзацев, но становится нестабильным, стоит увеличиться числу плавающих объектов.

Если документ состоит только из текста, при корректно настроенных заголовках, абзацах, списках и разрывах страниц он редко серьёзно ломается. Но в момент, когда добавляется изображение, появляются следующие факторы:

• положение самого изображения;
• расстояние до текста;
• тип обтекания;
• положение привязки (якоря);
• связь с подписью;
• поведение при переходе через границу страницы;
• управление данными после сжатия и кадрирования;
• порядок чтения и теги при конвертации в PDF.

Иными словами, изображение - это не только вопрос «внешнего вида», но и вопрос структуры, ссылок и качества распространения.

Поэтому при работе с изображениями и рисунками нужно одновременно обеспечить не только «выглядит ли аккуратно», но и следующие три условия.

• Устойчивость к поломке
• Лёгкость пересмотра
• Понятность для читателя

Кратчайший путь к выполнению всех трёх условий - подход, при котором строчное размещение становится базовым, а плавающее используется только как осознанное исключение (см. 1, 2, 3).

3. Сводная таблица неудачных паттернов и лучших практик

4. Подход к размещению изображений и рисунков

4.1 Относиться к изображению не как к «украшению», а как к части основного текста

Рисунки и скриншоты в руководстве - это не украшение для создания атмосферы, а информация, подкрепляющая пояснение в тексте.

Именно поэтому между текстом и изображением должна быть следующая связь:

• сначала текст сообщает, «на что смотреть»;
• изображение позволяет это проверить;
• при необходимости сразу после изображения идёт пояснение.

И наоборот, если просто вставить изображение и ограничиться фразой «см. рисунок ниже», читатель не поймёт, на что обращать внимание.

На практике хорошо работает такой подход:

• один рисунок - одно сообщение;
• не пытаться показать слишком много в одном разделе;
• не размещать рисунок, который не поясняется в тексте.

Чем больше в документе скриншотов, тем легче он читается, если снизить плотность информации по этому принципу.

4.2 По умолчанию [В тексте]. Сначала обращаться как с абзацем

В Word новое вставленное или вклеенное изображение по умолчанию обрабатывается как В тексте. Изображение «в тексте» привязано к месту вставки и обрабатывается как текстовый символ. Изображение же с обтеканием вроде Квадрат, напротив, становится плавающим объектом с привязкой (якорем) к абзацу (см. 1, 2, 3).

Причина, по которой в руководствах лучше использовать «в тексте» по умолчанию, проста - это устойчиво к пересмотрам.

• при увеличении или уменьшении текста изображение перемещается вместе со своим абзацем;
• изображение можно центрировать на уровне абзаца;
• влияние переноса на новую страницу легко читается;
• проблемы с привязкой и порядком наложения возникают гораздо реже.

Если нет особой причины для сложной вёрстки, для начала вполне достаточно схемы [в тексте] + выравнивание по центру + подпись.

4.3 Размещать изображение «сразу после первого упоминания»

Самый простой способ сделать изображение понятным - не отделять его от текста.

Плохой пример выглядит так:

• пояснение находится на две страницы раньше;
• изображение отодвинуто в конец страницы;
• в тексте есть только номер рисунка;
• читатель постоянно листает страницы туда-обратно.

Лучшая практика - размещать изображение сразу после абзаца, в котором оно впервые упоминается.

Например, если написано:

Откройте [Настройки уведомлений] и выберите [Условия доставки] в верхнем правом углу. Настраиваемая область показана красной рамкой на рисунке 3-2.

то в идеале сразу под этим текстом должен находиться рисунок 3-2.

Схема «собрать все рисунки в конце» подходит для справочных сборников, но плохо подходит для инструкций по эксплуатации.

4.4 В скриншотах наглядность определяется «обрезкой»

На практике часто встречается паттерн, когда весь экран Full HD или 4K вставляется как есть. При таком подходе нужная кнопка или поле ввода становятся мелкими, и в итоге читателю только труднее их разглядеть.

В скриншоте важно то, что именно показывать.

Конкретно, если рассуждать в таком порядке, легче принять решение:

1. какую операцию должен передать этот рисунок;
2. какие области не нужны для этой операции;
3. если тот же экран используется и в следующем рисунке, можно ли показать сейчас минимальную область;
4. для сравнительной иллюстрации - нужно ли выравнивать область обрезки и масштаб.

Особенно важно то, что кадрирование само по себе не удаляет данные. В Word / Office по умолчанию обрезанная область остаётся внутри файла, поэтому при необходимости нужно дополнительно выполнить её удаление (см. 4, 5).

4.5 Сводить сравнительные иллюстрации и рисунки с пометками к «одному готовому изображению»

В этом продвинутом разделе особенно хочется порекомендовать: не позволяйте сравнительным иллюстрациям и рисункам с пометками накапливаться в Word как груда отдельных объектов.

Часто встречается такая картина:

• 1 исходное изображение;
• 3 выноски;
• 5 стрелок;
• 4 текстовых поля;
• и ещё отдельная подпись.

В таком состоянии небольшое изменение любого из элементов легко ломает взаимное расположение всех остальных.

Есть две лучшие практики.

1. По возможности вставлять готовое изображение с пометками как единую картинку
2. Даже если рисунок собирается внутри Word, в итоге группировать его в одну единицу

Особенно для сравнения before / after вместо размещения двух отдельных изображений с двумя подписями удобнее сделать одну сравнительную иллюстрацию, содержащую A: до изменения и B: после изменения, и обращаться с ней как с рисунком 4-1 - так на неё проще ссылаться из текста.

5. Конкретные приёмы в Word

5.1 Самая устойчивая схема - «один скриншот»

Начнём с базовой формы, которая вызывает меньше всего проблем. Этой схемы достаточно примерно для 80% инструкций по эксплуатации.

Шаги

1. Вставить изображение или вклеить скриншот
2. Выбрать изображение и в [Параметры разметки] выбрать [В тексте]
3. Выровнять по центру абзац с изображением
4. Использовать [Обрезка] в [Формат рисунка], чтобы оставить только нужную область
5. Вставить подпись сразу под изображением
6. Создавать отступы через интервалы до/после абзаца, а не пустыми строками
7. В тексте вставить номер рисунка через перекрёстную ссылку
8. Удерживать абзац с изображением и абзац с подписью на одной странице

Почему эта схема надёжна

• изображение привязано к абзацу;
• выравнивание по центру стабильно;
• номера рисунков управляются автоматически;
• ссылки редко сбиваются;
• схема устойчива к смене редактора.

Это выглядит чуть более трудоёмко, чем «вставить и перетащить», но разница проявляется именно при пересмотре документа.

5.2 При использовании обтекания исходить из привязки (якоря)

С помощью [Квадрат], [Сверху и снизу] или [Зафиксировать положение на странице] можно разместить рисунок рядом с текстом или в конкретном месте. Однако при этом изображение становится плавающим объектом, привязанным к абзацу, поэтому требует больше внимания, чем «в тексте» (см. 2, 3).

Когда уместно использовать обтекание

• декоративные рисунки на титульной странице;
• небольшие иллюстрации или значки, прижатые к полю;
• вёрстка, где рисунок и текст показываются рядом;
• временная сборка рисунка с пометками внутри Word.

Шаги

1. Выбрать изображение
2. В [Параметры разметки] выбрать тип обтекания Например: [Квадрат], [Сверху и снизу]
3. Если нужно закрепить рисунок в фиксированном месте страницы, использовать [Зафиксировать положение на странице]
4. Если рисунок должен перемещаться вместе с изменением объёма текста, выбрать размещение, следующее за текстом, а не фиксацию на странице
5. Включить отображение непечатаемых символов через [Главная] > [Отобразить все знаки ¶] или включить [Файл] > [Параметры] > [Экран] > [Привязки объектов], чтобы видеть привязку
6. Если нужно зафиксировать взаимное расположение, использовать [Параметры разметки] > [Дополнительно] > [Закрепить привязку] (см. 3)

На что обратить внимание

• при использовании обтекания рисунок чаще привязан не к «этой странице», а к «этому абзацу»;
• при изменении объёма текста видимое взаимное расположение может измениться;
• в документах с большим числом изображений злоупотребление обтеканием затрудняет сопровождение.

Поэтому безопаснее рассматривать обтекание как исключение.

5.3 Ограничивать скриншот только нужной областью

Качество скриншота определяется не столько самим изображением, сколько способом обрезки.

Неудачные паттерны

• вставлен весь экран, а нужная кнопка мелкая;
• в сравнительной иллюстрации слева и справа разный масштаб;
• в кадре видны личные имена или email-адреса;
• выполнена только обрезка, а исходные данные не удалены.

Лучшие практики

• ограничивать каждый рисунок одним сообщением;
• обрезать только нужную область;
• в сравнительных иллюстрациях выравнивать область обрезки и масштаб;
• конфиденциальную информацию не только скрывать, но и при необходимости удалять.

Шаги

1. Выбрать изображение
2. Выбрать [Формат рисунка] > [Обрезка]
3. Обрезать лишнее, оставив размер, при котором объект операции хорошо читается
4. Для сравнительной иллюстрации при необходимости выровнять пропорции через [Обрезка] > [Соотношение сторон]
5. Перед распространением открыть [Формат рисунка] > [Сжатие рисунков]
6. Включить [Удалить обрезанные области рисунков] (см. 4, 5)

Практические советы

• если нужно показать только кнопку или поле ввода, весь экран не требуется;
• сначала обрезать, а не уменьшать рисунок;
• если из-за уменьшения текст становится нечитаемым, лучше перенести рисунок на следующую страницу.

5.4 Есть два способа создавать рисунки с пометками

Рисунки с пометками наглядны, но в Word это и уязвимая с точки зрения поломки область, поэтому выбор способа лучше зафиксировать заранее.

Способ А: вставить готовое изображение с пометками как единую картинку

Это первая рекомендация.

Подходящие случаи

• много выносок и стрелок;
• нужно показать before / after на одном изображении;
• приоритет - устойчивость к поломке вплоть до распространения в PDF.

Преимущества

• в Word это всего один объект;
• номер рисунка можно управлять как единый;
• легко ссылаться через перекрёстную ссылку;
• другим редакторам сложно случайно сломать.

Способ Б: собрать рисунок внутри Word из фигур и изображения

Добавлять пометки внутри Word тоже возможно. Но железное правило - не оставлять их в виде набора отдельных объектов.

Шаги

1. Вставить исходное изображение
2. Поскольку пометки должны накладываться поверх, изменить обтекание изображения на любое, кроме «в тексте»
3. Добавить стрелки, выноски, текстовые поля
4. Выбрать каждый объект, удерживая Ctrl
5. Использовать [Формат рисунка] или [Формат фигуры] > [Группировать] > [Группировать] (см. 16, 17)
6. Если нужно выровнять положение нескольких объектов, использовать [Выровнять] (см. 16)

Ещё более важное замечание

• для группировки объектов каждый из них должен быть в режиме, отличном от «в тексте» (см. 17);
• если нужно добавить подпись к плавающему объекту и перемещать её вместе с ним, сначала зафиксируйте вёрстку, а уже потом вставляйте подпись (см. 6).

Иными словами, при создании рисунка с пометками внутри Word меньше проблем возникает, если действовать в таком порядке:

1. перевести изображение в плавающее размещение;
2. добавить пометки;
3. при необходимости добавить подпись;
4. сгруппировать.

5.5 Связать номера рисунков, номера глав и перекрёстные ссылки

В работе с изображениями ручной труд чаще всего остаётся именно в номерах рисунков и ссылках из текста. Автоматизация этого момента окупается при каждом пересмотре.

Как вставить номер рисунка

1. Выбрать изображение
2. В [Ссылки] или [Список литературы] выбрать [Вставить название]
3. Задать метку Рисунок
4. При необходимости добавить пояснение Например: Настройки уведомлений в панели администратора
5. Если во всём документе используются номера глав, в разделе Нумерация настроить включение номера главы (см. 6, 7, 8)

Как вставить ссылку из текста

1. Написать в тексте ссылочную фразу Например: Подробнее см. на рисунке
2. Открыть [Вставка] > [Перекрёстная ссылка]
3. В типе ссылки выбрать Рисунок
4. Выбрать нужный рисунок
5. При необходимости включить [Вставить как гиперссылку] (см. 9)

Что позволяет избежать эта практика

• поломки формулировок «рисунок выше», «рисунок ниже»;
• ручных исправлений при добавлении рисунка;
• сдвига ссылок после перемещения по страницам;
• битых ссылок после конвертации в PDF.

Перекрёстные ссылки вставляются как поля, поэтому перед распространением их нужно обновить. Для всего документа это можно сделать сразу сочетанием Ctrl + A, а затем F9 (см. 9, 10).

5.6 Удерживать рисунок, подпись и пояснение на одной странице

В плохо читаемых документах часто встречается такое разделение:

• в конце страницы находится только рисунок;
• подпись оказывается в начале следующей страницы;
• пояснение после подписи снова оказывается в другом месте.

Чтобы этого избежать, базовый подход - держать настройки разрыва страницы на стороне абзаца.

Рекомендуемая группировка

• абзац с изображением;
• абзац с подписью;
• пояснение в одно предложение;
• продолжение основного текста.

Шаги

1. Выбрать абзац с изображением
2. Открыть [Абзац] через контекстное меню
3. Открыть вкладку [Положение на странице] или аналогичную
4. Установить «Не отрывать от следующего» для абзаца с изображением
5. При необходимости установить «Не отрывать от следующего» и для абзаца с подписью
6. Если подпись занимает несколько строк, при необходимости использовать также «Не разрывать абзац» или «Не отрывать строку» (см. 11)

Чего не следует делать

• подгонять с помощью нескольких пустых строк;
• резко уменьшать изображение только потому, что оно не помещается;
• оставлять только подпись, перенося рисунок на следующую страницу.

Если рисунок слишком большой и не помещается, лучше перенести весь блок целиком на следующую страницу.

5.7 Управлять объёмом и конфиденциальной информацией

В продвинутом разделе этот момент тоже нельзя пропустить. Даже при аккуратном размещении рисунков на практике возникают проблемы, если файл слишком тяжёлый или в нём остаётся информация, которая должна быть невидимой.

Основы по объёму

• не вставлять изображения большего размера, чем нужно, как есть;
• решить, применять сжатие только к выбранному изображению или ко всему документу;
• избегать сжатия, при котором текст UI становится нечитаемым.

Шаги в Word

1. Выбрать изображение
2. Открыть [Формат рисунка] > [Сжатие рисунков]
3. Выбрать Применить только к этому рисунку или ко всему документу
4. Включить Удалить обрезанные области рисунков
5. При необходимости настроить выходное разрешение под задачу (см. 4, 5)

Замечания по эксплуатации

• одно только кадрирование может оставить исходную область внутри файла;
• нужно проверить, не видны ли личные имена, email-адреса, внутренние URL, данные клиентов, тестовые данные и тому подобное;
• если есть сомнения, стоит хранить исходное изображение отдельно, а в файле для распространения оставлять уже удалённые данные.

Особенно в руководствах, построенных в основном на скриншотах, безопаснее рассматривать защиту от попадания конфиденциальной информации в кадр и управление размером файла как единую задачу.

5.8 Не жертвовать доступностью

Чем больше в документе изображений и рисунков, тем заметнее становится разница в доступности. Минимум, который здесь стоит выполнить, - альтернативный текст и проверка доступности.

Основы альтернативного текста

• к информативным рисункам добавлять альтернативный текст;
• рисунки, служащие только украшением, помечать как декоративные;
• не ограничиваться расплывчатыми описаниями вроде изображение, скриншот;
• кратко передавать не только содержание, но и назначение;
• укладываться в 1-2 предложения (см. 12, 13).

Пример

• плохой пример: изображение экрана настроек;
• хороший пример: Экран настроек уведомлений. В правом верхнем углу через [Условия доставки] переключается включение/выключение email-уведомлений.

Для блок-схем и сложных рисунков лучше донести смысл, если написать ещё и «к какому выводу приводит рисунок» (см. 13).

Как настроить

1. Щёлкнуть изображение правой кнопкой мыши и открыть [Изменить альтернативный текст]
2. Для информативного рисунка ввести описание
3. Для чисто декоративного использовать [Пометить как декоративное] (см. 12, 13)

Финальная проверка

1. Открыть [Рецензирование] > [Проверка доступности]
2. Просмотреть ошибки, предупреждения и советы
3. Исправить проблемы, связанные с изображениями
4. Проверить ещё раз перед конвертацией в PDF (см. 14, 15)

Документ, который аккуратен только внешне, но плох с точки зрения доступности, недостаточен как продукт для распространения. Руководство - это документ долгого использования, поэтому если заложить это в процесс с самого начала, дальше будет проще.

6. Правила, которые стоит закрепить в шаблоне

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

6.1 Правила вставки изображений

• способ вставки по умолчанию - [в тексте];
• абзац с рисунком выравнивается по центру;
• отступы создаются через интервалы абзаца, а не пустыми строками.

6.2 Правила размера

• рисунок на всю ширину: полный экран или крупные схемы процессов;
• рисунок среднего размера: диалоговые окна и окна настроек;
• маленький рисунок: значки и фрагменты интерфейса.

Даже если определить только эти три шаблона, впечатление от документа станет более цельным.

6.3 Правила нумерации рисунков

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

6.4 Правила ссылок в тексте

• не использовать «рисунок выше», «рисунок ниже»;
• ссылаться по номеру рисунка, например рисунок 2-3;
• вставлять ссылку через перекрёстную ссылку.

6.5 Правила для рисунков с пометками

• рисунки с большим числом пометок по возможности сначала превращать в одно готовое изображение, а затем вставлять;
• при сборке внутри Word обязательно доводить до группировки;
• для before / after предпочитать одну сравнительную иллюстрацию раздельному управлению двумя изображениями.

6.6 Правила качества распространения

• обновлять поля перед распространением;
• проверять сжатие изображений и удаление обрезанных областей;
• устанавливать либо альтернативный текст, либо пометку «декоративный»;
• проходить проверку доступности.

7. Чек-лист перед распространением

В завершение - чек-лист, сфокусированный только на изображениях и рисунках.

• Изображение размещено сразу после первого упоминания?
• Не вставлен ли лишний раз весь экран целиком?
• Изображение не растянуто по вертикали или горизонтали?
• Номера рисунков расставлены автоматически, а не вручную?
• Ссылки из текста оформлены как перекрёстные ссылки?
• Не осталось ли формулировок «рисунок выше», «рисунок ниже»?
• Рисунок и подпись не разделены разными страницами?
• Проверено ли положение привязки для изображений с плавающим размещением?
• Дело не ограничилось одним только кадрированием?
• В кадре не видны личные или конфиденциальные данные?
• Объём изображения не избыточен?
• Установлен альтернативный текст или пометка «декоративный»?
• Выполнена проверка доступности?
• Обновление полей через Ctrl + A → F9 выполнено?

8. Итог

При работе с изображениями и рисунками в Word важно не создавать изощрённую вёрстку, а добиться состояния, при котором документ устойчив к поломке, легко пересматривается и не оставляет читателя в недоумении. В этом смысле в руководствах хорошо работает такая политика: по умолчанию «в тексте», изображение сразу после первого упоминания, скриншоты обрезаны для фокусировки внимания, номера рисунков и ссылки автоматизированы, обтекание используется как исключение, а перед распространением проверены объём и доступность.

Изображения нужны для повышения понятности, но небрежное обращение с ними, наоборот, снижает качество всего документа. Если удастся закрепить эти моменты в виде правил, стабильная работа с руководствами возможна и в Word, а в сочетании с правилами заголовков, нумерации, перекрёстных ссылок и разрывов страниц из предыдущей базовой статьи документ перестаёт быть просто «текстом для чтения» и становится на шаг ближе к руководству, которое можно поддерживать.

9. Источники

1. Change the default text wrapping setting for pictures - Microsoft Support
2. Wrap text around a picture in Word - Microsoft Support
3. Wrap text and move pictures in Word - Microsoft Support
4. Crop a picture in Office - Microsoft Support
5. Reduce the file size of a picture in Microsoft Office - Microsoft Support
6. Add, format, or delete captions in Word - Microsoft Support
7. Insert a caption for a picture - Microsoft Support
8. Add chapter numbers to captions in Word - Microsoft Support
9. Create a cross-reference - Microsoft Support
10. Update fields - Microsoft Support
11. Keep text together in Word - Microsoft Support
12. Add alternative text to a shape, picture, chart, SmartArt graphic, or other object - Microsoft Support
13. Everything you need to know to write effective alt text - Microsoft Support
14. Improve accessibility with the Accessibility Checker - Microsoft Support
15. Rules for the Accessibility Checker - Microsoft Support
16. Align pictures, shapes, WordArt and other objects in Word - Microsoft Support
17. Group shapes, pictures, or other objects in Word - Microsoft Support

Похожие статьи

Недавние статьи с теми же тегами помогут подробнее изучить близкие темы.

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

Эти страницы показывают тему статьи в более широком контексте услуг и решений.

Услуги по этой теме

Статья напрямую связана со следующими услугами.

Частые вопросы

Вопросы, которые часто возникают при консультациях по теме статьи.

Как предотвратить сдвиг изображений в Word?

Как правило, самый устойчивый способ - использовать размещение «В тексте» и обращаться с изображением как с абзацем. Изображение «в тексте» привязано к месту вставки и обрабатывается как текстовый символ, поэтому при увеличении или уменьшении объёма текста оно перемещается вместе со своим абзацем. Его можно выравнивать по центру на уровне абзаца, а проблемы с привязкой (якорем) и порядком наложения возникают гораздо реже. Если нет особой причины для сложной вёрстки, вполне достаточно схемы «в тексте + выравнивание по центру + подпись».

Где следует размещать изображения в руководстве Word?

Идеально - сразу после абзаца, в котором это изображение впервые упоминается. Если пояснение находится на две страницы раньше, а изображение отодвинуто в конец страницы, читателю приходится постоянно перелистывать вперёд-назад. Подход «собрать все рисунки в конце» подходит для справочников, но плохо работает для инструкций по эксплуатации. Кроме того, чтобы рисунок и подпись не оказались на разных страницах, стоит использовать параметр абзаца «Не отрывать от следующего».

Есть ли приёмы, которые делают скриншоты нагляднее?

Главное - не вставлять каждый раз весь экран целиком, а обрезать только ту часть, которую нужно показать. Базовое правило - один рисунок, одно сообщение: если вставить весь экран Full HD или 4K, нужная кнопка или поле ввода станут крошечными и станут только менее понятными. В сравнительных иллюстрациях нужно выравнивать область обрезки и масштаб. Кроме того, простое кадрирование не удаляет исходную область из файла, поэтому перед распространением нужно включить параметр «Удалить обрезанные области рисунков» в разделе «Сжатие рисунков».

Как управлять номерами рисунков и ссылками вроде «рисунок выше» / «рисунок ниже»?

Номера рисунков нужно назначать автоматически через функцию подписи, а ссылки в тексте вставлять как перекрёстные ссылки. От ручного набора «рисунок выше», «рисунок ниже», «изображение 1» стоит отказаться, поскольку они ломаются при каждом добавлении рисунка или перемещении по страницам. Если во всём документе используется нумерация по главам, можно настроить включение номера главы и в номер рисунка. Перекрёстные ссылки вставляются как поля, поэтому перед распространением их нужно обновить целиком сочетанием Ctrl + A, а затем F9.

Об авторе

Страница с профилем автора статьи.

Го Комура

Представитель KomuraSoft LLC

Специализируется на разработке программного обеспечения для Windows, техническом консалтинге и расследовании сбоев, особенно в проектах с унаследованными системами и трудно воспроизводимыми ошибками.