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

Создание скриншотов на компьютере или мобильном устройстве

Чтобы узнать, как создавать скриншоты для Базы знаний и какие инструменты редактирования вы можете использовать, прочитайте статью Как сделать снимок экрана.

Добавление скриншотов и других изображений в статьи Базы знаний

Загрузка изображения в Медиагалерею

1. Перейдите в Медиагалерею.
2. В правом нижнем углу нажмите на кнопку Upload.
3. Откроется диалоговое окно загрузки. Нажмите на кнопку Browse…, чтобы перейти к файлам на вашем компьютере и выбрать изображение, которое вы хотите загрузить.
4. После выбора изображения появится диалоговое окно, в котором вам будет предложено указать название и описание для вашего изображения. Заполните эти данные, а затем нажмите на кнопку Upload, чтобы завершить процесс загрузки.

Загрузка изображения непосредственно из редактора статей

Если вы активно редактируете статью и вам нужно добавить изображение, вы также можете загрузить его прямо с панели инструментов:

1. Начните с создания новой статьи или редактирования существующей.
2. В редакторе статей нажмите на кнопку «Вставить медиафайл» на панели инструментов.

   

   • Это действие вызовет диалоговое окно «Вставить медиафайл».
3. В нижней части появившегося диалогового окна выберите кнопку Upload Media, чтобы продолжить.
4. В диалоговом окне загрузки нажмите на кнопку Browse…, чтобы перейти к файлам на вашем компьютере и выбрать изображение, которое вы хотите загрузить.
5. После выбора изображения появится диалоговое окно, в котором вам будет предложено указать название и описание для вашего изображения. Заполните эти данные, а затем нажмите на кнопку Upload, чтобы завершить процесс загрузки.

Добавление изображения в статью

1. Вы можете начать с создания новой статьи или с редактирования существующей.
2. Найдите и нажмите на кнопку «Вставить медиафайл» на панели инструментов.
3. В галерее выберите изображение, которое вы хотите добавить, затем нажмите Insert Media, чтобы вставить его в статью.

Эффективное использование встроенных изображений

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

• Приоритет ясности: Используйте встроенные изображения для замены текстовых подсказок точными визуальными представлениями. Сосредоточьтесь на демонстрации интерактивных элементов, таких как меню и кнопки, обеспечивая прямую релевантность этих изображений и способствуя быстрому распознаванию и взаимодействию со стороны пользователя.
• Стратегическое размещение: Встраивайте скриншоты рядом с соответствующим текстом, чтобы плавно сочетать инструкции с визуальными руководствами, что облегчает пользователям следование инструкциям, не теряясь в длинных описаниях.
• Размер имеет значение: При выборе встроенных изображений стремитесь к максимальной высоте в 16 пикселей. Это гарантирует, что визуальные элементы будут информативными, но ненавязчивыми, способствуя более чистому и доступному макету для пользователей, просматривающих контент.

Эффективное использование изображений для пошаговых инструкций

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

• Выборочное использование: Включайте скриншоты только для тех концепций, которые действительно выигрывают от визуальной помощи. Избегайте их чрезмерного использования, чтобы не загромождать статью.
• Прямая корреляция: Выбирайте скриншоты, которые напрямую связаны с сопутствующим текстом, чтобы каждое изображение чётко иллюстрировало описываемое действие или задачу.
• Логическая последовательность: Располагайте скриншоты в соответствии с естественным ходом шагов, отражая реальный опыт пользователя. Этот хронологический порядок поддерживает логический поток, облегчая следование пошаговому руководству для читателей.
• Точность — это ключ: Убедитесь, что скриншоты точно отображают то, что пользователи увидят на своих экранах. Учитывая, что внешний вид может различаться в разных операционных системах, соответствующим образом корректируйте свои скриншоты. Для получения рекомендаций по адаптации скриншотов для пользователей Windows, macOS и Linux обратитесь к руководству Как использовать For.

Примеры

Будем проще!

• Если вы размещаете изображение в строке текста (встроенное изображение), его высота не должна превышать 16 пикселей.
• Если вы размещаете изображение между двумя предложениями в наборе шагов или списке (упорядоченном или неупорядоченном), оно должно быть отделено точкой с запятой. Нет необходимости добавлять разрывы строк вокруг изображений.

Разметка для встроенного изображения

Вот как выглядит вики-разметка для встроенного изображения:

This is the text, followed by [[Image:The Image]], and this is the continuation of the text.

Пример встроенного изображения

Вот фрагмент текста. Прямо в середине мы вставили встроенное изображение кнопки меню Firefox. После этого мы добавили дополнительный текст.

Разметка для изображения в наборе шагов

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

# This is a step.
#;[[Image:The Image]]
# This is the next step.


Пример изображения в наборе шагов

Это пример с более длинным текстом и более длинным изображением:

1. Это шаг. И вот несколько дополнительных слов, чтобы вы могли видеть, как они выглядят, располагаясь над изображением.

   

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

Рекомендации для Базы знаний

Если вы хотите узнать больше о написании и редактировании статей Базы знаний, вы можете найти рекомендации здесь.