Лонгрид
Примеры и инструментарий

https://www.kinopoisk.ru/media/article/4007593/

https://longreads.com/category/story/

http://www.guardian.co.uk/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family

https://www.houzz.ru/statyi/mir-dizayna-vosstanovlennyy-posle-pozhara-v-bushe-dom-stsetivw-vs68538408?m_refid=ru-ocnt-reg-fb-stories-july_beforeafter-68538408
Технология создания лонгрида
1. Расскажите историю.
2. Идея.
3. Сбор команды и распределение обязанностей.
4. Составление плана проекта.
Технология создания лонгрида
5. Подготовка материала:
текст,
фото,
видео,
карты Яндекса или Google,
аудио (flv-mp3.ru),
тесты в виде Google Forms,
...
Технология создания лонгрида
6. Выбор технической платформы для публикации.
7. Верстка и дизайн.
8. Публикация:

убедитесь, что материал корректно отображается хотя бы на нескольких популярных типах устройств, не забудьте об интересном и привлекающем внимание анонсе на цифровых платфлрмах, позаботьтесь о правильных ключевых словах для лучшей индексации материала в поисковиках и агрегаторах, при экспорте кода со сторонней площадки на свой сайт, убедитесь, что там прописан корректный идентификатор счетчика Google Analytics или Яндекс-Метрики

Технология создания лонгрида
5. Подготовка материала:
текст,
фото,
видео,
карты Яндекса или Google,
аудио (flv-mp3.ru),
тесты в виде Google Forms,
...
Инструментарий для создания лонгрида
Типовые

tilda.cc 
shorthand.com 
racontr.com 
creatavist.com 
newhive.com 
medium.com 
1po.st 
readymag.com 
stampsy.com 
exposure.co

Многофункциональные

storehouse.co
projeqt.com
slides.com 
prezi.com
apple.com/ibooks
storybird.com
webflow.com, interactions.webflow.com
weebly.com
wix.com
http://wp-templates.ru/intergalactic
http://wp-templates.ru/radcliffe
http://demos.gabfirethemes.com
3wdoc.com
klynt.net

Визуализация данных

Tableau – инструмент для создания диаграмм и инфографик.

---

Creately – сервис для создания диаграмм.
D3.JS – работа с данными при помощи HTML, SVG и CSS.
Fusion Tables – графики, диаграммы и карты.
Google Charts – графики и диаграммы.
iCharts – облачная платформа для визуализации.
Infogr.am – схемы, графики и карты.
OmniGraffle – инструмент для создания схем и диаграмм.
Slemma – графики и отчеты в браузере.
Tagxedo – генератор облака тегов.

Он-лайн инструменты визуализации

Tableau Public
Infogr.am
Plot.ly
InfoActive
Canva
Piktochart
Venngage
Datacopia


amcharts
anychart
capsidea
cartodb
Cube
d3plus
Data-Driven Documents(D3js)


Timeline
variancecharts
vida
Wolframalpha
Wrangler
r2d3
NetworkX -
High-productivity software for complex networks


datahero
dygraphs
ECharts
exhibit
Gatherplot
gephi
Ggplot2
addepar
Techanjs
tenxer

Инфографика

Easel.ly
Piktochart
Tableau
Visual.ly

Фотобанки

Corbis
FindA.Photo
Flickr
Fotolia
Fotosearch
Getty Images
ISO Republic


iStock
Life of Pics
Pexels
PliXS
RGBStock
Shutterstock
Unsplash
Wylio

Фоторедакторы

Phonto – приложение для создания изображения с текстом.
PicMonkey – редактирует изображения, меняет фон, коллаж.
Pixlr – фоторедактор.
ShareAsImage – сервис, при помощи которого можно редактировать изображения, наложить текст.

---

Смотрите также файлы

• Отчет по лабораторной работе 09 Газоразрядная плазма Цель работы. Определить потенциал невозмущённой плазмы в окрестности зонда, температуру и концентрацию электронов, степень изоляции.docx

• Анапский (наименование гарнизона) Увольнительная записка.docx

• Какие два из перечисленных понятий используются в первую очередь при описании экономической сферы общества.docx

• Предмет и структура курса теории государства и права Методология теории государства и права.docx

• Биология мухоловки белошейки в лесостепных дубравах северовосточной украины.doc