Как сделать хороший скриншот > NetPeak - Независимость и осознанность
NetPeak Biz Tech    


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

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

< >

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

Вот так, например:

Бесит, не правда ли?

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. Конфиденциальные данные ваших клиентов будут в безопасности, а вы сэкономите время.

Выводы

  1. Настройте скриншотер:
  • выгружайте в формате PNG, чтобы изображения были четкими и качественными;
  • сохраняйте изображения на внутреннем сервере или компьютере;
  • отключите отображение курсора, чтобы он не портил скриншоты;
  • используйте горячие клавиши для снимка части экрана.
  1. Управляйте вниманием читателей:
  • корректно используйте рамки и стрелки для выделения одного элемента или последовательности действий;
  • не стройте слишком длинные последовательности, разбивайте такие скриншоты на несколько отдельных, или группируйте однотипные действия.
  1. Соблюдайте гармонию:
  • убедитесь, что не обрезали важную информацию;
  • унифицируйте графические выделения (толщину линий, цвет) ;
  • обращайте внимание на пропорции и симметрию.
  1. Помните о конфиденциальности и «размывайте» все тайное.

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



Комментарии:

Лучшие программы для исправления орфографических ошибок

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

14 07 2024 14:42:48

Почему SEO в агентстве стоит дорого — развернутый ответ для клиентов

Почему SEO в агентстве стоит дорого — развернутый ответ для клиентов Как формируется цена на услугу SEO, как достигается результат и почему поисковое продвижение выгодно только в долгосрочной перспективе от руководителя отдела продаж агентства Netpeak. Узнайте больше!...

13 07 2024 11:45:57

Как рекламировать недвижимость и анализировать статистику рекламных кампаний — кейсы Netpeak и Ringostat

Как рекламировать недвижимость и анализировать статистику рекламных кампаний — кейсы Netpeak и Ringostat Подборка для застройщиков, маркетологов и менеджеров по продажам...

12 07 2024 11:41:33

Какой таргетинг выбрать для объявлений в Google Ads

Какой таргетинг выбрать для объявлений в Google Ads Большинство рекламодателей знают и используют только 4-5 видов таргетинга, а остальные оставляют без внимания. А ведь правильно подобранная аудитория — это один из залогов успеха рекламной стратегии. Поэтому обязательно тестируйте новые таргетинги...

11 07 2024 3:18:11

SMM без купюр. Наш тёплый ламповый SMM

SMM от Netpeak — это разработки стратегий продвижения, механики конкурсов, медиапланирование и постоянная интеpaктивная связь с клиентом с помощью «Личного кабинета»....

10 07 2024 5:40:30

От хорошего к великому

От хорошего к великому Большой проект Джима Коллинза и его комaнды. Одна из лучших книг в нашей библиотеке. Всем рекомендуется к прочтению!...

09 07 2024 11:16:10

«Волшебный пинок»: вдохновение от знаменитостей. 11 мотивирующих речей

«Волшебный пинок»: вдохновение от знаменитостей. 11 мотивирующих речей Джефф Безос, Стив Джобс, Билл Гeйтс, Джимм Керри и другие. Собрали для вас подборку крутых выступлений людей, которые знают, как добиться ... в общем-то, всего. Читайте их основные тезисы, а главное — послушайте....

08 07 2024 9:18:18

Что такое внутренние дубли страниц и как с ними бороться?

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

07 07 2024 16:55:36

Алгоритм LSA для поиска похожих документов

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

06 07 2024 22:16:47

Instagram: что нужно внедрить в 2020 году

Список рекомендаций для SMM-специалистов. Статья будет полезна SMM-менеджерам, проектным менеджерам, а также владельцам бизнеса, которые предпочитают самостоятельно ставить комaнде задачи и отслеживать выполнение целей....

05 07 2024 6:13:41

Какие элементы продающего текста нужно тестировать

Какие элементы продающего текста нужно тестировать 89% предпринимателей не тестируют свои продающие тексты. О том, что и как нужно тестировать, рассказал в гостевом посте директор Студии эффективных текстов Владимир Руков....

04 07 2024 14:21:11

Что такое админ-панель сайта и как туда попасть

Чтобы попасть в админку сайта, необходимо определить, какая именно CMS используется. Для этой цели подойдет ручной анализ сайта и его HTML-кода, а также онлайн-сервисы...

03 07 2024 9:43:25

Особенности доменов второго уровня

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

02 07 2024 22:33:45

Алгоритм EAT — за квалифицированный контент. Что это значит для SEO

Алгоритм E-A-T теперь следит за экспертностью, авторитетностью и достоверностью контента. Что это значит?...

01 07 2024 1:52:10

Список Telegram-ботов для SMM-специалиста

Список Telegram-ботов для SMM-специалиста Лайфхаки, как упростить работу с соцсетями от специалиста агентства Netpeak и ежедневной работы SMM-специалиста. Телеграм-боты, которые облегчат рутину и сэкономят время. Узнать больше!...

30 06 2024 8:30:50

Белое и черное SEO, алгоритм Google и будущее интернета — простые ответы от Артема Бородатюка

Белое и черное SEO, алгоритм Google и будущее интернета — простые ответы от Артема Бородатюка Как работают SEO-специалисты, что нужно знать о принципах работы алгоритмов Гугл, как продвигать мобильные приложения и каким образом может монетизироваться Телеграм. Узнать больше!...

29 06 2024 16:59:43

Отчеты Google ***ytics — подробное руководство с объяснениями

Отчеты Google ***ytics — подробное руководство с объяснениями То, чего нет в справке — подробный обзор отчетов Google ***ytics: в режиме реального времени, по аудитории, источникам трафика, поведению, конверсии. Узнать больше!...

28 06 2024 20:29:52

Netpeak Agency SEO Tool: обзор и фишки для специалистов

Netpeak Agency SEO Tool: обзор и фишки для специалистов Как расширение от Netpeak может облегчить работу над важными SEO-задачами....

27 06 2024 1:43:54

8 секретов крутых заголовков для 1000 репостов в соцсетях

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

26 06 2024 18:13:55

Массовые изменения в Google Ads Editor

При работе с рекламным аккаунтом приходится вносить много однотипных изменений. Рассказываем, как сделать это быстро....

25 06 2024 4:43:25

Тактики видеомаркетинга — как покорить алгоритм YouTube

Тактики видеомаркетинга — как покорить алгоритм YouTube Отмена видео-сниппетов в выдаче Google, удаление страницы с тегами и инструмента подсказки ключевых слов в YouTube — все события последних месяцев свидетельствуют: Google всерьёз взялся за видеохостинги и решил изменить правила игры для видеомаркетинга в...

24 06 2024 10:43:28

Как собрать миллион подписок на рассылку за год: советы от BuzzFeed

Как собрать миллион подписок на рассылку за год: советы от BuzzFeed Рассылка ежемecячно занимает второе место среди источников реферального трафика BuzzFeed. Уроки увеличения базы подписчиков от BuzzFeed от базы до метрик оценки. Принцип BuzzFeed — как можно быстрее внедрять в рассылку то, что нравится читателям....

23 06 2024 8:13:59

За авторку замолвите слово. Как и зачем использовать феминитивы

За авторку замолвите слово. Как и зачем использовать феминитивы Прежде чем использовать феминитивы в коммуникации со своими клиентами и сотрудниками, убедитесь, что им это нужно и важно. Впрочем, ждите негатива при любом раскладе. Что с ним делать? Рассказываем....

22 06 2024 6:41:36

Гeймификация: игровые сценарии для развития бизнеса

Гeймификация: игровые сценарии для развития бизнеса О том, как сделать сайты интереснее и эффективнее. Гeймификация — применение игровых сценариев и элементов вне игровых контекстов. Это не про создание игр, это про поиск решений, которые помогут сделать любую работу интереснее. Читайте дальше!...

21 06 2024 7:11:29

Главные инструменты увеличения продаж в интернет-магазине

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

20 06 2024 9:18:32

Кейс по таргетированной рекламе в тематике «женская одежда»: ROMI 76%

Кейс по таргетированной рекламе в тематике «женская одежда»: ROMI 76% Насколько классно продается женская одежда в интернете....

19 06 2024 16:23:56

Как переселить стартап в Кpaков: советы от Ярослава Легенчука

Как переселить стартап в Кpaков: советы от Ярослава Легенчука Ярослав Легенчук поделился историей успешного «переезда» площадки IT-продукта из Рунета в страны ЕС...

18 06 2024 11:51:51

Недостатки популярных CMS интернет-магазинов: 1C-Битрикс, Magento, OpenCart, WooCommerce, CS-Cart

Недостатки популярных CMS интернет-магазинов: 1C-Битрикс, Magento, OpenCart, WooCommerce, CS-Cart Как новичкам в ecommerce выбрать первую CMS. Преимущества и трудности работы для крупных и небольших интернет-магазинов, русскоязычные и мультиязычные, с активной техподдержкой и без нее. Узнать больше!...

17 06 2024 5:12:22

Как настроить таргетинг для рекламы в Instagram и Facebook

Как настроить таргетинг для рекламы в Instagram и Facebook Запускаем первую таргетированную рекламу. Мы составили инструкцию для начинающих таргетолов, а также для SMM-специалистов, которым регулярно нужно рекламировать товары и услуги. Читайте подробнее!...

16 06 2024 6:16:12

Особенности SEO-продвижения сайтов медицинской тематики

Особенности SEO-продвижения сайтов медицинской тематики Более строгие требования к таким ресурсам обуславливают свои подходы....

15 06 2024 16:25:41

Как создать фид динамического ремаркетинга для Facebook без программиста

Как создать фид динамического ремаркетинга для Facebook без программиста Бесплатно, быстро и безопасно. Но есть и минусы. Узнать больше!...

14 06 2024 22:44:36

Как получать данные от сторонних сервисов — создаем вебхук с помощью Google Apps Scripts

Как получать данные от сторонних сервисов — создаем вебхук с помощью Google Apps Scripts Всё о вебхуках. Как настроить механизм получения уведомлений о событиях с помощью функций обратных вызовов....

13 06 2024 8:36:16

Кейс по рекламе в прайс-агрегаторах в тематике «гаджеты и аксессуары»: ROMI 869%

Кейс по рекламе в прайс-агрегаторах в тематике «гаджеты и аксессуары»: ROMI 869% Мир гаджетов на Android и IOS. ROMI (возврат маркетинговых инвестиций) по валовой прибыли: 764%....

12 06 2024 17:13:24

Как сделать зеркало сайта

Как сделать зеркало сайта Зеркалами считаются сайты с разными доменными именами, но идентичным контентом...

11 06 2024 1:39:31

Кейс avtokrisla.com: триггерное письмо «Заказ оформлен» как дополнительный источник прибыли

Кейс avtokrisla.com: триггерное письмо «Заказ оформлен» как дополнительный источник прибыли Многие недооценивают триггерное письмо после оформления покупки, а зря. И вот почему....

10 06 2024 17:25:22

35 ошибок при А/В-тестировании

35 ошибок при А/В-тестировании Опыт контент студии WordFactory и 14 экспертов интернет-маркетинга....

09 06 2024 1:56:56

Создаем спрос на бренд с помощью видеорекламы — кейс в тематике «металлопластиковые окна»

Создаем спрос на бренд с помощью видеорекламы — кейс в тематике «металлопластиковые окна» Как продвинуть бренд в конкурентной тематике? Читаем новый кейс по видеорекламе....

08 06 2024 16:38:52

Как увеличить продажи с помощью местных экспертов от Google — советы локальному бизнесу

Как увеличить продажи с помощью местных экспертов от Google — советы локальному бизнесу Информация для SEO- и PPC-специалистов, маркетологов и предпринимателей малого бизнеса...

07 06 2024 3:55:39

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту Читайте, если не хотите «слить» бюджет. Определите конкретные цели и УТП, соберите аналитику, идите к специалисту без опыта работы в конкретной нише и другие рекомендации эксперта. Читайте подробнее в статье!...

06 06 2024 5:34:48

Первопроходцы в нише ремонта мобильных телефонов в Казахстане — история Satel.kz

Первопроходцы в нише ремонта мобильных телефонов в Казахстане — история Satel.kz Satel является одним из топовых игроков онлайн-маркета, но на старте интернет в качестве канала продаж не рассматривался. Когда онлайн запустили на полную? Узнать!...

05 06 2024 17:27:52

Увеличиваем органический трафик — дооптимизация страниц сайта

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

04 06 2024 19:39:37

Google Apps Script: полезные функции и фишки для SEO (часть первая)

Google Apps Script: полезные функции и фишки для SEO (часть первая) Как автоматизировать рутину в Google Таблицах с помощью Google Apps Script...

03 06 2024 14:47:53

Кейс: настраиваем ремаркетинг на брошенную корзину

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

02 06 2024 21:24:43

AMP Google: что нужно знать об ускоренных мобильных страницах

Обновление от Google, запущенный в октябре 2015 года. Это просто веб-страницы, но в их основе находится AMP HTML, формат для максимального ускорения загрузки на телефонах...

01 06 2024 6:33:13

Email-маркетинг для интернет-магазина — как настроить, чтобы получить от 7 до 15% общего дохода

Email-маркетинг для интернет-магазина — как настроить, чтобы получить от 7 до 15% общего дохода Email-маркетинг увеличивает частоту транзакций. Показываем как это происходит и за счет чего. Делимся кейсом email-маркетинга для книжного интернет-магазина. Читать дальше....

31 05 2024 1:53:20

Мобильное приложение для бизнеса: на что обратить внимание до того, как заплатить разработчику

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

30 05 2024 13:35:46

Как мотивировать клиентов оставить отзыв

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

29 05 2024 19:24:10

Ответы сервера — подробная инструкция

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

28 05 2024 14:41:46

Спарта, поза гирлянды и микрочип: реклама июня-2021

Спарта, поза гирлянды и микрочип: реклама июня-2021 Чем удивляла, радовала и смешила реклама в социальных сетях в июне 2021 года...

27 05 2024 19:56:16

Сколько заpaбатывают интернет-маркетологи

Сколько заpaбатывают интернет-маркетологи Результаты четвертого опроса среди IT-специалистов по уровню зарплат интернет-маркетологов с интересными итогами от количества участников до самой высокооплачиваемой должности и среднего опыта в рынке. Узнайте больше!...

26 05 2024 2:56:26

Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::