Скрин подписи как сделать

Блог Михаила Озорнина

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

Я подключился совсем рано, когда подписи скриншотов были совсем сырыми:

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

Общие правила

Про оформление подписей есть бюрошный совет: bureau.ru/bb/soviet/20140728. В нем Артём рассказывает о роли подписей, о том, как их ставить и как рисовать выноски. Подписчики учебника «Типографика и верстка» могут дополнительно посмотреть разворот 71.

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

Прием 1: УВЛ (убрать все лишнее)

Самое простое, с чего можно начать улучшение этой картинки — убрать очевидные сущности. Текста станет меньше, свободного места — больше, подписи станут компактней и аккуратней.

Слово button встречается 12 раз и все они используются, чтобы сказать «это — кнопка». Вообщем почти все элементы на этом скриншоте — кнопки, поэтому button безболезненно убирается:

Прием 2: вынести общее за скобки

Иногда от повторений нельзя избавиться совсем. В примере ниже повторяется не просто button, а filter button.

Убрать button можно, а вот от filter избавиться нельзя. Если убрать слово filter, то потеряется важный смысл. При этом filter button относится ко всем четырем действиям, все они — действия над сохраненными фильтрами. Нет необходимости писать про сохраненные фильтры 4 раза, можно написать один раз и больше не повторяться.

Фактически мы вынесли filter button за скобки, как в математическом выражении.

Прием 3: соблюдать теории близости

Нужно следить, чтобы при расположении подписей не нарушалась теория близости. Здесь надпись близка к чужой палочке, возникает путаница:

Прием 4: использовать естественное соответствие

Известный инженерный психолог Дональд Норман в своей книге «Дизайн привычных вещей» сформулировал принцип «естественного соответствия». Проще всего объяснить картинкой. Слева просто так, справа — естественное соответствие:

На этом куске скриншота все 4 иконки стоят ровно в ряд с одинаковыми отступами:

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

Прием 5: выравнивать текст осмысленно

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

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

За выравниваем всегда следят на транспортных схемах: правильное расположение названия станции помогает понять, где какая станция. Посмотрите, например, линейные схемы Московского метро: artlebedev.ru/metro/line-map.

Прием 6: убрать «почти, но не совсем»

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

Посмотрим на картинку:

Здесь много почти, но не совсем, всего 6 видов разного выравнивания:

Подписи будут аккуратней, если их выровнять друг относительно друга так:

Ещё примеры «почти, но не совсем» в посте Ильи Бирмана.

Прием 7: следить за типографикой

Подписи — неблагодарный для верстки формат: колонка узкая, а тут ещё могут появиться эти длинные русские слова. В узких колонках особенно важно следить за интерлиньяжем (межстрочным интервалом), лучше уменьшить его относительно базового. Filter и panel расположены так далеко друг относительно друга, что может показаться, что это две подписи. Если уменьшить интерлиньяж будет лучше:

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

Прием 8: редактировать текст

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

Прием 9: рассказывать по частям

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

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

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

Источник

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

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

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

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

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

Нужно:

НЕ нужно:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструменты

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

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

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

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

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

Оформление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

Источник

Как сделать скриншот на компьютере, если нужна картинка определенного размера

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

Бесплатный встроенный инструмент Windows

Сперва разберем те инструменты, которые есть в Windows, а потом – некоторые утилиты сторонних разработчиков.

Скриншот всей области экрана

Чтобы сделать скриншот всей области экрана, вам не нужно устанавливать дополнительное ПО. Просто используйте сочетание горячих клавиш Windows+Print Screen (она же PrtScr):

Преимущество этого способа в том, что сделанный снимок сразу же сохраняется на жесткий диск. Очень ускоряет работу со всеми скриншотами. Минус – нельзя выбрать область экрана.

Сохраненный скриншот ищите в папке с документами. В зависимости от используемой версии Windows, такая папка может называться по-разному. Чаще всего – «Снимки экрана»:

Вот скриншот, который мы открыли в графическом редакторе и обрезали до необходимого размера вручную:

Чтобы сделать скриншот только активного окна, используйте сочетание клавиш Print Screen+Alt. Затем откройте любой графический редактор и вставьте снимок при помощи сочетания горячих клавиш Ctrl+V. Сохраните.

Скриншот заданной области экрана

Для этого можно воспользоваться встроенным инструментом Snip and Sketch («Ножницы»). Он есть во всех последних версиях Windows (7 и более поздние).

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

Snip and Sketch позволяет захватить экран, используя 4 вида форм: прямоугольный фрагмент, произвольной фрагмент, оконный и полноэкранный фрагмент:

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

Теперь его можно копировать в любой графический редактор и сохранять на жесткий диск.

Бесплатный встроенный инструмент macOS

Чтобы создать скрин на macOs, зажмите комбинацию клавиш Shift + Command + 5. Откроется небольшое меню. Здесь можно настроить скриншот:

Есть дополнительные параметры: место сохранения, таймер (чтобы скрин сделался с задержкой), отображение курсора и так далее.

Чтобы сделать скрин определенного размера, выберите пункт «Снимок выбранной области». Удерживайте любой из ползунков левой кнопкой мыши и растягивайте изображение. чтобы увеличить или уменьшить будущий скрин. Рядом с курсором будет отображаться разрешение скрина – под нужный размер его можно подогнать вручную.

Кстати, когда скрин будет готов, во встроенном фоторедакторе можно выделить нужную область картинки.

Возможны три варианта выделений: с затемнением ненужной области, с обводкой цветом или с увеличением заданной области.

Для этого зайдите в редактор изображений и выберите графическую фигуру:

Lightshot

Lightshot – удобная бесплатная утилита для захвата экрана, которая работает на всех версиях Windows и macOS.

Чтобы сделать скриншот области экрана, устанавливаем и запускаем Lightshot.

Подготавливаем экран и нажимаем Print Screen. Утилита предложит указать область экрана для захвата:

Выделяем необходимую область экрана, зажимая правую кнопку мыши. Приложение автоматически показывает, какое разрешение получится у скрина (левый верхний угол выделения). Чтобы изменить разрешение, увеличьте или уменьшите область выделения:

Если вы сделали некорректный скриншот, нажмите клавишу Escape.

Чтобы сохранить изображение, кликните по иконке:

Все скриншоты Lightshot по умолчанию сохраняет на рабочий стол.

SnagIt

Утилита для захвата скриншотов рабочего стола для Windows и macOS, но с кучей дополнительных возможностей. Программа платная: вечная лицензия обойдется вам в 50 долл. За эти деньги SnagIt научился:

Благодаря SnagIt вы можете скринить веб-страницы целиком, даже если они занимают несколько экранов и требуют прокрутки.

Чтобы сделать скриншот, скачайте и установите SnagIt. Подготовьте область экрана, которую нужно сфотографировать, и нажмите клавишу Print Screen. Откроется вспомогательное окно программы:

Все настройки разнесены по 3-м разделам: режим All-in-one, параметры для скриншотов (Image) и параметры для видео (Video). Так как нам нужно сделать статический скриншот – выбираем Image.

В разделе Image доступно 3 режима: ручной выбор участка, окно целиком, полный экран целиком.

Если нужно сделать скриншот заданного размера, в строке Selection, выбираем значение Region:

Обратите внимание: SnagIt позволяет захватить не только изображение экрана, но и текст отдельно.

Установленная горячая клавиша для скриншота будет отображаться фразу под кнопкой Capture:

Кликаем по кнопке Capture или нажимаем клавишу Print Screen. Выбираем область для захвата изображения. Удобно, что сразу отображается предварительное разрешение скриншота. Делаем скриншот. Находим его по следующему пути: %LOCALAPPDATA%\TechSmith\Snagit\DataStore

Monosnap (расширение для Google Chrome)

Monosnap – популярный инструмент для захвата экрана. Кроме расширения для браузера есть и stand-alone-версия, которая работает не только на Windows, но и на macOS.

В Monosnap доступны только спартанские возможности: можно сделать скриншот полного экрана или его отдельной области. Также есть поддержка меток + можно перенести файлы в облако.

Рассмотрим, как сделать скриншот необходимого размера в Monosnap подробнее.

Скачиваем расширение в Google Chrome. Запускаем. Сразу обратите внимание на иконку в расширениях:

Кликаем по ней правой кнопкой и выбираем пункт «Снимок области страницы»:

Чтобы ускорить работу при захвате выбранной области экрана, воспользуйтесь сочетанием горячих клавиш Shift+Alt+5.

Откроется новое окно, где нужно будет выбрать область экрана для захвата:

Выбираем корректную область и отпускаем клавишу. Откроется новое окно, где нужно нажать «Сохранить» в верхней части экрана:

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

Monosnap – полностью бесплатный инструмент.

Как подогнать картинку под нужный размер в Photoshop

Сделать скриншот заданного размера несложно, а времени экономит много: не нужно потом заходить в графический редактор и изменять картинку там.

Если вы все же предпочитаете делать снимок всего экрана, а потом кадрировать его, готовьтесь расчехлять «Фотошоп» и изменять размер картинки там. Вот как это можно сделать.

Как изменить размер фото в «Фотошоп»

Запускаем Photoshop и открываем необходимый скриншот. В разделе «Изображения» выбираем пункт «Размер изображения»:

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

Как видим, можно подогнать текущее изображение под готовые форматы печати (если вы планируете распечатать скриншот в дальнейшем):

Или вручную задать ширину / высоту / разрешение:

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

Как подогнать изображение под заданные пропорции в «Фотошоп»

Выбираем инструмент «Рамка» на панели инструментов Photoshop слева:

Теперь уточняем пропорции. Указываем те, которым должен соответствовать новый вариант скриншота:

Подтверждаем выбранный вариант, нажатием Enter. Сохраняем измененный скриншот как обычно – через функцию «Сохранить как»:

При необходимости уточните формат, качество экспортируемого изображения и другие параметры.

Как подогнать скриншот под необходимый размер

Сперва создайте новый проект:

Укажите необходимый размер изображения:

Нажмите «Ок». Откроется новое рабочее поле заданного размера:

Чтобы подогнать под него уже существующий скриншот, в разделе «Файл» выбираем функцию «Поместить встроенные» или нажимаем Ctrl+V, если только что сделали скрин:

Откроется окно выбора файла. Находим скриншот:

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

Если изображение меньше или больше рабочей области, зажмите курсором одну из четырех угловых точек и растяните картинку. Имейте в виду: лучше не растягивать картинку вверх, вниз или в стороны, чтобы не исказить скрин.

Источник

Как сделать скриншот экрана на телефоне и на компьютере — все лучшие способы

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

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

Из нашей статьи вы узнаете, как это сделать буквально в пару кликов.

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

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

Иногда нам требуется создать скриншот экрана. Многое зависит от операционный системы: стоит ли у вас на компьютере или ноутбуке MacOS или Windows и какой версии. В этой статье вы узнаете, как сделать скриншот экрана на компе с ОС Windows (Microsoft).

Для начала нам нужно узнать версию Windows, установленной на вашем компьютере. Сделать это очень легко: заходим в «Мой компьютер» (или просто «Компьютер»), щелкаем на него правой кнопкой мыши, чтобы появилось всплывающее окно, и щёлкаем на «Свойства». Если вы всё сделали правильно, то вы получите полную информацию про ваше устройство: от названия процессора и типа системы до версии операционной системы (Windows 7/XP/8/8.1/10).

Суть в том, что в каждой операционной системе скриншот делается по-разному. Давайте начнём по порядку, от старой доброй семёрочки до популярной и получившей распространение десятки.

Сперва вам нужно отыскать на клавиатуре клавишу, без которой сделать скриншот ну никак не получится – называется она Print Screen.

Сокращённо она также может называться PrtScr, PrtSc или Print Scrn, всё зависит от особенностей вашего ПК или ноутбука. У меня, например, на Lenovo она называется PrtSc и находится рядом с Insert и F12 – ищите эту клавишу примерно в той области, обычно она мелкая и неприметная.

Скриншот в Windows 7 и Windows XP

Сделать скриншот на виндовс 7 достаточно просто: нужно нажать клавишу Print Screen. Изображение экрана копируется в буфер обмена, отдельной папки для него не создаётся, к сожалению. А дальше поступаете как пожелаете: если вы хотите поделиться с другом снимком экрана, то просто нажимаете правую кнопку мыши и кликаете «Вставить» – изображение прикрепится как обычный файл. Если же вы хотите сохранить скриншот экрана на компьютере или ноутбуке, то придётся немножко попотеть. Именно из-за того, что отдельной папки для сохранения скриншотов в Windows 7 не предусмотрено.

Поэтому после нажатия клавиши PrtSc вам требуется открыть графический редактор Paint – обычно он быстро находится через нажатие «Пуска», где отображаются стандартные или часто используемые программы. Открываете редактор и действуете по стандартной схеме: клик мышки и «вставить». Готово! Теперь сможете обрезать изображение так, как вам захочется и сохранить его в любом месте на компьютере.

Привет. Я тут записал небольшой курс про то, как я создаю свои проекты с нуля, продвигаю их и зарабатываю. Будешь участвовать?

Аналогичные действия требуются в Windows XP. Следует отметить, что в обеих операционных системах для редактирования изображения подойдёт не только стандартный Paint, но и другие графические редакторы, вплоть до Adobe Photoshop.

Скриншот в Windows 8 и Windows 8.1

Как сделать скриншот экрана на ноутбуке или компьютере, если у вас установлена версия виндовс 8 или 8.1? Гораздо легче, чем в семёрке, поверьте. В Windows 8 вам не нужно пользоваться графическими редакторами или самостоятельно создавать отдельную папку для скриншотов – система автоматически её создаст, как только вы сделаете свой первый снимок экрана. По умолчанию изображения нумеруются в хронологическом порядке.

Для того, чтобы сделать скриншот в Windows 8 или 8.1, вам потребуется… всего лишь зажать одновременно две клавиши – уже известную нам PrtSc и Windows (обычно на клавиатуре обозначена логотипом компании, «окошечком»). Найти последнюю обычно можно в нижнем левом углу, между клавишами Ctrl и Alt.

Все сохраненные скриншоты хранятся в папке «Снимки экрана», которую вы можете найти в Изображениях или иногда Документах.

Скриншот в Windows 10

Пожалуй, самый распространённый запрос в поисковиках и над чем ломают головы тысячи пользователей – это как сделать скриншот экрана на виндовс 10. Здесь применяются два способа, один из которых мы уже рассматривали выше на примере Windows 7 и XP: путём нажатия клавиши PrtSc, когда снимок сохраняется в буфер обмена. Это позволяет моментально отправлять через функцию «вставить» скрин в сообщения или при публикации на стену в социальных сетях, однако для сохранения на жёсткий диск не предусмотрено создание отдельной папки. Поэтому по аналогии с Windows 7 сохранить скриншот на компьютер можно через любой графический редактор.

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

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

Собственно, никаких сложностей в вопросе как сделать скриншот экрана на компьютере нет. Нужно только твёрдо знать свою версию операционной системы и отыскать на клавиатуре волшебную клавишу PrtSc.

Лучше всего использовать отдельную программу для скриншотов на ПК

Тем не менее, существует специальная программа LightShot, которая позволяет не только сделать скриншот, но и отредактировать его прямо на месте. Она предназначается не только для Windows, но и для MacOS – вы можете скачать её независимо от версии вашей операционной системы, просто кликнув на нужную кнопку. Оговорюсь сразу: регистрация для скачивания программы не требуется.

Я пользуюсь именно этой программой, т.к. она абсолютно бесплатна, а установка занимает всего несколько секунд. После загрузки откроется новое окно в браузере, где вас поблагодарят за установку забавной картинкой с котиком – по мне, это очень интересный бонус от разработчиков LightShot. Для примера, вот видео по тому, как работает программа (видео на английском, но суть из него будет понятна без слов).

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

Также, если вы случайно нажали на PrtSc и хотите закрыть программу, достаточно просто нажать Esc (обычно находится в верхнем левом углу клавиатуры) или щёлкнуть правой кнопкой мыши и выбрать «Отменить».

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

После того, как вы сделали со скриншотом всё необходимое, по горизонтали вы можете выбрать, куда выгрузить изображение. Им можно поделиться в социальных сетях, распечатать, сохранить на компьютер или же просто скопировать (полезно, если нужно быстро вставить скрин экрана в документ, например). Как только вы завершили работу в LightShot, для выхода просто нажмите на крестик или же закройте окно сочетанием клавиш Ctrl+X.

Как видите, это достаточно простая в установке и использовании программа, в которой разберётся любой, независимо от уровня его владения ПК. Скачать программу можно здесь: https://app.prntscr.com/ru/.

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

Телефоны стали незаменимой частью нашей повседневной жизни – это неоспоримый факт. Мы постоянно носим их с собой в карманах и практически никогда не расстаёмся, чтобы всегда быть на связи.

Периодически возникает потребность сделать скриншот экрана телефона. Однако всё зависит от самого телефона – в большинстве нынешних смартфонов установлена одна из двух операционных систем: Android или iPhone OS (сокращённо iOS).

Как сделать скриншот экрана на Айфоне

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

Сделанные скриншоты ищите в приложении «Фото»>«Альбомы»>«Снимки экрана». Там вы можете отредактировать изображение, нажав на специальный значок – например, чтобы обрезать ненужные детали.

Обратите внимание:
Вдобавок к этому существуют приложения для создания скриншотов – они становятся незаменимыми помощниками, если, допустим, заела кнопка «домой». Давайте разберём самые высоко оцененные приложения из App Store.

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

В зависимости от версии Android, скриншот экрана на телефоне можно сделать тремя способами.

Обратите внимание:
Для андроидов также есть специальные приложения, доступные в Play Market. Они незаменимы, если телефон неисправен.

Заключение

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

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

Источник