Scrollytelling приказни
Кои се предностите и недостатоците, а кои алатки се достапни со отворен код
Раскажувањето како форма на медиумско презентирање на содржината постои откако постои и новинарството. Она што низ децениите се менувало е начинот на презентирање на овие раскажувачки приказни. Некогаш тие вклучуваа текст и фотографии во печатот, а денес претставуваат сѐ покомплексно и поцелосно доживување за публиката.
Со појавата на интернетот и со преминувањето на медиумите во онлајн сферата, овој простор им овозможи на новинарите/ките во една раскажувачка приказна да интегрираат повеќе формати. Па така денес можете во текот на една приказна да гледате видео изјави, да слушате аудио или пак да гледате инфографика. И сето тоа на едно место.
За да креирате статија која раскажува преку ефектот на промена, ќе треба да употребите алатка или платформа за веб развој за да ја изработите страницата која на корисниците/чките им овозможува движење низ содржината, а истовремено вклучува интерактивни елементи како што се графики, видеозаписи и анимации.
Како да започнете да креирате scrollytelling приказни
Ова се чекорите на кои треба да обрнете внимание при креирањето на scrollytelling статијата:
Photo by Etienne Girardet on Unsplash
Photo by Etienne Girardet on Unsplash
1.
Одлучете која е таа приказна што сакате да ја раскажете и соберете ја потребната содржина, вклучувајќи текст, слики, видео и аудиозаписи, податоци, инфографики и слично.
Photo by Marvin Meyer on Unsplash
Photo by Marvin Meyer on Unsplash
2.
Изберете соодветна алатка за веб развој или платформа за изработка на вашата веб-страница.
Photo by Jackson Sophat on Unsplash
Photo by Jackson Sophat on Unsplash
3.
Употребете HTML, CSS и JavaScript за да го дизајнирате изгледот на вашата веб-страница и да додадете интерактивни елементи.
Photo by Iñaki del Olmo on Unsplash
Photo by Iñaki del Olmo on Unsplash
4.
Користете ги JavaScript библиотеките за создавање на ефекти за движење и за анимација.
Photo by Vojtech Bruzek on Unsplash
Photo by Vojtech Bruzek on Unsplash
5.
Објавете ја вашата веб-страница на вашиот хостинг сервис и тестирајте ја на различни уреди и пребарувачи за да бидете сигурни дека е целосно приспособена.
Photo by Goran Ivos on Unsplash
Photo by Goran Ivos on Unsplash
6.
Имајте на ум дека за изработката на статии кои раскажуваат со оваа форма е потребно познавање на веб развојот, па може да биде корисно да имате искуство со HTML, CSS и JavaScript. Иако денес постојат и готови шаблони кои лесно можете да ги вметнете во вашиот систем.
Предностите и недостатоците на користењето на scrollytelling-от во новинарството
Предности
Атрактивност: Scrollytelling-от им овозможува на новинарите/ките презентирање на информациите на начин кој е атрактивен и интерактивен, што може да помогне во зголемувањето на читаноста и на ангажманот.
Лесно разбирлив: Scrollytelling-от може да се користи за презентирање на сложените информации на начин кој е лесно разбирлив, правејќи го достапен за пошироката публика.
Имерзивен: Scrollytelling-от може да се користи за создавање на имерзивни искуства кои ги пренесуваат читателите/ките на друго место или во друго време, овозможувајќи им да почуствуваат подлабока поврзаност со приказната.
Зголемено задржување: Scrollytelling-от може да се користи за создавање на интерактивни елементи, кои можат да помогнат во зголемувањето на ангажманот и да ја направат приказната уште понезаборавна за читателите/ките.
Недостатоци
Потребна техничка вештина: За креирање на scrollytelling потребно е познавање и вештини за веб развој (првенствено основите на HTML и на CSS), кои можеби не се достапни во сите редакции.
Време за развој: Scrollytelling-от може да потрае подолго од производството на традиционалните статии, што можеби не е изводливо за редакциите што имаат кратки рокови.
Проблеми со пристапноста: Scrollytelling-от може да биде тежок за навигација за корисниците/чките со определени потешкотии, како што се корисниците/чките со оштетувања на видот или со моторни оштетувања, иако овој проблем може да се реши со користење на ограничени ефекти за поместување.
Ограничен досег: Scrollytelling-от не е добро поддржан од платформите на социјалните медиуми и од некои пребарувачи, што може да го ограничи досегот на scrollytelling статиите.
Алатки со отворен код за изработка на scrollytelling приказни
Photo by Firmbee.com on Unsplash
Photo by Firmbee.com on Unsplash
Scrollama: JavaScript библиотека која ви овозможува едноставно создавање на анимации и на интеракции кои ги придвижуваат ефектите на промена. Работи со хоризонтално и вертикално поместување и е компатибилен со повеќето модерни пребарувачи.
Photo by Audric Wonkam on Unsplash
Photo by Audric Wonkam on Unsplash
Scrollex: jQuery додаток кој го олеснува создавањето на интеракции и на анимации базирани на поместување. Лесен е и едноставен е за користење.
Photo by freestocks on Unsplash
Photo by freestocks on Unsplash
P scroll: JavaScript библиотека која ви овозможува создавање на интеракции и на анимации што се базирани на поместување со помош на едноставен, интуитивен API. Компатибилен е со модерните пребарувачи и неговата датотека не е голема.
Photo by Alex Kotliarskyi on Unsplash
Photo by Alex Kotliarskyi on Unsplash
ScrollStory: JavaScript библиотека која ви овозможува создавање на приказни и на анимации што се базирани на поместување со помош на едноставен, интуитивен API. Компатибилен е со модерните пребарувачи и неговата датотека не е голема.
Photo by Christopher Gower on Unsplash
Photo by Christopher Gower on Unsplash
ScrollMagic: JavaScript библиотека која го олеснува создавањето на интеракции и на анимации што се базирани на поместување. Лесен е и едноставен за користење а има и многу функции и опции за создавање на сложени искуства од раскажувањето со поместување.
Photo by Jakob Owens on Unsplash
Photo by Jakob Owens on Unsplash
Parallax.js: едноставна JavaScript библиотека која ви овозможува создавање на ефект на поместување на паралаксата на елементите на вашата веб-страница. Едноставен е за користење и е компатибилен со повеќето модерни пребарувачи.