Андрей Мисюрев
Тильда
для «продвинутых»
Верстка, нулевой блок, мобильная версия,
Thinglink, Playbuzz.
Занятие 1
Блоки на экране
10 минут
Мышление новичка
Берём статью и учимся замечать из каких элементов состоит каждый экран и почему они располагаются именно так.
Используем «правильные» вопросы.
20 минут
Пробуем сделать иначе
Заходим на любимое медиа. Открываем интересную статью, выбираем экран и с помощью 3 блоков оформляем иначе.
Как показать характер героя
Когда рассказ о персонаже дополняем
визуальными штуками
Как это использует Медуза:
Военный эксперт Василий Сычев по просьбе «Медузы» изучил десятки фотографий «вежливых людей» и рассказал, чем они были вооружены и как экипированы. На основе его наблюдений «Медуза» подготовила инфографику.
https://meduza.io/special/polite/howeaponed
20 минут
Показать героя
Рассказать немного о себе
с помощью содержимого сумочки или рюкзака.
Занятие 2
Создаем свои блоки
Когда стандартных блоков недостаточно, создаем свой уникальный блок, где можно редактировать каждый элемент.
20 минут
Создаем свой дизайн
Создайте на выбор:
— Один экран информационной графики;
— Экран с анимацией и бредом;
— Обложку с нестандартной версткой;
— Разворот статьи любимого журнала.
Задание А
С помощью букв, цифр и одной иконки покажите откуда вы добрались на мероприятие и каким образом
ПРИМЕР ДЛЯ ВДОХНОВЕНИЯ
А23
Рейс 6120 Санкт-Петербург — Москва
↑ Туалеты Toilets
↑ Стойка информации Information
Задание Б
С помощью сервиса Giphy и фантазии создайте что-то невообразимо интересное, но крайне бесполезное.
ПРИМЕР ДЛЯ ВДОХНОВЕНИЯ
Уникальный блок
Нулевой блок дает возможность
подстроить блок под контент,
а не контент под блок
Задание В
Создать обложку вашей статьи с нестандартной версткой
ПРИМЕР ДЛЯ ВДОХНОВЕНИЯ
Жизнь после пыток
Мы сделали этот проект, чтобы показать,
как меняется жизнь человека, какую цену платят люди, восстанавливая свои права и доброе имя. Внимание к этим историям – пусть небольшой, но акт солидарности.
Читать историю Марины Рузаевой
Задание Г
Сверстать экран с фотографией и 2 колонками текста, обтекаемым цитатой
ПРИМЕР ДЛЯ ВДОХНОВЕНИЯ
Барон Карл Мюнхгаузен воспринимается окружающими как выдумщик, живущий в мире своих фантазий. Однако они имеют странное свойство оказываться реальностью. Так, на привале охотники, смеясь над рассказом охоты Мюнхгаузена на оленя, когда тот стрелял вишнёвой косточкой, вдруг сами видят, как из леса выходит благородное животное с вишнёвым деревом на месте, где должны быть рога.
Барон с гордостью говорит, что прославился не своими подвигами, а тем, что никогда не врёт. Он действительно не умеет лгать, даже тогда, когда это было бы полезно для него.
Мюнхгаузен живёт в своём замке с очаровательной девушкой Мартой. Они уже давно думают о свадьбе, но есть одна проблема: барон женат.

Не усложняй, барон.
Втайне ты можешь верить.
Я не умею втайне.
Могу только открыто.

Интерактивные блоки
Используем Playbuzz, чтобы разнообразить статью,
развлечь читателя и увеличить усвояемость
прочитанной им статьи.
пример теста
Иван Васильевич, Шурик или Жорж Милославский?
Пройдите тест и узнайте, на кого из любимых киногероев похож ваш стиль общения с участковым.
Задание
Создать игру по мотивам
теста Росшаха

Вопрос
Где взять изображения клякс и объяснения?
Ответ
Например, есть такая статья
Вопрос
Какой тип игры выбрать?
Ответ
Предлагаю Flip cards
I need more minerals
Для тех, кто хочет побольше узнать, что можно делать на Тильде.

Когда нужна статья, оформленная в «карточки» с объяснением сложного простыми словами и быстрое перемещение по карточкам

Шрифтовые пары, CSS, инструмент для обратной связи с редактором

Когда возникнет вопрос
или идея проекта, — напишите
Андрей Мисюрев