Как сделать снимок экрана

Contributors Contributors Последнее обновление:
This is a machine-generated translation of the English content. It has not been reviewed by a human, and may contain errors. If you would like to revise this content, you can start here.

Примечание: Прочтите статью Как мне сделать снимок экрана моей проблемы?, если вам нужна помощь в создании снимка экрана для добавления к вопросу на форуме поддержки Mozilla.

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

Оглавление

Визуальные маркеры

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

Цвет контура

Используйте красный контур (в частности, шестнадцатеричный цвет #f71701) для выделения важных разделов на ваших снимках экрана. Этот выбор цвета гарантирует, что выделенные области немедленно привлекут внимание.

Стиль углов

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

Толщина линии

Сбалансируйте толщину контура между 4 и 8 пунктами (pt), чтобы достичь равномерной видимости на снимках экрана разных размеров.

Выравнивание выделенных элементов интерфейса по центру

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

Screenshot outline example

Маркеры последовательных шагов

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

Sequential Step Markers example

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

Подготовка и редактирование изображений

Размер

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

Example image size

Обрезка

  • Убедитесь, что большие снимки экрана обрезаны так, чтобы выделить элементы интерфейса, относящиеся к выполняемой задаче.
Cropped screenshot example

Упрощения

  • Упрощайте сложные снимки экрана, удаляя несущественные элементы интерфейса, чтобы снизить когнитивную нагрузку на пользователей. Выбирайте приглушённые оттенки серого, такие как #D4D4D4 и #E0E0E8, вместо ярких или тёмных цветов. Эти светлые оттенки помогают минимизировать отвлекающие факторы, позволяя пользователям сосредоточиться на важных частях снимка экрана.
Simplified screenshot example

Личная информация

  • Удаляйте всю личную идентифицирующую информацию (PII) со снимков экрана, включая адреса электронной почты, имена пользователей и любые личные данные, которые потенциально могут идентифицировать человека.
Remove PII example

Светлый режим

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

Paint в Windows и Просмотр в Mac — полезные программы для обрезки и редактирования изображений снимков экрана. Вы также можете использовать бесплатное программное обеспечение, такое как GIMP для Windows, Mac и Linux. Другие инструменты для редактирования перечислены в конце этой статьи.

Снимки экрана в Windows

Создание снимка экрана

Как только экран будет представлен в том виде, в котором вы хотите сделать снимок:

  1. Нажмите клавишу print screen (Print Screen или Prnt Scrn или prt sc или PrtSc или PrtScr, в зависимости от вашей клавиатуры). Эта клавиша обычно находится в правом верхнем углу клавиатуры. Чтобы сделать снимок только активного окна, удерживайте клавишу Alt перед нажатием клавиши print screen.
  2. Перейдите в меню Пуск Windows и откройте программу Microsoft Paint из списка Программы (ищите в разделе Стандартные).
  3. Когда Paint откроется, нажмите Вставить, и ваш снимок экрана появится.
  4. Сохраните изображение как PNG-файл в легкодоступном месте, например, на рабочем столе.

Обрезка снимков экрана в Paint

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

  1. Откройте снимок экрана в Paint.
  2. На панели инструментов нажмите Выделить+Прямоугольное выделение.
    Paint1
  3. Ваш курсор теперь выглядит как перекрестие. Используйте курсор, чтобы нарисовать прямоугольник вокруг области, которую вы хотите показать на конечном изображении.
  4. Нажмите Crop.

Создание выделений на снимках экрана в Paint

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

  1. Откройте снимок экрана в Paint.
  2. На панели инструментов Фигуры выберите фигуру прямоугольника.
    Paint3
  3. На панели инструментов Цвета выберите красный цвет.
    Paint4
  4. Ваш курсор теперь выглядит как перекрестие. Используйте курсор, чтобы нарисовать красный прямоугольник вокруг области, которую вы хотите выделить.
    Paint2

Изменение размера изображений в Paint

Некоторые снимки экрана получаются большими. Но лучше не использовать снимки экрана размером более 620 пикселей в длину или ширину. Вот как изменить размер большого снимка экрана.

  1. Откройте снимок экрана в Paint.
  2. Нажмите Resize на панели инструментов. Откроется окно Изменение размеров и наклон.
  3. Проверьте, что высота и ширина меньше 620 пикселей. Если они больше, введите меньшее число в поле по горизонтали или по вертикали.
    Paint5

Снимки экрана на Mac

Создание снимка экрана

Как только экран будет представлен в том виде, в котором вы хотите сделать снимок:

  • Чтобы сделать снимок всего экрана, удерживайте клавишу Command и клавишу Shift, нажимая 3.
  • Чтобы сделать снимок определённой части экрана, удерживайте клавишу Command и клавишу Shift, нажимая 4; затем выделите область, которую хотите скопировать.
  • Чтобы сделать снимок определённого окна, удерживайте клавишу Command и клавишу Shift, нажимая 4; затем нажмите Spacebar. После этого вы можете щёлкнуть по окну, чтобы сделать его снимок.

В результате на вашем рабочем столе появится PNG-файл.

Обрезка изображений в приложении «Просмотр»

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

  1. Откройте снимок экрана в приложении «Просмотр».
  2. Нажмите PreviewToolbar на панели инструментов. Откроется вторая панель инструментов.
  3. Ваш курсор теперь выглядит как перекрестие. Используйте курсор, чтобы нарисовать прямоугольник вокруг области, которую вы хотите показать на конечном изображении.
    Preview2
  4. Нажмите Crop.

Создание выделений на снимках экрана в приложении «Просмотр»

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

  1. Откройте снимок экрана в приложении «Просмотр».
  2. Нажмите Tools > Annotate > Rectangle.
  3. Появится красный прямоугольник. Отрегулируйте прямоугольник так, чтобы он охватывал область, которую вы хотите выделить.
    ReloadiOS

Изменение размера изображений в приложении «Просмотр»

Некоторые снимки экрана получаются большими. Но лучше не использовать снимки экрана размером более 620 пикселей в длину или ширину. Вот как изменить размер большого снимка экрана.

  1. Откройте снимок экрана в приложении «Просмотр».
  2. Нажмите Tools > Adjust Size. Откроется окно.
  3. Проверьте, что высота и ширина меньше 620 пикселей. Если они больше, введите меньшее число в поле высоты или ширины.
  4. Убедитесь, что флажок Scale Proportionally установлен, и нажмите OK.
    ScalePreview

Снимки экрана в Linux

Создание снимка экрана

Как только экран будет представлен в том виде, в котором вы хотите сделать снимок:

  • В Ubuntu Linux нажмите меню Applications, перейдите в папку Accessories и выберите Take Screenshot.
  • В других случаях, в зависимости от вашего менеджера рабочего стола, вы можете использовать KSnapshot или gnome-screenshot или использовать клавишу Print Screen или Prnt Scrn или prt sc или PrtSc, в зависимости от вашей клавиатуры, чтобы сделать снимок экрана.

Снимки экрана на устройствах iOS

Создание снимка экрана

Как только экран будет представлен в том виде, в котором вы хотите сделать снимок на вашем iPhone или iPad:

  1. Нажмите и удерживайте кнопку Режим сна/Пробуждение, затем немедленно нажмите кнопку Домой.
  2. Ваш экран на секунду вспыхнет белым, и устройство издаст звук затвора камеры (если включён звук), чтобы показать, что снимок экрана сделан.
  3. Снимок экрана теперь сохранён в вашем приложении «Фото» для просмотра.
Устройства iOS: на устройствах iPhone 6 и новее кнопка Режим сна/Пробуждение находится на правой стороне устройства.

Снимки экрана на устройствах Android

Создание снимка экрана

Как только экран будет представлен в том виде, в котором вы хотите сделать снимок на вашем телефоне или планшете Android:

  1. Нажмите и удерживайте одновременно кнопку Режим сна/Пробуждение и кнопку уменьшения громкости. Экран моргнёт.
  2. Найдите снимок экрана в приложении «Галерея».
  3. Отправьте снимок экрана на свой компьютер. При желании отредактируйте снимок экрана в программе для редактирования изображений, такой как Paint или «Просмотр».
  • На телефонах Android с чистой версией Android 9 (Pie) вы можете просто нажать и удерживать кнопку питания/блокировки/разблокировки, что вызовет меню Питание. В меню Питание выберите Снимок экрана (третий вариант внизу меню), и снимок экрана будет автоматически сохранён в галерею вашего телефона.
  • Не все устройства Android работают одинаково. Если вышеуказанные методы не работают, а на вашем устройстве есть кнопка «Домой», нажмите и удерживайте кнопку «Домой» и кнопку питания одновременно, пока экран не моргнёт. Другие методы см. в этих статьях:

Инструменты

Полные руководства Базы знаний

Больше руководств см. в разделе Статьи Базы знаний для участников.

Эти прекрасные люди помогли написать эту статью:

Illustration of hands

Станьте волонтёром

Растите и делитесь опытом с другими. Отвечайте на вопросы и улучшайте нашу базу знаний.

Подробнее