от создателей лонгрида «бородино: как это было на самом деле»
3 главные составляющие хайпового лонгрида
Сегодня создать эффектную мультимедийную историю проще простого. Для этого вам не нужно знать языки программирования и разбираться в веб-дизайне. Хороший вкус и желание творить — главные качества, которые помогут вам создать стоящий материал.
Мы любим конструкторы сайтов за их простоту. Но также хотим создавать уникальные мультимедийные истории. Что же делать?
Для этого нужно иметь представление о существовании сторонних ресурсов, которые позволят вам создать хайповый лонгрид. Давайте заглянем внутрь проекта «Бородино: как это было на самом деле». Готовы? Поехали!
Мы любим конструкторы сайтов за их простоту. Но также хотим создавать уникальные мультимедийные истории. Что же делать?
Для этого нужно иметь представление о существовании сторонних ресурсов, которые позволят вам создать хайповый лонгрид. Давайте заглянем внутрь проекта «Бородино: как это было на самом деле». Готовы? Поехали!
БОльшая часть лонгрида сделана с любовью вручную.
Обложку мы рисовали в Photoshop'е (расставляли фигуры на шахматной доске, создавали собственный шрифт).
Хронологию сражения мы решили описать с использованием таймлайна. Сначала ознакомились с ходом сражения и разбили его по времени на несколько равных частей. Таймлайн мы сделали вертикальный, чтобы по нему проще было расположить объемный текст. Наш таймлайн — это один день, разбитый на несколько временных отрезков, по часам. Таймлайн мы делали в тоже в Photoshop'е — временные обозначения украшены часами. Затем нужно было сравнять тексты для разных отрезков по объему. И, наконец, мы добавили с правового края текста портреты полководцев-участников сражения с гиперссылками на статьи о них.
Обложку мы рисовали в Photoshop'е (расставляли фигуры на шахматной доске, создавали собственный шрифт).
Хронологию сражения мы решили описать с использованием таймлайна. Сначала ознакомились с ходом сражения и разбили его по времени на несколько равных частей. Таймлайн мы сделали вертикальный, чтобы по нему проще было расположить объемный текст. Наш таймлайн — это один день, разбитый на несколько временных отрезков, по часам. Таймлайн мы делали в тоже в Photoshop'е — временные обозначения украшены часами. Затем нужно было сравнять тексты для разных отрезков по объему. И, наконец, мы добавили с правового края текста портреты полководцев-участников сражения с гиперссылками на статьи о них.
Но чаще всего нас спрашивали о том, как мы сделали раздел Online-батлы.
Для создания переписки Кутузова и Наполеона мы использовали приложение PlayBuzz. Это очень удобный сервис, в котором можно создать имитацию переписки. Вначале задаются имена тех, кто будет «вести диалог» в переписке. Если хотите, можете добавить аватарки. После этого просто заполняются текстовые блоки. Для нового сообщения вы сами создаете новый текстовый блок. Кроме текста, в сообщения можно добавлять смайлы и изображения. Переписку можно выровнять по любому краю или сделать так, чтобы сообщения одного участника переписки появлялись справа, а другого — слева.
Для создания переписки Кутузова и Наполеона мы использовали приложение PlayBuzz. Это очень удобный сервис, в котором можно создать имитацию переписки. Вначале задаются имена тех, кто будет «вести диалог» в переписке. Если хотите, можете добавить аватарки. После этого просто заполняются текстовые блоки. Для нового сообщения вы сами создаете новый текстовый блок. Кроме текста, в сообщения можно добавлять смайлы и изображения. Переписку можно выровнять по любому краю или сделать так, чтобы сообщения одного участника переписки появлялись справа, а другого — слева.
Тест делали с помощью ресурса onlinetestpad.com. Действительно полезная вещь для тех, кто не любит привыкать к трудностям. Пожалуй, вопросы к тесту составить сложнее, чем сверстать его с помощью этого сайта. Настоятельно рекомендуем (мы пробовали делать тесты на других ресурсах, но onlinetestpad выдает самый стильный результат, да еще не требует платную подписку).
Самое приятное, конструктор позволяет следить за статистикой.
Самое приятное, конструктор позволяет следить за статистикой.
Запомните!
Этими правилами мы руководствовались при создании «Бородино». Только тссс!
Верстать с помощью нулевых блоков
Во-первых, это красиво... Серьезно, когда вы расставляете объекты так, как вам нравится, да еще и анимацию добавляете, лонгрид приобретает вид «на меня кто-то убил полжизни» (и это отчасти верно, но результат того стоит).
Не халтурить
Все ваши оплошности будут заметны невооруженному глазу, поэтому озаботьтесь тем, чтоб везде были одинаковые шрифты, кегли, цвета. А еще проверьте типы кавычек, тире и приведите к общему виду букву «ё» .
Полюбить продукцию Adobe
Нет, это не реклама. Но никакой online-сервис не спасет вас так, как старый добрый Photoshop, Premiere, Audition.
На сегодня все! Удачи*
И дочитайте, наконец, «Бородино» до конца!
И дочитайте, наконец, «Бородино» до конца!
