4 листопада 2014

Snow Fall тобі в руки: 7 інструментів для верстки лонґрідів

Коли в 2012 році The New York Times оприлюднив Snow Fall, одні казали про революцію в нових медіа, інші бурмотіли, що це нікому не потрібні витрати сил та фінансів. Як би там не було, Snow Fall став точкою відліку в історії мультимедійних контентних проектів і справжнім викликом для розробників та дизайнерів найбільших ЗМІ, які намагались наздогнати NYT. І, варто сказати, їм вдалось не лише наздогнати, але й перегнати потужне медіа. Редактор Quartz Кевін Делані свого часу сказав, що їхні програмісти фокусуються на розробці інструментів, які би дозволили створювати Snow Fall кожного дня: «Я би краще мав один SnowFall-більдер, аніж сам Snow Fall». І він був цілком правий. Програмісти та дизайнери вже підхопили новомодний тренд і встигли створити конструктори для сторітеллінгу на будь-який смак. Про сім з них ми пропонуємо вам прочитати сьогодні на Media Innovations Lab

 

Scroll Kit

 

Розробник Коді Браун замість того, аби аплодувати команді творців Snow Fall, сів за свій компьютер та просто створив точну репліку популярного лонґріду. Snow Fall, на який у NYT пішло 6 місяців і неймовірна кількість ресурсів, Коді сам відтворив за годину і виклав до мережі. Чи варто казати, що дуже скоро він отримав гнівного листа від юристів NYT з вимогою прибрати цей контент з сайту під загрозою суду. Репліку він прибрав, але справу не покинув. Разом зі своєю подругою Кейт Рей Коді Браун вирішив зробити свої напрацювання доступними усім інтернет-користувачам і оприлюднив платформу для створення лонґрідів Scroll Kit. Свою місію він бачив в тому, аби дати можливість будь-кому створити сайт без знання коду.

 

Scroll Kit має інтуїтивно зрозумілий інтерфейс і справді зовсім не вимагає знання коду. Тут є можливість створювати скролл-ефект, додавати зображення та відео в декілька шарів, вставляти аудіо, анімацію та розміщувати контентні блоки як заманеться. Проте все-таки, аби створити справді якісний і красивий проект, доведеться повозитись, щоб розібратись з усіма функціями. Створений проект можна дуже легко опублікувати на власному сайті – треба лише експортувати автоматично згенерований код фічера та вставити собі на сайт.

 

На жаль, а може на щастя, дуже швидко талановитих програмістів помітив WordPress і переманив до себе. Розробники анонсували закриття проекту Scroll Kit вже 31 жовтня, проте ще досі він функціонує. Тому можете поспішити та випробувати цей конструктор і вже незабаром, вочевидь, щось схоже можна буде знайти у шаблонах WordPress.

 

Tilda

 

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

 

Для роботи в Тільді зовсім не обов’яково бути дизайнером – усі контентні блоки мають готовий сучасний вигляд та легко пристосовуються до будь-якого вмісту. Інструмент сам дбає про типографічні елементи: довжину рядків та розмір сторінки.

 

Для поціновувачів фотожурналістики є розроблені комбінації для фотографій різних розмірів у повноекранних блоках з автоматичним пристосуванням, а також готові рішення для 2-3-х фотографій у рядок.

 

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

 

Після створення ваш проект може бути опублікований як на сервері Тільди, так і експортований на зовнішні ресурси. Безкоштовно можна створити 1 сайт, 5 сторінок та використати 10 мб пам’яті. Більше можливостей у платних версіях Personal та Business за 15 та 25 $ на місяць відповідно.

 

Stampsy

 

Цей інструмент – знахідка для митців, художників, фотографів та будь-кого, хто захоплюється візуальним мистецтвом і отримує насолоду від якісного фотоконтену.

 

Користуватись Stampsy дуже легко і, що не менш важливо, безкоштовно. Все, що треба – залогініись за допомогою Facebook, Twitter або Google, завантажити фото, додати текст, скомбінувати їх у потрібний спосіб та поділитись з іншними підписниками.

 

Готову фотоісторію можна додати до відповідної колекції, щоб одразу дістатись цільової аудиторії. Якщо ваша історія отримує багато лайків та переглядів, Stampsy маркує її як трендову – це забезпечить ще більшу увагу до вашої роботи.

 

Marquee

 

Marquee – це платформа, що дозволяє розробляти нові дизайн-рішення для вашого бренду та створювати мультимедійні історії. Інструмент повністю підлаштовується під вашу модель публікації, команду та робочий процес, а також адаптує інтерфейс до ваших цілей. Адаптивний веб-дизайн гарантує гарний вигляд продукту з будь-якого девайсу. Крім того, він дозволяє керувати розкладом публікацій та кооперуватись з колегами при роботі над одним проектом.

 

Ціна отримання ліцензійної версії цього сервісу варіюється між $500 та $1000 на місяць, залежно від ваших потреб. Якщо ж ви не маєте бажання власноруч займатись версткою – можете делегувати ці завдання команді Marquee. Ціна на такі послуги складатиме від $5 до 10 тис. на тиждень.

 

Generator

 

В Generator можна обирати моделі з 25 розроблених блоків, що найбільше підходять до концепту вашого сайту. Різні компоненти, розроблені в однаковому стилі, можуть бути одразу інтегровані до дизайну у будь-яких комбінаціях. Таким чином, ви зможете сконцентруватись на розробці ідей для вашого сайту, не надто переймаючись деталями верстки і форматування. Адаптивний дизайн забезпечує підтримку на мобільних пристроях, а також зберігає чудовий вигляд на всіх гаджетах, що підтримують Retina Display.

 

Впродовж 10-ти днів можна використовувати інструмент безкоштовно, проте надалі доведеться заплатити за користування ним від 19$ до 39$ на місяць.

 

Aesop Story Engine

 

Aesop Story Engine – колекція з 14-ти елементів для створення інтерактивних великоформатних історій у WordPress. Цей інструмент стане в нагоді тим, хто так чи інакше пов'язаний з типографією. Наразі ним користуються школи, ньюсмейкери, дизайн-агентства, видавці, сторітелери та письменники.

 

Тут до історії можна додавати аудіо, відео, змінювати колір фону та структуру верстки, додавати окремі елементи – заголовки, аватари, цитати, картинки, мапи, галереї, документи та ін. Інструмент можна скачати та використовувати безкоштовно.

 

Creatavist

 

Creatavist також фокусується на лонґрідних проектах. В основному робота з ним – це робота з блоками, які містять те чи інше медіа: текст, відео, зображення, галереї, pdf-файли, інтерактивні карти чи щось інше.

 

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

 

Після створення доволі легко опублікувати історію на iBooks, Kindle, Kobo, Nook, ePub та, звісно, у вебі. Скоро команда також обіцяє, що можна буде продавати доступ до створених електронних історій.

 

Матеріали в рамках розділу Media Innovations Lab виготовлені за сприяння Фонду розвитку українських ЗМІ посольства США в Україні.

Підписатися на новини проекту у Facebook можна тут.

 


comments powered by Disqus