Как сделать хороший скриншот
Казалось бы, что может быть проще, чем сделать скриншот? Но друзья, партнеры и клиенты часто присылают скриншоты плохого качества, маленькие и залитые на домены с множеством рекламы. Все это отвлекает от сути.
Вот так, например:
Бесит, не правда ли?
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, чтобы изображения были четкими и качественными;
- сохраняйте изображения на внутреннем сервере или компьютере;
- отключите отображение курсора, чтобы он не портил скриншоты;
- используйте горячие клавиши для снимка части экрана.
- Управляйте вниманием читателей:
- корректно используйте рамки и стрелки для выделения одного элемента или последовательности действий;
- не стройте слишком длинные последовательности, разбивайте такие скриншоты на несколько отдельных, или группируйте однотипные действия.
- Соблюдайте гармонию:
- убедитесь, что не обрезали важную информацию;
- унифицируйте графические выделения (толщину линий, цвет) ;
- обращайте внимание на пропорции и симметрию.
- Помните о конфиденциальности и «размывайте» все тайное.
На скриншотах все должно быть красиво и логично, вне зависимости от того, кому вы их показываете: начальнику, другу или многотысячной аудитории блога. Все любят, когда о них немного заботятся.
Комментарии:
Нескучный инструктаж на примере @netpeak_ua о том, зачем компании корпоративный Twitter для продвижения контента, компании или персоны. А еще про хештеги, поиск читателей, аналитику, стиль ведения вашего микроблога, создание сообщества и акции...
01 04 2026 17:37:31
Советы специалистов по продвижению интернет-магазинов в сверхконкурентной нише одежды и обуви...
31 03 2026 7:32:55
Полем битвы стала тематика кроваток, игрушек и прочих детских товаров, основным оружием в бою — контекстная реклама....
30 03 2026 9:36:25
Интересные маркетинговые методы, эффективные профессиональные хитрости и много другое прозвучало на круглом столе по фишкам контекстной рекламы...
29 03 2026 11:58:37
Пост о том, как и когда тратит деньги американский и украинский покупатель...
28 03 2026 15:45:47
Как борьба с зарплатным неравенством становится трендом...
27 03 2026 3:49:32
Настроить контекстную рекламу для сети гипермаркетов бытовой техники и электроники Mechta.kz...
26 03 2026 1:57:17
Лучшие маркетинговые ориентиры тем, кто захочет познакомиться с SEO и контекстной рекламе...
25 03 2026 14:48:30
По-настоящему работающих идей не так много, поэтому не стоит бояться творчески заимствовать лучшие наработки и адаптировать их....
24 03 2026 2:37:23
Динамический ремаркетинг — один из самых эффективных способов продаж для любой группы товаров. В этой статье мы поделимся тонкостями технической подготовки к запуску динамического ремаркетинга в Facebook....
23 03 2026 22:21:46
Бесплатная регистрация сайта в поисковых системах и каталогах – отличный способ увеличить объемы трафика и раскрутить собственный ресурс....
22 03 2026 8:51:21
Подборка для застройщиков, маркетологов и менеджеров по продажам...
21 03 2026 23:21:31
Бесплатно, быстро и безопасно. Но есть и минусы. Узнать больше!...
20 03 2026 5:42:46
Грамотно оформленные метатеги презентуют сайт, помогают пользователям быстро найти нужную информацию, а поисковым системам — повысить ресурс в выдаче...
19 03 2026 22:47:36
Используя для продвижения контекстную рекламу, большинство рекламодателей в Украине отдают предпочтение системе Google Ads. Директ однозначно не стоит недооценивать. Почему? Читайте в статье!...
18 03 2026 8:25:21
Опыт стартапа Paperform для стартаперов, которые боятся начать из-за ограниченного бюджета и/или отсутствия знаний в маркетинге. Надеемся, эта история вдохновит предпринимателей и поможет меньше сомневаться на счет запуска без бюджета....
17 03 2026 15:27:32
Проверенный способ для сбора базы данных. Метод, с помощью которого можно извлечь контактные данные, а именно: название точки, телефон, адрес, сайт., а потом высылать своё КП, промокоды для акции, сообщить о выходе товара, сделать спецпредложение...
16 03 2026 13:30:21
Как стать востребованным сео оптимизатором: 35+ ссылок для обучения и совершенствования своих знаний, а также советы...
15 03 2026 6:24:45
Сет по контекстной рекламе в тематике «разработка программного обеспечения»: снижение стоимости клика на 89%....
14 03 2026 19:34:55
Повышение посещаемости на сайте: контент, seo, ppc и многое другое...
13 03 2026 0:46:48
Виктория Игнатьева рассказала про опыт обучения на наших курсах....
12 03 2026 7:38:32
Бесплатные продукты для онлайн-бизнеса — история внедрения freemium модели в сфере виджетов обратных звонков....
11 03 2026 20:47:22
После обновления мессенджера появился нужный инструмент...
10 03 2026 1:21:46
Сбор ключевых запросов с помощью программы Кей Коллектор: показываем и рассказываем пошагово с демонстрацией процесса настройки с сервисом Яндекс.Вордстат. Читать дальше!...
09 03 2026 12:52:13
Как перенести сайт с http на https и сохранить трафик, потратив минимум времени....
08 03 2026 20:58:15
Как быстро создавать и запускать объявления, а также массово вносить правки в кампании с помощью файла Excel...
07 03 2026 1:53:57
Четыре способа исключить нерелевантные места размещения видеорекламы, а также полезные списки минус-слов и детских YouTube-каналов....
06 03 2026 20:41:31
Можно ли получить больше заявок, используя динамическую подмену заголовка? Кейсы в разных тематиках...
05 03 2026 8:27:43
В этой статье я покажу пример визуальной работы с закладкой и пошагово разберу процесс их создания и применения для удобства визуализации данных...
04 03 2026 21:48:31
Почему лендинги на Тильде выгодны бизнесу, какие задачи он решает, о форматах работы по услуге, детально о ее составе и спецпредложениях от Netpeak и наших партнеров по настройке контекстной рекламы, сервисов на лендинге и даже промокод на скидку Yagla...
03 03 2026 23:26:19
Как тратить на ставки меньше денег и почему вырастает цена за клик, а также о том, как ее сделать ниже. Плюс список факторов, которые влияют на ставку для первой страницы для ключевого слова...
02 03 2026 6:12:20
Баннерная реклама в фейсбуке. Обзор семи новых рекламных инструментов...
01 03 2026 23:49:11
Настройка целей в Google ***ytics, а также отслеживание событий....
28 02 2026 8:24:31
Всё о метриках загрузки сайта. Как проверить и отслеживать реальную скорость загрузки сайта и почему нельзя доверять показателям Pagespeed Insights....
27 02 2026 11:43:51
О том, какие результаты дает эта технология, рассказал Александр Иванов, Head of Product в ЛУН.ua в рамках прошлогодней самой летней конференции 8P. Читайте, как его комaнде удалось разогнать загрузку страниц сервиса Flatfy до 0,2 секунды...
26 02 2026 16:45:38
Нужен ли вашему проекту редактор? Как правильно его выбрать и оценить на собеседовании, а затем и в процессе работы?...
25 02 2026 16:41:19
Психологический бестселлер. Как достичь гармонии во всех делах и начать получать удовольствие от жизни, — об этом читайте в новой рецензии Константина Рябенко на книгу Михая Чиксентмихайи «Поток»....
24 02 2026 21:55:26
Как зарегистрироваться в приложении Facebook Business Manager и грамотно сделать и настроить аккаунт...
23 02 2026 0:49:16
В течение 2016 года Алексей Селезнев собирал данные о стоимости клика в разрезе разных стран, регионов и тематик. Итоги исследования, тренды и прогнозы читайте в этой статье....
22 02 2026 10:56:56
Как вести рекламные кампании и что делать на разных этапах настройки. Делимся опытом: примерами, кейсами и рекомендациями. Узнать больше и настроить свои РК, как боженька!...
21 02 2026 6:54:32
Дайджест-путеводитель по серии постов о работе с редакторами электронных таблиц для PPC-специалистов....
20 02 2026 3:47:25
Если хотите, чтобы кампании в контекстно-медийной сети работали эффективно, следует очистить площадки и ввести это в привычку...
19 02 2026 6:18:19
Фишинговая ссылка означает, что пользователей пытаются ввести в заблуждение в мошеннических целях, имитируя ссылку на авторитетный сайт....
18 02 2026 21:19:28
Не можете найти нужны отчёт в Google ***ytics? Или хотите ускорить поиск нужных данных и отчётов. В помощь ⏩ Обзор к Google ***ytics Intelligence....
17 02 2026 6:37:51
Чтобы создать позитивный образ компании, бренда, персоны или работодателя в поисковых системах, нужно приложить много усилий. Но, поверьте, результат того стоит. И начать стоит с репутационного аудита....
16 02 2026 3:50:17
Узнаем расширенную информацию о посещениях сайта с помощью языка R — кейс Netpeak...
15 02 2026 10:28:18
Отрывок из книги «Статистика: базовый курс в комиксах» Грейди Клейн и Алана Дебни...
14 02 2026 12:54:54
C какими сложностями пришлось столкнуться при создании интернет-магазина....
13 02 2026 4:18:30
Мы хотим найти и купить локальную комaнду SEO или PPC-специалистов. Как обычно, делаем предложение нестандартно — в блоге...
12 02 2026 22:26:21
Подробнейшая статья об эффективном использовании ремаркетинга. Мотаем на ус!...
11 02 2026 0:23:44
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
