как сделать так, чтобы вашу статью в базе знаний читали — Карьера на vc.ru
Привет! Мы в Teamly считаем, что для наполнения базы знаний не надо делать сложные иллюстрации или устраивать студийные съемки. Расскажем, как самому сделать скрины, гифки и видео, чтобы у коллег не вытекли глаза.
1175 просмотров
А что, разве текста недостаточно?
Спойлер: нет. Сплошное полотно текста мало кто захочет читать. Если не верите, попробуйте прочитать текст на скриншоте. Это одна из самых популярных статей на VC за 2022 год. У неё больше миллиона просмотров. Смогли бы вы осилить её, если бы она выглядела так?
А теперь представьте, что в таком формате вам нужно осилить более ста страниц документации. Скорее всего, после десятой захочется сброситься со стула. Пожалейте коллег, сделайте хотя бы небольшие визуальные вставки.
Оффтоп для тех, кто боится белого листа
Оффтоп для тех, кто боится белого листа
Бывает, что надо написать обучающую статью, а мысли — как обезьянка в голове Гомера Симпсона.
Для начала просто запишите все, что хотите сказать по теме. Если совсем ничего не идет, так и пишите: «Что-то мне не пишется». Часто после этого отпускает, и мысли сами приходят в голову.
После того, как все записали, посмотрите, насколько легко уловить смысл из этого текста. Там, где спотыкаетесь, просто замените этот фрагмент видео, картинкой, схемой и т.п. Если нет возможности сделать визуальную вставку — просто приведите примеры из жизни.
Если вы расскажете что-то реально полезное вроде «Как восстановить единственную версию отчета, который делал две недели», то материал будут читать с интересом. Пофиг на потрясающие картинки или слог Достоевского. Даже на опечатки всем пофиг.
Ну, с введением закончили. Поговорим о том, какими визуальными вставками можно заменить текст.
Скрины
Скриншоты — отличная иллюстрация. Они идеально подходят, чтобы показать, куда нажимать, и что должно произойти. Только не забудьте перед тем, как публиковать инструкцию, убрать из кадра все лишнее.
На скриншотах не показываем:
- финансовую информацию: номера транзакций, счетов, переводов и так далее
- то, что закрыто NDA
- личные ключи безопасности
- аватарки и имена людей, с кем ведем личную переписку
- вкладки браузера и меню на своем компьютере. Зачем коллегам знать, что в рабочее время вы сидите на Wildberries?
Сервисы для обработки скринов
Этими сервисами можно пользоваться не только для того, чтобы иллюстрировать статьи. Для текущих задач они тоже полезны. Например, нашли какую-то ошибку, выделили, быстро отправили скрин в чат вместо того, чтобы набирать сообщение.
На Windows 10 и 11 уже есть встроенный в браузер редактор скриншотов. Он сам появляется при нажатии на PrtScr. Там базовый набор инструментов для редактирования: размытие, стрелки, фигуры и возможность обрезать изображение.
2. Бесплатные программы для обработки скриншотов: Joxi и LightShot. Joxi — только для Windows. LightShot — и для Windows и для Mac. Но это не онлайн редакторы, их придется устанавливать на компьютер.
3. Если нужно сделать скрин длинной страницы, то не обязательно склеивать несколько скриншотов в один. Есть специальный плагин для Chrome, который сам скроллит страницу и скринит её. Он устанавливается буквально в один клик и не занимает память компьютера. Если надо заскринить страницу, просто нажимаете Alt + Shift + P. Вуаля, картинка готова!
Страница, которую заскринил плагин
Гифки
Иногда какой-то процесс можно показать не статичной картинкой, а гифкой.
Для того, чтобы быстро создать её, есть бесплатная программа LICEcap.
Пользоваться очень просто: выбираете область экрана, нажимаете на запись и получаете запись сразу в формате GIF. Только перед тем, как начинать запись, поставьте слева внизу рамки FPS 60, иначе гифка будет медленной.
Вот такую гифку мы записали через LICEcap. Правда, её пришлось сжать, потому что оригинал не влезал в редактор Виси.
Программа работает на Windows и MacOS. Единственная проблема: если у вас компьютер зависает даже на Excel, он не потянет такую программу.
Блок-схемы
Блок-схема идеально подходит, если нужно описать какой-то процесс, где есть много логических ответвлений. Наподобие такого: «Если X, сделай Y». Чтобы было понятнее, посмотрите на скриншот.
Например, эту схему мы использовали для обучающей статьи про эскалацию в работе команды
Нарисовать блок-схему можно в Diagrams.net. Раньше он назывался Draw.io. Инструмент совершенно бесплатный. Чтобы им пользоваться, нужен только аккаунт Гугл.
Там есть уже готовые шаблоны, которые можно редактировать и заполнять самому.
Самый простой способ визуализации: это выбрать какой-то готовый шаблон, который уже близок к вашей задаче, и менять его под себя: вписывать текст, удалять ненужные блоки или добавлять новые фигуры.
Много готовых фигур, из который можно собрать свою блок-схему
Если раньше вы блок-схемы никогда не рисовали, то советуем попробовать сначала на бумаге, а потом на компьютере.
Диаграммы
С помощью диаграмм хорошо визуализировать статистику и расходы. Диаграммы и графики можно создавать в Гугл-таблицах. Выглядит вполне прилично. Например, у вас есть вот такая таблица:
Чтобы сделать на основе этих данных график или диаграмму, сначала выделите нужные ячейки. Нажмите «Вставка» → «Диаграмма». Инструмент сам выбирает подходящий вид, в зависимости от типа данных.
Если вам не нравится, как выглядит выглядит автоматический вариант, можно настроить вид самому. Поля тоже можно перекрашивать в любые цвета.
Для примера мы выбрали вот такую диаграмму.
Пока она находится в одном файле с нашей гугл-таблицей. Если хотите вставлять её отдельно от таблицы куда-то еще, можно сохранить диаграмму в виде картинки в PNG.
Для этого кликните на диаграмму. Затем на три точки сверху. В выпадающем меню выберите «Скачать» → «Изображение в формате PNG».
Такие диаграммы создаются в Гугл-таблицах минут за пять, но выглядят неплохо. Их можно вставлять не только во внутренние обучающие материалы, но и в презентации для клиентов.
Видео
Хорошая новость: для корпоративного видео вам не нужен какой-то сложный монтаж, титры или наложение музыки. Достаточно простых средств. Но видео создаются поэтапно. Сейчас расскажем подробнее о каждом шаге.
Вариант 1: просто сделать запись для внутреннего пользования, когда нет времени писать сценарий и редактировать.
Выход: просто включите демонстрацию экрана и запись в Google.Meets или Zoom. Это самый быстрый способ. Подойдет, если информацию нужно дать очень срочно. На такую запись вы потратите меньше времени, чем на то, чтобы описать то же самое текстом. Качество картинки и звука там вполне приемлемое. Если успеваете, пропишите тайм-коды. Так людям будет проще найти нужную информацию.
Лайфхак: для наших внутренних обучающих курсов мы записывали 10-20-минутные лекции собственников бизнеса на видео. Лучше них никто не знает о том, как устроены бизнес-процессы в компании.
Технически это все реализовать очень просто. Достаточно купить простенький штатив, заранее подготовить вопросы, и просто записать ответы. Некоторые записи десятилетней давности все ещё актуальны, до сих пор пользуемся.
Вариант 2: вы хотите полноценный видеоурок. Тогда алгоритм усложняется.
Шаг 1: Написать сценарий.
Пропишите себе план: что планируете говорить и показывать на экране: какие именно кадры, и где будут переходы. Этот план поможет вам на записи и при монтаже.
Шаг 2. Записать картинку.
Мы советуем OBS Studio. Программа бесплатная, работает на Windows, MacOS и даже на Linux. В ней можно записывать скринкасты. Если хотите, чтобы кроме окна браузера было видно ещё и лицо, то можно вставить запись с встроенной камеры компьютера.
Заходим в программу → «Источники» → Нажимаем на + → Выбираем «Устройство захвата видео»
Устанавливаете положение и размер окна с вашим лицом и начинаете запись.
OBS Studio — это программа для записи стримов. Поэтому там можно добавлять на один экран не только изображение с веб-камеры, но и картинки, гифки и другие вставки. Алгоритм тот же самый, просто нужно выбрать другой источник.
Шаг 2. Записать звук
Здесь есть несколько вариантов.
Диктофон в телефоне
Голос там можно записывать вполне прилично. Но есть нюансы.
- Больше шансов хорошо записать звук дома, чем в офисе. В офисе много посторонних шумов, которые слышны на записи: звонки, разговоры и т.д. Если записывать звук дома, лучше делать это в комнате, а не в ванной: будет эхо.
- Все лишние вздохи, покашливания или оговорки все равно придется вырезать на монтаже или делать новую запись.
- Некоторые модели телефона искажают звук на записи. Это не значит, что у вас голос противный. Просто телефон его искаженно записал.
Купить микрофон на Алиэкспресс
Микрофон не ловит посторонние шумы, поэтому не нужно мучиться с монтажом и перезаписью. По сравнению с диктофоном на телефоне, звук, конечно, намного чище.Но имейте в виду: микрофон ещё надо настроить. Даже для программиста настроить микрофон с Али — это проблема. Если не уверены в своих силах, не покупайте.
Мастеринг звука
Можно улучшить звук с диктофона с помощью онлайн-сервисов для обработки звука. Просто берете звучание, которое вам нравится → загружаете в сервис две версии: свою и идеальную → сервис сам подтянет вашу версию до идеальной.
Есть хороший сервис: Songmastr. Им можно пользоваться онлайн, без регистрации и установки. Принимает записи только в формате WAV или MP3. Но их можно предварительно прогнать через любой конвертер, если у вас другой формат.
Шаг 3. Смонтировать все это
Мы рекомендуем два видеоредактора: VN и InShot. В них можно монтировать и на компьютере, и на телефоне. Интерфейс очень простой и интуитивно понятный.
Например, такое видео вполне можно смонтировать самому.
Редакторы позволяют редактировать и видео, и звук: обрезать, ускорять, замедлять, добавлять разные эффекты. Для учебного видео достаточно базового набора инструментов: обрезать (чтобы вырезать паузы, лишние фрагменты), наложить затемнение или звуковые эффекты, чтобы звук постепенно затихал.
А что бы вы посоветовали коллеге, который хочет сделать видео или гифку сам? Расскажите в комментариях.
Файл STL Автомобильный брелок — BMW e46 седан・Шаблон для 3D-печати для загрузки・Cults
Автомобильный брелок — Skoda Superb
1,04 €
Автомобильный брелок — BMW e36 седан
1,04 €
Автомобильный брелок — Hyundai Tuscon 2020
1,04 €
Автомобильный брелок — BMW e36 compact
1,04 €
Автомобильный брелок — BMW e36 touring
1,04 €
Автомобильный брелок — Hyundai i30 estate car
1,04 €
Автомобильный брелок — BMW e60 седан
1,04 €
Лучшие файлы для 3D-принтеров в категории Украшения
Valentine’s Day heart
0,60 €
Pumpkin support for modular ring
Бесплатно
Подставка для часов из слитка
0,96 €
Nasty Skull Ring
Бесплатно
Celtic Knot of Longevity Pendant
0,88 €
Dead Astronaut (Among Us Keychain)
Бесплатно
MonKeychain
Бесплатно
Бестселлеры категории Украшения
Медаль
1,76 €
keychains — Star Wars
2,29 €
Роза — Роза скульптурная
1,95 €
властелин колец
1 €
Заводчик часов / GyroWinder Premium
4 €
Кольцо для ключей Окно среды
2,50 €
Стойка для вешалок с обручами
3 €
Резак для полимерной глины *5 размеров 2 варианта резки /луна с листьями/EULITEC.
COM/CC/COPYRIGHTED LICENSE1,74 €
POLYMER CLAY CUTTERS Book/EULITEC.COM/CC/COPYRIGHTED LICENSE
1,89 €
Брелок Snes (брелок snes)
0,92 €
ЗОЛОТАЯ МЕДАЛЬ КАТАР 2022 ЧЕМПИОНАТ МИРА ПО ФУТБОЛУ
1,92 €
osos de 3 corazon san valentin 12 см
0,78 €
Резак для глины Tic Tac Toe Valentine’s Day
2,50 €
Кольцо пчелы
1,90 €
Starbucks Ornament Mini Tumbler Studded Keychain
2 €
ROYAL CROWN
1 €
Вы хотите поддержать Cults?
Вам нравятся Cults и вы хотите помочь нам продолжить наш путь самостоятельно? Обратите внимание, что мы — маленькая команда из 3 человек, поэтому поддержать нас в поддержании деятельности и создании будущих разработок очень просто. Вот 4 решения, доступные для всех:
РЕКЛАМА: Отключайте блокировщик баннеров AdBlock и кликайте на наши рекламные баннеры.
АФФИЛИАЦИЯ: Совершайте покупки онлайн, переходя по нашим партнерским ссылкам здесь Amazon.
ДОНАТЫ: Если хотите, то можно сделать пожертвование через PayPal здесь.
*ПРИГЛАШЕНИЕ ДРУЗЕЙ: * Приглашайте своих друзей, откройте для себя платформу и великолепные 3D-файлы, которыми делится сообщество!
Листья PNG Изображения Прозрачные Скачать Бесплатно
На этой странице вы можете скачать высококачественные бесплатные PNG изображения, картинки, картинки, фото в разном стиле, размере и разрешении. Все изображения листьев в формате PNG отображаются ниже и доступны в формате 100% PNG на прозрачном белом фоне для бесплатного скачивания.
листья PNG изолированное изображение
Размер изображения: 820×659
Размер файла: 499 Кб
5 апреля 2022 г.
Просмотрите и скачайте бесплатно Листья PNG Изолированное изображение, доступное в высоком качестве. Используйте это изображение свободно в своих личных дизайнерских проектах.
листья PNG изолированные фото Размер файла:
231 Kb Используйте это изображение свободно в своих личных дизайнерских проектах.листья скачать PNG изображение Размер файла:
607 Kb Используйте это изображение свободно в своих личных дизайнерских проектах.листья PNG изолированные фото
Размер изображения: 820×501
Размер файла: 266 Кб
Просмотрите и скачайте бесплатно Листья PNG Отдельные фотографии, доступные в высоком качестве. Используйте это изображение свободно в своих личных дизайнерских проектах.
Листья PNG HD Размер файла:
212 Кб Используйте это изображение свободно в своих личных дизайнерских проектах.листья PNG изображения
Размер изображения: 991×980
Размер файла: 63 Kb
Просмотрите и скачайте бесплатно Листья PNG Pic доступны в высоком качестве разрешения. Используйте это изображение свободно в своих личных дизайнерских проектах.
Листья PNG Файл
Размер изображения: 700×922
Размер файла: 393 Кб
Найдите и скачайте бесплатно PNG-файл с листьями, доступный в высоком качестве. Используйте это изображение свободно в своих личных дизайнерских проектах.
листья PNG изображения Размер файла:
649 Kb Используйте это изображение свободно в своих личных дизайнерских проектах.Листья PNG фото Размер файла:
1072 Kb Используйте это изображение свободно в своих личных дизайнерских проектах.Листья PNG фото
Размер изображения: 970×970
Размер файла: 673 Кб
Просмотрите и скачайте бесплатно Листья PNG Фотографии доступны в высоком качестве. Используйте это изображение свободно в своих личных дизайнерских проектах.
листья PNG клипарт Размер файла:
282 Kb Используйте это изображение свободно в своих личных дизайнерских проектах.Листья PNG фото Размер файла:
248 Кб Используйте это изображение свободно в своих личных дизайнерских проектах.листья PNG изолированные HD
Размер изображения: 510×600
Размер файла: 314 Kb
Просмотрите и скачайте бесплатно Листья PNG Изолированные HD доступны в высоком качестве разрешения. Используйте это изображение свободно в своих личных дизайнерских проектах.
листья PNG HD изолированные
Размер изображения: 512×512
Размер файла: 81 Kb
Используйте это изображение свободно в своих личных дизайнерских проектах.
листья PNG изображения Размер файла:
338 Kb Используйте это изображение свободно в своих личных дизайнерских проектах.Листья PNG
Размер изображения: 4961×4640
Размер файла: 13071 Kb
Найдите и скачайте бесплатно Листья PNG в высоком качестве. Используйте это изображение свободно в своих личных дизайнерских проектах.
листья PNG изображения Размер файла:
298 Кб Используйте это изображение свободно в своих личных дизайнерских проектах.листья PNG изолированный файл Размер файла:
148 Кб Используйте это изображение свободно в своих личных дизайнерских проектах.листья PNG изолированные фото
Размер изображения: 700×490
Размер файла: 119 Кб
Просмотрите и скачайте бесплатно Листья PNG Изолированное изображение, доступное в высоком качестве. Используйте это изображение свободно в своих личных дизайнерских проектах.
листья PNG скачать бесплатно Размер файла:
994 Kb Используйте это изображение свободно в своих личных дизайнерских проектах. Страница 1 из 912345. ..»Последняя »
701*312 211,05 КБ 435*771 230,24 КБ 593 * 903 806,32 КБ 1116*544 530,78 КБ 2116*1930 2384,99 КБ 553 * 737 309,76 КБ 922*635 524,15 КБ 1079*1113 1072,85 КБ 1369*791 627,48 КБ 1025*1591 3039,23 КБ 575 * 807 345,65 КБ 618*241 181,42 КБ 969 * 821 1198,15 КБ 1501*2669 3917,25 КБ 984*961 789,37 КБ 2010 * 2441 2359,05 КБ 549*290 154,98 КБ 1025*1730 1426,99 КБ 861*1545 2481,96 КБ 875*752 641,68 КБ 863*1266 557,48 КБ 607*1377 957,36 КБ 887 * 2408 1263,80 КБ 472 * 822 303,90 КБ 1025*1388 2110,98 КБ 1561*599 780,50 КБ 435*771 229,09 КБ 1708*2735 424,45 КБ 820*1024 613,98 КБ 343*601 133,30 КБ 550*759 282,86 КБ 348*562 267,24 КБ 2424*1060 1066,81 КБ 457*443 175,07 КБ 402 * 302 165,56 КБ 4365*2096 3862,39 КБ 363*380 381,06 КБ 361*457 117,84 КБ 408 * 637 295,56 КБ 648 * 1202 442,97 КБ 408 * 356 95,74 КБ 820*1024 379,28 КБ 885*862 710,41 КБ 1860*2317 3074,42 КБ 1025*1671 2035,36 КБ 2954 * 3367 8052,32 КБ 660 * 793 602,79 КБ 2579*1520 207,33 КБ 1025*1828 1763,82 КБ 836 * 1473 1576,35 КБ 1965*2047 973,89 КБ 701*780 363,25 КБ 635*491 287,20 КБ 640*1044 628,48 КБ 930*1391 824,63 КБ 2068 * 2265 2222,64 КБ 1180*1002 1079,99 КБ 509 * 692 347,89 КБ 1483*792 1415,46 КБ 941*986 1317,20 КБ 763*1468 648,91 КБ 795*498 309,99 КБ 601*495 574,06 КБ 960*577 318,25 КБ 2921*3001 697,45 КБ 991*991 1514,90 КБ 353*564 269,11 КБ 1025*1396 1568,22 КБ 410*681 239,97 КБ 519*645 580,03 КБ 686 * 365 61,30 КБ 725*404 218,97 КБ 518 * 776 315,25 КБ 3082*2991 16485,88 КБ 587 * 698 520,90 КБ 477*571 320,45 КБ 417*433 184,60 КБ 1658 * 739 895,28 КБ 914*1520 1581,70 КБ 873 * 2373 2168,63 КБ
Получайте наши лучшие фотографии еженедельно
Введите адрес электронной почты, и мы будем присылать вам наши самые популярные фотографии каждую неделю прямо на ваш почтовый ящик.