Как сделать хороший скриншот
Казалось бы, что может быть проще, чем сделать скриншот? Но друзья, партнеры и клиенты часто присылают скриншоты плохого качества, маленькие и залитые на домены с множеством рекламы. Все это отвлекает от сути.
Вот так, например:
Бесит, не правда ли?
1. Настройте скриншотер
Для создания скриншотов я использую бесплатную программу KiberInfinity\\\'s Screen Shooter. Многие коллеги используют Monosnap (с его помощью также можно делать гифки).
Как сделать гифку из видео — два способа для новичков Статья в тему: «
1.1. Выгружайте в PNG
При сохранении в формате JPEG изображения сжимаются, поэтому скриншоты часто получаются размытыми и нечеткими.
Все дело в особенностях пикселей и альфа-каналах — если интересно, читайте подробности на Хабре.
Настройте сохранение в PNG по умолчанию. Для этого кликните правой кнопкой мышки по иконке скриншотера, перейдите в настройки и выберите нужный формат:
Формат можно поменять непосредственно перед сохранением скриншота:
1.2. Избегайте внешних серверов
Внешние серверы часто имеют ограниченный срок хранения изображения. Увы, был не очень веселый опыт, когда пришлось переделывать пpaктически все скриншоты к статье — пока редактировали текст, иллюстрации стали недоступны.
Надежнее настроить загрузку в FTP, или просто сохранить скриншоты на компьютер. Этот подход лучше и в плане безопасности данных.
1.3. Отключите отображение курсора
Если вы с помощью курсора показываете, на какую кнопку нужно кликнуть, — это допустимо. Но в других случаях курсора на картинке быть не должно.
Двойной курсор на скриншоте — ад перфекциониста
Чтобы раз и навсегда избавиться от этой проблемы, снимите галочку напротив пункта «Делать снимок экрана с курсором» в настройках скриншотера:
1.4. Используйте горячие клавиши
Горячие клавиши значительно ускорят работу. По умолчанию кнопка Print Screen позволит сделать снимок всего экрана, но чаще всего нужен не весь экран, а только определенный фрагмент. Установите в настройках скриншотера комбинацию горячих клавиш, которую вы будете использовать для снимка области:
2. Управляйте вниманием читателя
Не заставляйте читателя всматриваться в иллюстрации, чтобы разобраться, куда следует нажать или перейти. Выделяйте и нумеруйте нужные элементы, чтобы даже новичку было понятно что к чему.
Используйте любые средства выделения с умом и чувством меры: вы оставляете подсказки для пользователей, а не сигнализируете о cмepтельной опасности. Нужна определенная логика и эстетика.
Истории бизнеса и полезные фишки2.1. Как выделить один элемент на странице?
Чтобы обратить внимание на какую-то кнопку или графу, выделите элемент с помощью рамки, или поставьте стрелку:
Не используйте два типа выделения одновременно, такой подход оправдывает себя, только если объект очень незаметный.
Если на скриншоте простая форма, где не нужно объяснять каждое поле, можно вообще ничего не выделять
2.2. Как показать последовательность действий?
Чтобы показать цепочку из нескольких шагов, используйте стрелки или цифры. Предпочтение отдавайте стрелкам, так последовательность будет более наглядной:
2.3. Когда не стоит использовать стрелки?
В некоторых ситуациях лучше показывать последовательность цифрами. Если элементы расположены слишком близко друг к другу или, наоборот, далеко, стрелки будут выглядеть некрасиво:
Нужные элементы находятся слишком близко
Вести стрелку через весь экран нецелесообразно
Также стрелки плохо смотрятся, когда на одном скриншоте много выделенных элементов:
2.4. Не стройте слишком длинные последовательности
Будьте осторожны с цифрами — в краткосрочной памяти сложно удерживать более трех объектов одновременно.
При использовании подобных скриншотов в статье придется следить, чтобы последовательность совпадала с текстом публикации. Достаточно добавить один пункт в текст — и придется переделывать все скриншоты.
Например, здесь автор собрал длинную последовательность (показываем только часть):
При подготовке текста к публикации решили разбить скриншот на несколько блоков. Так проще воспринимать информацию, к тому же описание действия под скриншотом позволяет составить более полную и подробную картину.
2.5. Как выделить несколько объектов?
Если вы описываете не последовательность, а несколько отдельных элементов, используйте цифры, но помните, что в тексте должно быть соответствующее объяснение:
Также можно использовать стрелки с краткими подписями:
2.6. Группируйте однотипные действия и элементы
Картинки и скриншоты помогают упростить восприятие информации, но если вы пытаетесь выделить сразу много объектов, легко всех запутать, или запутаться самому.
В ситуациях, когда нецелесообразно разбивать скриншот на несколько, — ищите, какие элементы можно объединить в одну группу:
Так информация воспринимается проще и более структурировано.
3. Соблюдайте гармонию
3.1. Позаботьтесь о деталях
Логотип, окно с указанием периода, сопутствующие колонки на скриншоте могут быть важны для понимания и воспроизведения алгоритма действий. Часто к этим элементам относятся небрежно:
3.2. Унифицируйте выделения
Все выделения и символы в конкретной статье или отчете должны быть в едином стиле.
Обращайте внимание на толщину линий:
Цветовое разнообразие никто не оценит:
Если вы начинаете использовать разные оттенки без всякой логики, это сбивает с толку.
3.3. Пропорция и симметрия
Этот пункт для эстетов. Выравнивайте текст по одной стороне, аккуратно и симметрично обводите кнопки рамкой. — благодаря подобным мелочам можно получить аккуратную картинку:
Если хотите лучше понимать информационный дизайн, пройдите бесплатный курс по визуализации данных от Prometheus. Курс ориентирован на тех, кто будет работать с инфографикой, но короткие и понятные видео с общими советами обязательно пригодятся.
4. Помните о конфиденциальности
Некоторые детали лучше сохранять в тайне, например, идентификаторы аккаунтов или данные о доходе клиента. Для этого в скриншотере можно воспользоваться инструментом «Размытие»:
Если пишете, например, мануал по Google ***ytics, делайте скриншот в тестовом аккаунте Google. Конфиденциальные данные ваших клиентов будут в безопасности, а вы сэкономите время.
Выводы
- Настройте скриншотер:
- выгружайте в формате PNG, чтобы изображения были четкими и качественными;
- сохраняйте изображения на внутреннем сервере или компьютере;
- отключите отображение курсора, чтобы он не портил скриншоты;
- используйте горячие клавиши для снимка части экрана.
- Управляйте вниманием читателей:
- корректно используйте рамки и стрелки для выделения одного элемента или последовательности действий;
- не стройте слишком длинные последовательности, разбивайте такие скриншоты на несколько отдельных, или группируйте однотипные действия.
- Соблюдайте гармонию:
- убедитесь, что не обрезали важную информацию;
- унифицируйте графические выделения (толщину линий, цвет) ;
- обращайте внимание на пропорции и симметрию.
- Помните о конфиденциальности и «размывайте» все тайное.
На скриншотах все должно быть красиво и логично, вне зависимости от того, кому вы их показываете: начальнику, другу или многотысячной аудитории блога. Все любят, когда о них немного заботятся.
Комментарии:
На что обращает внимание система и менеджеры Google при проверке сайта и аккаунта....
16 03 2026 17:43:33
Алгоритм ссылочного ранжирования, который показывает ее значимость, в частности, для поисковиков. Важность показателя PageRank оспаривают, но до сих пор считают. Читать!...
15 03 2026 19:29:38
Как раскрутить виртуальный магазин женской одежды. Подробно рассказываем, что делали и чего достигли...
14 03 2026 21:33:46
Структура того, чем обладают сотрудники департаментов работы с клиентами лучших компаний....
13 03 2026 12:59:10
Мы запустили email с нуля и стали получать стабильный ежемecячный доход....
12 03 2026 22:56:31
Статья Оливера Гарднера посвящена различным аспектам оптимизации посадочных страниц: дизайну, контексту, созданию кнопки действия...
11 03 2026 10:47:54
Несколько фишек Google Tag Manager, чтобы сделать продвинутые списки ремаркетинга....
10 03 2026 14:34:15
Влияет ли значение показателя отказов на ранжирование сайта в поисковых системах и стоит ли переживать из-за высоких показателей отказов? Узнать больше....
09 03 2026 0:11:27
Раскрутить телеграм-канал с нуля до тысячи — реально. Раскрываем пошаговый алгоритм и даем рекомендации для SMM-специалистов....
08 03 2026 17:56:14
Сколько прибыли вы не получили в Google Ads из-за нехватки бюджета или низкого рейтинга ключевых слов. Метод покажется сложным, но в дальнейшем вы сможете бесплатно обновлять данные и контролировать потери показов и дохода по всем рекламным кампаниям...
07 03 2026 10:12:10
Продвижение монобренда: особенности, трудности, подводные камни. Ниша здоровья и красоты....
06 03 2026 3:50:18
Как с помощью ботов ControllerBot и BotFather упростить управление каналами и разнообразить контент....
05 03 2026 7:43:22
Многие специалисты недооценивают эффективность отчетов Яндекс.Метрики. Очень зря. Вот чем они могут быть полезны....
04 03 2026 2:59:18
Бесплатные продукты для онлайн-бизнеса — история внедрения freemium модели в сфере виджетов обратных звонков....
03 03 2026 2:57:21
Настроенная бизнес-страница компании в Instagram и на Facebook помогает в продвижении товаров и услуг в интернете. Поэтому так важно сделать их seo-friendly. Читать!...
02 03 2026 17:20:32
От создания аккаунта до выбора пикселя — просто и понятно про TikTok....
01 03 2026 15:28:47
От того, что такое оффер до лучших стратегий и избежания ошибок...
28 02 2026 23:43:47
Ошибка, которая может привести к полной потере контроля над вашим сайтом. Рассказываем, что это такое, какие могут быть причины поломки и как исправить. Узнать больше!...
27 02 2026 13:58:50
Создание, установка и оптимизация title и мета-тегов keywords, description у сайта, построенного на системе Drupal...
26 02 2026 15:58:30
Правила преобразования фидов в Google Merchant Center помогут сегментировать товары и сделать вашу рекламу более эффективной...
25 02 2026 9:14:31
При выборе SEO сервиса принято ориентироваться на объем ссылочной массы, но надежен ли такой подход? Большая база не всегда значит качество содержащихся в ней данных, а количество нередко обеспечивают спамные ссылки в отчетах....
24 02 2026 0:17:29
Менеджер экспортного направления Гугл Украина — об особенностях выхода на рынки разных стран мира....
23 02 2026 23:50:51
Решили перейти на Google ***ytics 4? Предлагаем разобраться, чем отличается инструмент от предыдущей версии и изучить новинки в отчетах «Демография» и «Технология»....
22 02 2026 9:30:10
Правильно выбранная соц. площадка поможет раскрутить бизнес эффективно....
21 02 2026 2:11:42
Программа действий, если захотелось удалить себя из ютуба, гугла и прочих социалок....
20 02 2026 10:49:16
Сортировка мусора, использование велосипедов вместо автомобилей, озеленение города... В Украине, как правило, так представляют экофрендли бизнес. Зарубежные компании идут дальше....
19 02 2026 21:57:14
Look-alike аудитории, таргетинг на участников групп, ограничение стоимости установки и другие вкусные фишки myTarget...
18 02 2026 20:21:13
Как тратить на ставки меньше денег и почему вырастает цена за клик, а также о том, как ее сделать ниже. Плюс список факторов, которые влияют на ставку для первой страницы для ключевого слова...
17 02 2026 4:33:53
Дизайнер, в частности технический дизайнер баннеров, — человек, который оформляет конкретную идею, текст и логотип в приемлемую визуальную форму. Все делают это по-разному, но конечный результат всегда зависит от четкости поставленной задачи...
16 02 2026 22:21:45
Специалистам часто приходится проводить вебинары и для этого нужна адекватная площадка. В инсайдерском посте мы рассказываем, как выбирали подходящую платформу для проведения вебинаров и что из этого вышло....
15 02 2026 16:54:11
Кейс SMM-специалиста Edu-CASH.com о том, что делать, если Facebook страница заблокирована. И почему могут забанить аккаунт даже популярного бренда. Узнайте в статье!...
14 02 2026 12:26:44
Как узнать, что потенциальный сотрудник креативный, умеет убеждать, работать в комaнде, адаптироваться к быстрой смене условий, владеет эмоциональным интеллектом? Вопросы для проверки этих софт-скиллов здесь....
13 02 2026 17:38:10
Для работы в интернет-маркетинге нужно хорошо разбираться в аналитике. Рассмотрим, как использовать в работе Google ***ytics 4 и чем он отличается от Universal...
12 02 2026 14:36:43
Стандартный образец для новичков. Форматы объявлений в РСЯ, чтобы начинающие специалисты по контекстной рекламе смогли быстро и эффективно запустить рекламные кампании. Интересно? Читайте дальше!...
11 02 2026 17:47:27
Комaнда Serpstat провела исследование среди интернет-маркетологов и создала виджет, который рассчитывает среднюю зарплату на основе опыта, навыков и знаний специалистов. Что из этого получилось, читаем в статье....
10 02 2026 13:53:18
Данные по 22,4 миллионам кликов в 46 тематиках и 392 населенных пунктах страны — собрана статистика исключительно по проектам агентства Netpeak. Узнать больше!...
09 02 2026 1:57:53
Качественные исходящие ссылки и исходящий мусор, который только вредит репутации сайта. Находим и отсеиваем....
08 02 2026 17:20:47
Узнайте, как пользоваться Инспектором и внутренними диаграммами Facebook, чтобы быть в лидерах своей ниши!...
07 02 2026 22:25:48
Быстро разогнать рекламные кампании и получить рост конверсий при повышении CPA до 100%. Как этого добиться — читайте в новом кейсе....
06 02 2026 3:49:40
Как получить трафик из песочниц контента в популярных изданиях....
05 02 2026 16:33:40
20 сервисов для прокачки контента под SEO. Штуки, которые будут полезны новичкам и экспертам....
04 02 2026 13:33:47
Private Blog Network для ниши безопасности, доставки цветов, товаров сантехники, туризма и выпекания. Сетки сайтов работают не всегда и это нормально. Узнать больше!...
03 02 2026 11:42:55
Как украинский бизнес использует Черную пятницу, чтобы увеличить продажи и привлечь клиентов. Одежда, детские товары, курсы английского языка, экзотические фрукты, постельное белье, посуда, бытовая техника, SMM-агентство и многое другое...
02 02 2026 10:19:28
Менеджер, маркетолог, дизайнер программист? Делимся секретами нетпик, каким должен быть специалист по рекламе...
01 02 2026 16:47:51
Сайту нужны внешние ссылки на сторонних ресурсах. Они могут повлиять на ранжирование вашего ресурса и трафик, а один из методов их получить — аутрич....
31 01 2026 12:24:16
Как владельцу стартапа пробиться сквозь сотни ежедневных сообщений, которые получает инвестор, создать эффективную цепочку писем и быть замеченным...
30 01 2026 5:12:46
Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...
29 01 2026 7:57:44
SEO-dashboard для сбора данных в Google-таблицы и отправка отчетов по email. Решение, которое поможет заметить глобальные изменения в потоках трафика. Узнать больше!...
28 01 2026 23:14:44
Советы от Agorapulse, Smarp, Readdle, Competera, Leadfeeder, Smartly, Toggl, Grammarly, .Io Media, MacPaw, Depositphotos, Promorepuplic, OWOX, Serpstat, Quokka и TemplateMonster для развития SaaS-продуктов...
27 01 2026 5:14:20
Какой рекламный инструмент использовать, чтобы получить максимальный результат...
26 01 2026 12:10:31
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
