0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать скриншот экрана на ноутбуке с Windows

Как сделать скриншот экрана
на ноутбуке с Windows

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

  1. Первый способ: скрининг с помощью универсального софта
  2. Второй способ: с помощью сочетания клавиш
  3. Третий способ: через функцию «Ножницы»
  4. Четвертый способ: делаем снимок экрана через Xbox Game Bar
  5. Как найти скриншот на ноутбуке после сохранения

Способ второй: программа «Ножницы»

Такая программа есть в Windows 7, 8, 8.1, 10.

Как сделать

Нажмите кнопку «Пуск» > («Все программы») > («Стандартные») > «Ножницы».

Или в поле поиска напишите «Ножницы» (в Windows 7 и 8 поле поиска появляется при нажатии кнопки «Пуск», в Windows 10 — при нажатии кнопки с лупой).

Программа запустится и вместо курсора мыши появится крестик. Выделите нужный кусок экрана.

Скриншот сохранится в буфер обмена. Теперь можно вставить его в письмо, фоторедактор или Word (нажать одновременно кнопки «Ctrl» и «V»). Также на скриншоте можно что-то написать или нарисовать (значки в виде карандаша и фломастера).

Как сохранить скриншот в отдельный файл

Нажмите на значок дискеты.

Появится окно для сохранения. Напишите имя файла и выберите место его для сохранения. Тип файла лучше использовать JPEG.

Как сделать скриншот на ноутбуке Windows 7, 8, 10: сторонние программы

Задаетесь вопросом, как сделать скрин на компе с помощью других приложений? Существует множество альтернативных программ, которые помогут зафиксировать весь экран или только его часть. Они практичнее и функциональнее, чем родные приложения на ОС Windows. Рассмотрим актуальные программы для создания скриншотов.

Как сделать скриншот с приложением Lightshot?

Фото: app.prntscr.com: UGC

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

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

Готовый скриншот сохраняется на отдельный сервер, а пользователь получает уникальную ссылку, чтобы делиться собственным изображением в соцсетях или других источниках. Это универсальное бесплатное приложение доступно для любой версии Windows. Lightshot можно не скачивать, а просто загрузить в браузер в виде расширения. Этот вариант подойдет для тех, кому часто приходится отправлять снимки с экрана именно в Chrome, Opera и т. д.

Screen Capture

Бесплатная программа для создания снимков с экрана стационарного ПК или ноутбука для ежедневного использования. Приложение русифицировано, позволяет сохранять готовые картинки в нескольких форматах: bmp, jpg и png. Дополнительно пользователь получает возможность регулировать качество снимка у двух последних.

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

FastStone Capture

Фото: faststone.org: UGC

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

  • лупа;
  • пипетка;
  • линейка;
  • запись видео;
  • преобразование картинки в PDF-файл.

В утилите присутствует русский язык и удобный в использовании редактор. Платная программа позволяет пользователю настраивать параметр автовставки водяного знака и пересылку картинки в Word, PowerPoint, e-mail. Также, можно вывести файл на печать или получить отсканированные данные.

Snagit

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

Читать еще:  Как сделать мороженое — проверенный рецепт сливочного пломбира своими руками. Мороженое из сливок и сгущенки, мороженое с Кит-Кат и Орео

Существует большое разнообразие других приложений, например, Hardcopy, Joxi или Monosnap. Попробуйте несколько разных программ и определитесь, какое приложение больше всего подходит для ваших личных задач. Захват экрана поможет, когда нужно отправить финансовый отчет, скинуть забавную переписку или удаленно исправить системные баги. Используйте современные возможности, чтобы сэкономить свое время.

Узнавайте обо всем первыми

Подпишитесь и узнавайте о свежих новостях Казахстана, фото, видео и других эксклюзивах.

Делаем скриншоты правильно: практические советы

Устройство для снимка экрана на первых компьютерах (Command-Shift-3)

Если вы когда-либо делали хелп или мануал для своего приложения, наверняка вы отметили, как неожиданно много времени и сил занимает создание скриншотов.

Ведь кажется, что скриншот — это “секунда работы, Alt+PrintScreen и Ctrl+V!”. Некоторые клиенты удивляются, когда слышат, что скриншот в мануале может стоить и $2 и даже $5.

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

Что нужно скриншотить

Нужно:

  • схема основных элементов и зон интерфейса с подписями. Например, панель инструментов, панель состояния, главное меню, контекстное меню. Далее по тексту не придётся объяснять: “Кликните на вот ту кнопку на второй сверху панели слева”;
  • один основной скриншот для каждой главы мануала. Вдруг пользователь не читал предыдущие главы, а воспользовался поиском;
  • скриншот для каждого действия, которое значительно меняет состояние системы, интерфейса или данных;
  • всплывающие (модальные) окна.

НЕ нужно:

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

Главный принцип: пользователь должен знать, где располагается данная страница (диалог, меню), и понимать конечный результат действий. Текст стоит грамотно разбить на абзацы, заголовки должны отражать основные действия. А скриншоты нужны, чтобы облегчить поиск элементов и дать пользователю подтверждение, что он “на правильном пути”, то есть на его экране всё выглядит так же, как на скриншоте.

Процесс создания скриншотов

1. Настройка окружения. Выберите единый стиль окон и шрифтов в вашей ОС. Если интерфейс “резиновый”, определите ширину и высоту окна браузера или программы и не меняйте ее на протяжении съемки.

Лайфхак: Если вы случайно закроете окно, его размеры могут сброситься, и, скорее всего, вы не сможете их точно восстановить. Чтобы не “потерять” размеры, сделайте скриншот окна и всего экрана и обведите уголки окна красным, а потом установите полученный файл в качестве обоев рабочего стола.

Может, кто-нибудь знает более простой и изящный способ?

2. Подготовка данных. Наполните приложение примерами, приближенными к жизни и решающими конкретные пользовательские задачи. Можно продумать несколько случаев: простых, как “хеллоуворлд”, и посложнее, для продвинутых юзеров.

Желательно, чтобы имена объектов и настройки не менялись в пределах одного раздела. Например, в 1-й главе пользователь Ипполит создал заметку “Как готовить рыбу”. А во 2-й главе нужно рассказать о кастомизации заметок. Естественно, лучше рассказывать про то, как Ипполит применяет к уже созданной заметке красную заливку. Такой нехитрый подход напомнит пользователю о предыдущих действиях, а также обеспечит полноту картины.

Не забудьте наполнить вашу систему “реальными” читабельными данными, сделать предварительные настройки, подготовить шаблоны, сделать бэкапы и т.д.

Если вы делаете скриншоты для документации на иностранном языке, проследите, чтобы в кадр не попали “русские” имена (Andrew — ок, Vanja Babushkin — не ок) или надписи на русском языке.

3. Съемка. Тут все зависит от ваших инструментов, но основные рекомендации такие:
а. По возможности снимайте только значимые зоны интерфейса и делайте скриншот как можно компактнее. Так он и на лист А4 поместится, и будет иметь малый размер.
b. Как и при фотографировании, следите за композицией, не отрезайте части элементов по краям скриншота. Постарайтесь делать скриншоты одинаковой ширины и высоты в рамках одного примера.
c. Чтобы сэкономить время, делайте сразу серию скриншотов. На всякий случай можно сделать “лишние”, незапланированные скрины – вдруг пригодятся при переделках или редактировании.

Читать еще:  Мини-трактора из мотоблока (видеоподборка)

4. Редактирование. Не всегда получается подготовить красивые и разнообразные данные, избежать опечаток или смоделировать определённую ситуацию (ошибка, выход из строя, большой денежный баланс). В таких случаях есть как минимум 2 выхода:
a. Править код и стили страницы в браузере (правый клик > Inspect element и поехали), если речь идет о веб-приложении.
b. Менять надписи, комбинировать блоки из разных скриншотов в графическом редакторе.

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

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

5. Сохранение. Давайте скриншотам говорящие уникальные имена, придерживаясь определённого формата, например, general_settings_privacy. Лучше не использовать пробелы и прописные буквы, а также слишком длинные названия. Такой подход гарантирует универсальность и работоспособность при размещении онлайн-справки на различных серверах.

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

6. Вставка в текст. Об этом — ниже, в разделе «Оформление».

7. Проверка. Отложите законченный раздел, проверьте его на следующий день. А лучше дайте прочитать текст и посмотреть скриншоты тестировщику или дизайнеру.

Инструменты

Десктоп-инструменты

  • Snagit (Win, Mac). Одна из самых популярных программ для снятия скриншотов. Состоит из 2 модулей:
    — Capturing Tool. Фичи: увеличение области выделения, автоматическое определение зон интерфейса, снятие полноразмерных скринов, задержка по времени для всплывающие элементов, запись видео;
    — Editor. Фичи: стрелочки, аннотации, эффекты, рамки, шаринг.
    Из минусов могу назвать только то, что редактор мог бы иметь больше настроек и эффектов;
  • Shutter (Linux). Если коротко, то это Snagit для Linux, естественно, opensource;
  • Adobe Photoshop (Win, Mac). Рекомендую использовать для хардкорного редактирования, сложных эффектов. Скрины одного раздела можно хранить как слои psd файла, а при помощи макросов и скриптов можно творить чудеса с большим количеством файлов;
  • GIMP (Win, Mac, Linux). Бесплатная замена Photoshop. Здесь отличная статья про автоматизацию обработки скринов в GIMP;
  • ImageMagic. (Win, Linux) Набор программ (консольных утилит) для чтения и редактирования файлов множества графических форматов. Отлично подходит для пакетной обработки скриншотов;
  • Visio (Win). А почему бы и нет? Годится в качестве редактора для выделения и аннотирования, особенно, если куплен весь пакет MS Office;
  • Dropbox (Win, Mac, Linux). Десктоп-клиент может автоматически сохранять все ваши скрины на диске и в облаке и копировать ссылку в буфер обмена;
  • Joxi (Win, Mac, Linux, Chrome plugin). Тот же функционал, что и в Dropbox, плюс возможность добавления подписей и эффектов на лету;
  • LightShot (Win, Mac, Chrome, Firefox plugin). Тот же функционал, что и в Joxi, плюс возможность редактирования скриншота в бесплатном онлайн-редакторе Pixlr.

Плагины для браузеров

  • Awesome Screenshot;
  • Fireshot.

Модули HAT программ

Инструменты для создания GIF анимаций

Утилиты для сжатия изображений

  • ImageOptim (Mac) — бесплатно;
  • RIOT (Win) — бесплатно.

Оформление

Определите оптимальный формат для ваших скриншотов. Если коротко, то:

  • png – интерфейсы;
  • jpg – фото;
  • gif – анимации (отличный пост про анимацию), иконки;
  • ico – иконки.

Каждый скриншот должен иметь id, alt, title, номер в пределах раздела или главы.

Выберите ширину и высоту, разрешение:

  • для печати (ширина не больше A4, помните про деление на страницы и вставляйте разрывы страниц при необходимости);
  • для экрана (как скриншот будет смотреться на планшетах и мобильных, учитывайте особенности скриншотов, сделанных на Retina);
  • комбинированный подход – Conditional Output (Help+Manual, Confluence — Scroll Versions plugin, Flare). При таком подходе можно делать несколько версий каждого скриншота.

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

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

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

Если вы вырезали часть окна, то можно показать обрезанный край с неровной кромкой или прозрачностью:

Важные элементы или мелкие детали можно увеличить, чтобы сделать акцент:

Для акцента можно также использовать выделение с помощью цвета – оставить цвет у целевого элемента (панели), а остальные обесцветить:

Добавьте рамки, тени, стрелки, подписи, размытие по вкусу. Главное – соблюдайте единообразие и придерживайтесь ваших стайлгайдов:

Используйте интерактивные элементы (для HTML):

  • лайтбокс как в Confluence, можно с галереей;
  • увеличение (как товары на Ebay);
  • слайдер;
  • image map с тултипами (пример 1, пример 2).

И ещё несколько советов.

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

Читать еще:  Как сделать двуспальную кровать своими руками

Переиспользуйте стандартные компоненты (иконки, панели, диалоги). Хороший пример — Confluence Inclusions Library.

Разместите список основных иллюстраций (лучше — со ссылками на иллюстрации) после содержания или в конце мануала.

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

Если вы делаете мануал для мобильного приложения, скорее всего, у вас будет очень много скринов. Покажите навигацию между скринами. Так пользователь легче поймет взаимодействие и переходы, даже не читая текст.

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

А еще рекомендую прочесть эту статью с очевидными, но полезными советами.

Заключение

Правильные скриншоты улучшают любой хелп или мануал, делают их понятными и наглядными. А чтобы сделать правильные скриншоты, надо хорошо подготовиться и затратить немало единиц времени, внимания и энергии. Например, в нашей практике встречались непростые продукты, скриншоты которых стоили не обычные $1-2 за штуку, а $5 и даже $10. Кстати, если вам потребуется помощь со скриншотами или с хелпами целиком — мы всегда на связи 😉

А вообще, идеальный скриншот (и мануал в целом) — это тот, который не надо делать. При правильном подходе к UX и UI можно задействовать привычные и очевидные пользователю паттерны навигации и поведения, не нуждающиеся в описании и пояснении.

Будет круто, если в комментариях вы поделитесь своим опытом по поводу создания скриншотов. Инструменты, процесс, размеры, подписи, стили, хранение, автоматизация — интересны любые практические советы!

P.S: Спасибо за статью нашему гуру создания технической документации Александру Зинчуку

Alconost занимается локализацией приложений, игр и сайтов на 60 языков. Переводчики-носители языка, лингвистическое тестирование, облачная платформа с API, непрерывная локализация, менеджеры проектов 24/7, любые форматы строковых ресурсов.

Мы также делаем рекламные и обучающие видеоролики — для сайтов, продающие, имиджевые, рекламные, обучающие, тизеры, эксплейнеры, трейлеры для Google Play и App Store.

Захват экрана на смартфоне

Сделать скрин на смартфоне можно и стандартными средствами мобильной операционной системы, и при помощи специальных приложений.

Чтобы сделать скриншот экрана на устройстве Android, одновременно нажмите кнопки питания и уменьшения громкости. Файл со снимком экрана будет сохранен в «Галерее», в папке «Скриншот». Если на телефоне имеется расположенная под экраном кнопка «Домой», такая есть, к примеру, на некоторых моделях Samsung Galaxy, для съемки скриншота следует одновременно нажать кнопку «Домой» и кнопку питания.

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

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

Отредактировать скриншот или поделиться им можно не только сразу после съемки. Все снимки экрана сохраняются в отдельной папке. Вам просто следует выбрать нужное изображение и нажать на соответствующую кнопку.

Если стандартных возможностей редактирования скриншотов, которые немного отличаются на смартфонах разных производителей, вам недостаточно, в Google Play вы можете найти множество как бесплатных, так и платных программ для записи экрана, предоставляющих более широкие возможности для правки изображения.

Что касается смартфонов Apple iPhone, то на них создание скриншота по умолчанию осуществляется комбинацией клавиш Home + Power.

Как сделать красивый и полезный скриншот

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

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

3. Акцентируйте внимание на важном. Используйте стрелки и выделения.

4. Делайте аккуратно. На скриншотах не должно быть обрезанных кусков контента, а все стрелки и выделения лучше делать в едином стиле.

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

6. Думайте о цели. Сначала подумайте, зачем делаете скриншот, что хотите показать с его помощью. Когда понятна цель, легче сделать скриншот правильно.

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector