Эта статья объясняет, как создавать снимки экрана и как редактировать изображения снимков экрана в различных операционных системах и на различных устройствах для использования в статьях Базы знаний. Чтобы узнать, как добавлять снимки экрана и другие изображения в статьи Базы знаний, прочтите статью Добавление изображений и снимков экрана в статьи Базы знаний.
Оглавление
Визуальные маркеры
Визуальные маркеры — это ключ к созданию понятной и удобной для пользователя документации. Эти маркеры привлекают внимание к определённым областям на изображении, направляя пользователей через каждый шаг процесса.
Цвет контура
Используйте красный контур (в частности, шестнадцатеричный цвет #f71701) для выделения важных разделов на ваших снимках экрана. Этот выбор цвета гарантирует, что выделенные области немедленно привлекут внимание.
Стиль углов
Используйте квадратные углы для контуров, чтобы достичь визуальной гармонии в аннотациях к снимкам экрана.
Толщина линии
Сбалансируйте толщину контура между 4 и 8 пунктами (pt), чтобы достичь равномерной видимости на снимках экрана разных размеров.
Выравнивание выделенных элементов интерфейса по центру
Выровняйте элемент интерфейса по центру внутри красного контура, чтобы улучшить чёткость и узнаваемость.
Маркеры последовательных шагов
Использование маркеров последовательных шагов на снимках экрана связывает каждое действие в пользовательском интерфейсе с соответствующими текстовыми шагами. Это уменьшает двусмысленность и необходимость в нескольких изображениях. Это особенно полезно для более длинных инструкций в одном и том же окне или контексте. Используя этот метод, вы можете показать несколько инструкций на одном снимке экрана с чёткими индикаторами для каждого действия в интерфейсе. Вот пример подходящего сценария для использования этого подхода:
Чтобы добавить эти маркеры на ваши снимки экрана, откройте снимок экрана в предпочитаемом вами редакторе изображений. Затем сохраните маркеры из списка маркеров последовательных шагов и разместите их в соответствующих разделах снимка экрана.
Подготовка и редактирование изображений
Размер
Убедитесь, что снимки экрана имеют компактный размер. Для улучшения времени загрузки и доступности, особенно для пользователей с медленным интернет-соединением, лучше всего сохранять размеры снимков экрана менее 620 пикселей как по высоте, так и по ширине.
Обрезка
- Убедитесь, что большие снимки экрана обрезаны так, чтобы выделить элементы интерфейса, относящиеся к выполняемой задаче.
Упрощения
- Упрощайте сложные снимки экрана, удаляя несущественные элементы интерфейса, чтобы снизить когнитивную нагрузку на пользователей. Выбирайте приглушённые оттенки серого, такие как #D4D4D4 и #E0E0E8, вместо ярких или тёмных цветов. Эти светлые оттенки помогают минимизировать отвлекающие факторы, позволяя пользователям сосредоточиться на важных частях снимка экрана.
Личная информация
- Удаляйте всю личную идентифицирующую информацию (PII) со снимков экрана, включая адреса электронной почты, имена пользователей и любые личные данные, которые потенциально могут идентифицировать человека.
Светлый режим
- По возможности делайте снимки экрана в «светлом режиме», так как изображения в «тёмном режиме» могут быть не так легко различимы для некоторых пользователей.
Paint в Windows и Просмотр в Mac — полезные программы для обрезки и редактирования изображений снимков экрана. Вы также можете использовать бесплатное программное обеспечение, такое как GIMP для Windows, Mac и Linux. Другие инструменты для редактирования перечислены в конце этой статьи.
Снимки экрана в Windows
Создание снимка экрана
Как только экран будет представлен в том виде, в котором вы хотите сделать снимок:
- Нажмите клавишу print screen (Print Screen или Prnt Scrn или prt sc или PrtSc или PrtScr, в зависимости от вашей клавиатуры). Эта клавиша обычно находится в правом верхнем углу клавиатуры. Чтобы сделать снимок только активного окна, удерживайте клавишу Alt перед нажатием клавиши print screen.
- Перейдите в меню Пуск Windows и откройте программу Microsoft Paint из списка Программы (ищите в разделе Стандартные).
- Когда Paint откроется, нажмите Вставить, и ваш снимок экрана появится.
- Сохраните изображение как PNG-файл в легкодоступном месте, например, на рабочем столе.
Обрезка снимков экрана в Paint
Обрезка снимков экрана позволяет отредактировать большое изображение, чтобы показать читателям только то, что им нужно видеть.
- Откройте снимок экрана в Paint.
- На панели инструментов нажмите Выделить+Прямоугольное выделение.
- Ваш курсор теперь выглядит как перекрестие. Используйте курсор, чтобы нарисовать прямоугольник вокруг области, которую вы хотите показать на конечном изображении.
- Нажмите .
Создание выделений на снимках экрана в Paint
Выделения на снимках экрана позволяют сфокусироваться на небольшой части изображения внутри большего изображения. Например, вы можете захотеть показать одну кнопку на целой панели инструментов.
- Откройте снимок экрана в Paint.
- На панели инструментов Фигуры выберите фигуру прямоугольника.
- На панели инструментов Цвета выберите красный цвет.
- Ваш курсор теперь выглядит как перекрестие. Используйте курсор, чтобы нарисовать красный прямоугольник вокруг области, которую вы хотите выделить.
Изменение размера изображений в Paint
Некоторые снимки экрана получаются большими. Но лучше не использовать снимки экрана размером более 620 пикселей в длину или ширину. Вот как изменить размер большого снимка экрана.
- Откройте снимок экрана в Paint.
- Нажмите на панели инструментов. Откроется окно Изменение размеров и наклон.
- Проверьте, что высота и ширина меньше 620 пикселей. Если они больше, введите меньшее число в поле по горизонтали или по вертикали.
Снимки экрана на Mac
Создание снимка экрана
Как только экран будет представлен в том виде, в котором вы хотите сделать снимок:
- Чтобы сделать снимок всего экрана, удерживайте клавишу Command и клавишу Shift, нажимая 3.
- Чтобы сделать снимок определённой части экрана, удерживайте клавишу Command и клавишу Shift, нажимая 4; затем выделите область, которую хотите скопировать.
- Чтобы сделать снимок определённого окна, удерживайте клавишу Command и клавишу Shift, нажимая 4; затем нажмите Spacebar. После этого вы можете щёлкнуть по окну, чтобы сделать его снимок.
В результате на вашем рабочем столе появится PNG-файл.
Обрезка изображений в приложении «Просмотр»
Обрезка снимков экрана позволяет отредактировать большое изображение, чтобы показать читателям только то, что им нужно видеть.
- Откройте снимок экрана в приложении «Просмотр».
- Нажмите
на панели инструментов. Откроется вторая панель инструментов.
- Ваш курсор теперь выглядит как перекрестие. Используйте курсор, чтобы нарисовать прямоугольник вокруг области, которую вы хотите показать на конечном изображении.
- Нажмите .
Создание выделений на снимках экрана в приложении «Просмотр»
Выделения на снимках экрана позволяют сфокусироваться на небольшой части изображения внутри большего изображения. Например, вы можете захотеть выделить одну кнопку на целой панели инструментов.
- Откройте снимок экрана в приложении «Просмотр».
- Нажмите > > .
- Появится красный прямоугольник. Отрегулируйте прямоугольник так, чтобы он охватывал область, которую вы хотите выделить.
Изменение размера изображений в приложении «Просмотр»
Некоторые снимки экрана получаются большими. Но лучше не использовать снимки экрана размером более 620 пикселей в длину или ширину. Вот как изменить размер большого снимка экрана.
- Откройте снимок экрана в приложении «Просмотр».
- Нажмите > . Откроется окно.
- Проверьте, что высота и ширина меньше 620 пикселей. Если они больше, введите меньшее число в поле высоты или ширины.
- Убедитесь, что флажок установлен, и нажмите .
Снимки экрана в Linux
Создание снимка экрана
Как только экран будет представлен в том виде, в котором вы хотите сделать снимок:
- В Ubuntu Linux нажмите меню , перейдите в папку и выберите .
- В других случаях, в зависимости от вашего менеджера рабочего стола, вы можете использовать KSnapshot или gnome-screenshot или использовать клавишу Print Screen или Prnt Scrn или prt sc или PrtSc, в зависимости от вашей клавиатуры, чтобы сделать снимок экрана.
Снимки экрана на устройствах iOS
Создание снимка экрана
Как только экран будет представлен в том виде, в котором вы хотите сделать снимок на вашем iPhone или iPad:
- Нажмите и удерживайте кнопку Режим сна/Пробуждение, затем немедленно нажмите кнопку Домой.
- Ваш экран на секунду вспыхнет белым, и устройство издаст звук затвора камеры (если включён звук), чтобы показать, что снимок экрана сделан.
- Снимок экрана теперь сохранён в вашем приложении «Фото» для просмотра.
Снимки экрана на устройствах Android
Создание снимка экрана
Как только экран будет представлен в том виде, в котором вы хотите сделать снимок на вашем телефоне или планшете Android:
- Нажмите и удерживайте одновременно кнопку Режим сна/Пробуждение и кнопку уменьшения громкости. Экран моргнёт.
- Найдите снимок экрана в приложении «Галерея».
- Отправьте снимок экрана на свой компьютер. При желании отредактируйте снимок экрана в программе для редактирования изображений, такой как Paint или «Просмотр».
- На телефонах Android с чистой версией Android 9 (Pie) вы можете просто нажать и удерживать кнопку питания/блокировки/разблокировки, что вызовет меню Питание. В меню Питание выберите Снимок экрана (третий вариант внизу меню), и снимок экрана будет автоматически сохранён в галерею вашего телефона.
- Не все устройства Android работают одинаково. Если вышеуказанные методы не работают, а на вашем устройстве есть кнопка «Домой», нажмите и удерживайте кнопку «Домой» и кнопку питания одновременно, пока экран не моргнёт. Другие методы см. в этих статьях:
- Как делать снимки экрана на Android (WikiHow)
- Как сделать снимок экрана на Android (Android Central)
- Как сделать снимок экрана на телефонах и планшетах Android (PC Advisor)
Инструменты
- Paint (входит в состав Windows)
- Ножницы (входит в состав Windows)
- Просмотр (входит в состав macOS)
- GIMP (бесплатное ПО для Windows, macOS и Linux)
- Irfanview (бесплатное ПО для Windows)
- Paint.NET (бесплатное ПО для Windows)
- Snagit (платное ПО, с 15-дневной полнофункциональной пробной версией)
- XNView (бесплатное ПО для настольных и мобильных устройств)
- Другие программы для создания снимков экрана
Полные руководства Базы знаний
Больше руководств см. в разделе Статьи Базы знаний для участников.