Как сделать хороший скриншот
Казалось бы, что может быть проще, чем сделать скриншот? Но друзья, партнеры и клиенты часто присылают скриншоты плохого качества, маленькие и залитые на домены с множеством рекламы. Все это отвлекает от сути.
Вот так, например:
Бесит, не правда ли?
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, чтобы изображения были четкими и качественными;
- сохраняйте изображения на внутреннем сервере или компьютере;
- отключите отображение курсора, чтобы он не портил скриншоты;
- используйте горячие клавиши для снимка части экрана.
- Управляйте вниманием читателей:
- корректно используйте рамки и стрелки для выделения одного элемента или последовательности действий;
- не стройте слишком длинные последовательности, разбивайте такие скриншоты на несколько отдельных, или группируйте однотипные действия.
- Соблюдайте гармонию:
- убедитесь, что не обрезали важную информацию;
- унифицируйте графические выделения (толщину линий, цвет) ;
- обращайте внимание на пропорции и симметрию.
- Помните о конфиденциальности и «размывайте» все тайное.
На скриншотах все должно быть красиво и логично, вне зависимости от того, кому вы их показываете: начальнику, другу или многотысячной аудитории блога. Все любят, когда о них немного заботятся.
Комментарии:
Новости, доработки и обновления в услугах, блоге, Академии блога и Кластере....
23 07 2026 18:25:21
Помимо полезного и качественного продукта, услуги, компании нужен мощный маркетинг. И возможно это только благодаря хорошему директору по маркетингу. Только так это работает. Кто лучшие в этой нише в Казахстане? Узнать!...
22 07 2026 10:22:44
О работе, креативности, мотивации и многом другом....
21 07 2026 16:20:12
Благодаря внедрению интеpaктивной формы подписки увеличили количество ежемecячных подписок на 100%, доход — на 51%, а коэффициент транзакций — на 71%....
20 07 2026 22:24:16
Сериал «Ход королевы» взорвал интерес к шахматам, и вот насколько сильно...
19 07 2026 17:30:47
Ошибки, которые допускают новички и теряют деньги, трафик, клиентов....
18 07 2026 10:58:52
Идеи для интернет-маркетологов, как получить дополнительные каналы трафика и сделать заметным сниппет в поисковой выдаче....
17 07 2026 4:13:17
Актуальный обзор особенностей работы онлайн-проектов в Казахстане...
16 07 2026 4:48:24
До понижения в органической выдачи Гугл у сайта есть около 15 дней с момента появления сообщения о вредоносном контенте....
15 07 2026 11:26:34
Необходимый элемент для защиты контента от копирования и в то же время — шанс стать популярным автором. Тем не менее, от водяных знаков отказываются. Узнать больше!...
14 07 2026 12:35:13
Что нужно, чтобы реклама в интернете приносила прибыль....
13 07 2026 22:25:41
88% времени в телефоне люди проводят в приложениях. Рассказываем, как их можно создавать без написания кода....
12 07 2026 11:32:59
Тестирования наличия важных тегов на целевых страница — бесплатный скрипт и алгоритм...
11 07 2026 6:20:58
Рекомендации и мнения экспертов по одной из самых противоречивых тем украинского интернет-прострaнcтва....
10 07 2026 3:34:22
Читать только интернет-маркетологам, SMM, PPC и SEO-специалистам....
09 07 2026 22:51:39
Цели у личных сайтов могут быть разные, но в первую очередь они помогают рассказать историю о специалисте...
08 07 2026 1:23:38
Всё что нужно знать про контекстную рекламу — Как выглядит, какая бывает, сколько стоит, популярные сервисы и др....
07 07 2026 2:52:24
Какой контент публиковать в Instagram, зачем ставить хештеги, какие активности интересны пользователям инсты, как ведут свой Инстаграм топовые бренды. Узнать больше!...
06 07 2026 5:35:47
Как создать популярный и удобный магазин в интернете, какой должна быть его раскрутка и многое другое, прозвучавшее на круглом столе 8P 2017...
05 07 2026 15:46:35
Бизнесу следует позаботиться о том, чтобы представить отзывы на всех площадках (как минимум на тех, которые есть на трех страницах выдачи), где только может искать информацию пользователь. Узнать больше!...
04 07 2026 20:41:26
Почему важно знать детали создания и защиты уникального контента? Потому что это позволит защитить ваш сайт от санкций поисковых систем из-за неуникального контента...
03 07 2026 5:38:28
Как Netpeak продвигал Cifrus.ru, один из ведущих магазинов цифровой техники в Москве....
02 07 2026 15:27:14
Попасть в топ 3 — ваш предел мечтаний? Почему и когда это не принесет ожидаемых результатов, плюс другие не актуальные убеждения о PPC. Узнать больше!...
01 07 2026 22:42:29
Насколько классно продается женская одежда в интернете....
30 06 2026 6:46:13
Где и как разработчик может подобрать ответственных удаленщиков, как составить техническое задание, чем контролировать качество работы...
29 06 2026 0:30:23
Распределение бюджета на кампании в Google Рекламе. Обозревает Григорий Крутий....
28 06 2026 18:26:31
Кейсы, фишки и советы, опыт крупных брендов, маркетологов....
27 06 2026 7:22:51
Сторителлинг — это способ рассказывать истории, его цель — дать возможность читателю или зрителю почувствовать себя героем этой истории,...
26 06 2026 22:43:59
Как грамотно раскрутить пиццерию. Сняли фильтр и достигли хороших результатов....
25 06 2026 17:58:24
Что нового, Netpeak? Новые стратегии контекстной рекламы и email-маркетинга, новая рубрика в блоге, а также о специфике работы отдела продаж Netpeak в карантин и о законах построения партнерской программы — всё читайте в материале!...
24 06 2026 5:52:58
Supplemental results, они же «сопли» или дополнительные результаты — страницы и документы сайта, которые не находятся в основном индексе Google...
23 06 2026 22:13:39
Мы решили определить и раскрыть самые популярные вопросы по работе нового алгоритма Google Колибри...
22 06 2026 2:59:46
Мануал по созданию удобного планировщика повторяющихся действий....
21 06 2026 1:20:27
Новый тип рекламных кампаний, который помогает расширить целевую аудиторию. Потенциальных покупателей можно найти среди людей не знакомых с вашим брендом....
20 06 2026 14:39:33
Почему стоит внимательно относиться к выбору библиотеки JavaScript....
19 06 2026 22:15:44
Короткий кейс и рекомендации по защите аккаунта от взлома....
18 06 2026 10:34:10
Бухгалтерский мир Netpeak: цель, задачи, мотивация....
17 06 2026 15:29:38
Ссылка с сайта с высоким тИЦ уже не считается качественной. Хороший донор вычисляется по комплексу факторов. Большую часть работы придется делать вручную. Важно найти отличный сайт, с огромным количеством интересного контента, оцененного по достоинству читателями, и гармонично туда вписать свою статью со ссылкой...
16 06 2026 2:17:23
Метод настройки с помощью Google Tag Manager. Мануал с подробным описанием каждого шага — показываем на примере, как отслеживать веб-конверсии в рекламных кампаниях LinkedIn. Узнать больше!...
15 06 2026 6:44:51
Всё, что нужно знать заказчикам услуг о внутренней кухне PM-специалистов...
14 06 2026 11:55:32
Какие форматы видеорекламы логичнее купить для создания спроса на новую продукцию? Выясняем на примере кейса бренда Yves Rocher...
13 06 2026 13:15:40
Объясняем по пунктам, как создать и правильно настроить DSA c таргетингом на фид и содержание сайта...
12 06 2026 5:59:50
Как трафик CDN повлиял на систему интернет-магазина — палим кейсы...
11 06 2026 8:56:49
Процесс привлечения сторонних ресурсов отнимает основную часть времени у большинства основателей стартапов. Читайте руководство, которое поможет сделать этот процесс во время серии А более эффективным....
10 06 2026 22:45:12
Чтобы сделать что-то лучше, иногда надо довести это до абсурда. Так думают приверженцы теории «странных изделий» — chindogu...
09 06 2026 18:48:13
Для эффективного ведения контекстной рекламы необходимо отслеживать продажи. Как сделать это с помощью Google Tag Manager расскажем в этой статье...
08 06 2026 1:19:42
Как сэкономить на рекламе мобильных приложений в Facebook...
07 06 2026 9:43:44
Короткий прогон сервисов для аналитики активности в Твиттер....
06 06 2026 0:33:30
14 пунктов, которые помогут вам лучше изучить свой бизнес и подготовить эффективную SMM-стратегию...
05 06 2026 4:58:21
Знаете, как доменная зона Германии связана с криптовалютой, или почему в доменной зоне маленького острова площадью 10 квадратных километров зарегистрировано 20 млн доменов? Сейчас расскажем!...
04 06 2026 20:28:45
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
