В результате получились афиши, которые хочется переверстать :–)
Когда графическое решение найдено, нужно его формализовать: придумать, как это будет работать в динамике. Ниже правила компоновки макета, которые я передал Ивану для разработки:
Макет строится по сетке из 15 квадратных модулей: 5×3.
Картинки
— На фоне раздробленная картинка и 3 разных стрелки
— Всегда есть большой кусок картинки (сейчас на 4 модуля), остальные куски одинакового размера в 1 модуль
— Под мелким текстом и датой нет фоновых элементов, только цветТекст
— Все текстовые блоки стоят в смежных модулях, то есть рядом друг с другом, кроме даты
— Одна строка заголовка выключается влево, другая вправо
— Мелкий текст всегда занимает 2 модуля по горизонтали и набирается одним шрифтомМожно попробовать
— Дробление картинки на более мелкие части (сделали)
— Модули разных пропорций (не сделали)
Дальше решаем, как будет меняться внешний вид элементов. Скрипт рандомно выбирает:
— Начертание шрифта для каждой строки заголовка из 6 возможных (3 у гротеска и 3 у антиквы)
— Кружок для даты из 10 заранее подготовленных
— 3 стрелки из 10 заранее подготовленных
Зайца я в итоге заменил космическими аппаратами, которые использовал на старых афишах. Cастейнабилити!