Гід по використанню візуального контенту в інтернеті та соц. мережах

У людини, як і у багатьох ссавців, візуальне сприйняття є провідним. Простою мовою це означає, що зображення/відео/гифки і все, що відноситься до візуального контенту «чіпляє» людське око більше у порівнянні з текстом.

Підбір картинок не обмежується лише пошуком в браузері Google або фотостоках. Візуалізація контенту — це ціла наука, яка включає в себе майстерність підбору картинки, відчуття стилю і дизайну, знання юридичних і технічних моментів. У цій статті я поясню які зображення краще всього використовувати, де їх шукати для соціальних мереж і сайтів. А також пройдемося поверхнево по технічним вимогам. Зберігайте собі цю статтю, вона вам придасться на довгий час.

Навіщо потрібні картинки

Якщо говорити про Інстаграмі, то без них тут ніяк. Навіть у кожної нашої статті є як мінімум одна картинка: заголовна. Сама стаття може містити ще додаткові фотографії. Ми їх вставляємо не тому, що «всі так роблять». А для того, щоб читання тексту було зручніше. Іноді легше показати наочно картинкою, ніж пояснювати текстом. З допомогою картинок ми викликаємо у людей емоції. Вони можуть бути різними. Але головне, щоб вони були.

Перш ніж візуально оформляти якийсь розділ або абзац потрібно задати собі питання: «А чи потрібна тут картинка?». Якщо картинка не має ясної мети, значить, вона не потрібна. Іноді відсутність зображення набагато краще картинки, яка нерелевантна.

Іноді бувають випадки, коли використання картинки «прямо до місця». Але вона настільки заїжджена в Інтернеті», що навіть якщо ви написали супер-текст до неї, ефект вже буде не той. Під «заїждженими» картинками я маю на увазі ті, які ви вже бачили не перший раз в Інтернеті. Про те, де шукати візуальний контент або як створювати самому — поговоримо детальніше.

Візуалізація та її формати

Візуалізація, ілюстрування — всі ці слова мають одне значення. Візуальне подання різних видів інформації. І воно не зводиться тільки до фотографій. Це може бути:

• gif-анімація.
• відео-анімація
• відео
• інфографіка
• графіки і діаграми
• схеми
• малюнки
• скріншоти
• унікальні фотографії або з безкоштовних/платних фотостоков.

Як бачите, є маса варіантів проілюструвати контент. Я коротко розгляну кожний варіант. І почну з кінця.

Унікальні фотографії або з фотостоків

Майже у кожного є телефон з камерою. Це автоматично робить з вас фотографа-любителя. Такі фото виходять реальними, живими і головне, їх немає ні в кого, крім вас самих. Вони унікальні і ідеальні для соціальних мереж. Забийте в пошук в Інстаграмі #phonephotos або #mobileshot. Подивіться які фотографії люди знімають на смартфони. Одне чудо.

Смартфон — самий головний і ваш надійний джерело для візуального контенту в соціальних мережах. Робіть самостійні фотосесії. Це для вас щодо безкоштовно, якщо не вважати витраченого часу на це. Деякі йдуть далі і купують фотофоны і інші гаджети.

Також, покопатися в налаштуваннях камери. Як мінімум увімкніть «Сітку» для того, щоб використовувати один з найбільш простих правил композицій — «правило третин».

Для тих, хто розташовує бюджетом, будь фотограф радий надати свої послуги. Проводити фотосесії можна під різні завдання. Від створення персонального портфоліо до індивідуальної фотосесії для оформлення сайту. Буквально нещодавно натрапила на сайт, де видно єдиний, візуальний стиль на фотографіях команди в розділі «Про нас». Кожен співробітник був одягнений в стилі «білий верх, джинсовий низ». Якщо б кожен просто надав своє фото, візуальний ефект був би вже не той. А так відразу відчувається «стиль і маркетинг»

На випадок якщо вам потрібно знайти пару-трійку унікальних фотографій для сайту можна використовувати платні фотостоки (Depositphotos, Shutterstock). Але з фотостоками не все так просто для бізнесу. Для комерційного використання придатні фото тільки з ліцензією, якщо ви не хочете потім мати проблем у майбутньому.

Невеликий лікнеп по ліцензіях для фотографій

Безкоштовне використання для особистих/комерційних цілей:

Вам потрібна ліцензія Creative Commons. У неї є 6 типів, у кожного – свої обмеження. Спільним є необхідність зазначення авторства у всіх випадках. Але як показує практика, це не працює в реальності. Для комерційних цілей краще перестрахуватися. Напевно, ви захочете додати свій логотип на фото або щось змінити в ньому. Тому вибирайте з ліцензією.

• CC0 — означає передача у вільне використання (загальне надбання).
• CC-BY– допускається редагування і зміна зображень;
• CC-BY-SA – ліцензія поширюється на весь контент, створений на основі зображення;
• CC-BY-ND – будь-яка зміна зображення заборонено.

Платне використання фотографій в особистих/комерційних цілях:

Навіть якщо ви заплатили гроші за унікальне фото, автор має право виставляти свої умови. Тому читайте вимоги до використання:

• Royalty Free – можна використовувати тільки на умовах автора (кількість разів використання, дозвіл, термін використання), число продажів зображення автором не обмежена;
• Extended Royalty Free – розширена ліцензія Royalty Free;
• Right Managed – умови використання обумовлюються при продажу;
• Exclusive Buyout – покупець отримує ексклюзивне право використання, автор не може продати зображення комусь;
• Editorial – редакційні фото лише для ознайомлювальних цілей;
• Rights-Ready license – зображення під проект.

Скріншоти

Це швидкий знімок обраної області. Візуалізувати скріншотами потрібно покрокові, складні інструкції. Скріншоти можна робити на смартфонах і ноутбуках. Для останніх використовуйте або вбудовані програми на операційній системі або спеціальні програми: Joxi, LightShot, Ashampoo Snap.

Малюнки

Все, що ви не можете висловити фотографіями можна передати малюнками від руки. Ілюструвати з допомогою сервісів для малювання не так важко, як може здатися на перший погляд. Спробуйте використовувати Paint.NET, Flame, або Autodraw. У Autodraw намалювати картинку зможе будь-хто. Це під силу навіть дитині. Достатньо лише почати малювати маркером на бланку і програма сама запропонує вам підходящу картинку на верхній панелі на вибір.

Схеми або інтелектуальні карти

Коли-те видавництво «Манн, Іванов і Фербер» викладали майнд-мэпы за книгами. Рецензент читав книгу і становив карту ключових моментів. По-перше, інформація про вміст книги дуже структуровано подається. По-друге, займає оптимальний обсяг у порівнянні з текстом. По-третє, вам не треба бути копірайтером або дизайнером, щоб оформити інтелектуальну карту. Для цього скористайтесь скріншотами своїх майнд-мэпов з додатків: iMind Map, XMind, MindMeister.

Графіки і діаграми

Коли потрібно візуалізувати дані, статистику або числові показники, використовуйте графіки і діаграми. Для їх створення скористайтесь: Visme, Highcharts.

Інфографіка

Сподіваюся, це слово давно увійшло в ваш лексикон. Якщо раніше до оформлення інфографіки необхідно було залучати дизайнера, то зараз це під силу будь-якій людині, здатному розібратися з принципами роботи додатків для «недизайнерів». Для цього скористайтеся сервісами: Canva, PowToon, Piktochart. В основному вам потрібно просто вибрати шаблон і заповнити його своїми даними.

Відео

Відео — найпопулярніший формат після фотографій або я б навіть сказала, що «йде в ногу». Слово Youtube молоде покоління вчить відразу ж після того, як навчилися говорити «мама і тато». Дуже часто у блогерів в шапці профілю можна спостерігати посилання на їх Youtube аккаунт. Спочатку вони заливають туди відео. А потім публікують тизер в Інстаграмі. Але найкращий варіант для просування Інстаграма — це використовувати унікальні відео, зняті на смартфон або професійну камеру. Нагадую, що для Історій краще всього знімати вертикальне відео. Для головної, новинної стрічки в Інстаграмі — горизонтальне. Залізьте в налаштування свого телефону і виберіть потрібний дозвіл для відеозйомки. Самий очевидний параметр, яким можна в теорії підвищити якість ролика в Instagram — це зйомка в більш високому дозволі. Наприклад, у дозволі 4K. Чи експериментуйте з альтернативними варіантами.

При використанні чужих відео з Youtube або викачаних з Інстаграма обов’язково вказуйте автора. Або найкраще знімайте самі. Як користуватися Youtube всі знають. Не варто забувати ще про Vimeo і RuTube.

Відео-анімація

Для створення відео-анімації вам знадобляться декілька зображень, які ви можете «зліпити» в одне ціле відео. Додатково додавши текст, звук або музику. На рахунок музики для комерційного використання знову ж таки є юридичні моменти з ліцензією. Створювати відео-анімацію не складніше, ніж малювати за допомогою додатків. Для цього скористайтеся сервісами: Animaker, Moovly, Explee.

Gif-анімація

Своє походження формат GIF веде ще з вісімдесятих років, і набуває все більшої популярності, в тому числі і у звичайних користувачів. Гіфки дозволяють показати рух або покроковий процес. Просто завантажте відео, зображення або вкажіть URL картинок будь-якого з додатків Imgflip, Ezgif, Makeagif. В результаті отримаєте щось на подобу слайд-шоу. Також створити gif можна з готового відео.

Висновки

Як ви вже зрозуміли підхід до візуального контенту — «справа тонка» і вимагає певних навичок і знань. У цій статті я намагалася пояснити, що правильне ілюстрування не обмежується тільки підбором зображення для соціальних мереж. А якщо говорити про вибір картинок для сайту, то необхідно ще знати, як правильно оформити технічно зображення, щоб при ранжируванні пошукові системи оцінювали всі елементи сторінки. Вдалого просування!