Исходный размер 2480x3500

«ЕГЭ налегке» — онлайн-школа подготовки к экзаменам по обществознанию и истории. После ребрендинга у нее появился новый стиль, но для тетрадей в нем успели набросать лишь несколько страниц, а собрать предстояло целый курс.

Я начала с того, что разобрала стиль на составляющие: какие бывают блоки, сколько воздуха между ними и какой цвет за что отвечает. Из них получился конструктор, из которого быстро собирается тетрадь, а не верстается с нуля.

big
Исходный размер 2500x1258

Отправная точка: несколько страниц-примеров после ребрендинга

Стиль отвечает на вопрос «как выглядит курс»
Система — на вопрос «как быстро собрать урок»

В учебных материалах важно, чтобы информацию было легко найти и запомнить, а страниц было как можно меньше, так как ученики часто печатают тетради.

В моем подходе за это отвечают типографика, цвет и отступы: первая выстраивает иерархию, второй расставляет акценты и подсказывает, что за блок перед глазами, а третьи делают страницу плотной, но не тесной.Так ученик быстро считывает структуру страницы: где определение, где таблица, а где-то, что нельзя забыть на экзамене.

Слева — иерархия заголовков на странице тетради, справа — палитра и блоки, где у каждого цвета своя роль

big
Исходный размер 2500x1613

Отступы трех уровней: внутри блока, между блоками и между разделами

Больше 10 типовых блоков

Определение, таблица, схема, SOS, «на заметку», задание, галерея мемов и другие — у каждого типа содержания свой блок в нескольких вариантах под разный объем текста.

К ноябрю отдел собрал больше 20 тетрадей по обществознанию — в сумме около 150 страниц

Исходный размер 0x0
Исходный размер 2500x1648

Система адаптивна

Блоки собраны на автолейауте: чтобы перенести любой из них из тетради в презентацию, достаточно сузить его с 1641 до 1220 px — текст перестроится сам.По тем же правилам уже собираются задачники, гайды, карточки, справочники и другие учебные материалы.

Исходный размер 2500x855
Исходный размер 2500x1407

Дизайн-система прошла главный тест — она работает без меня

Я создала небольшую инструкцию по работе с конструктором и по ней успешно ввела в работу двух новых дизайнеров отдела. Теперь все материалы школы собираются по общим правилам.

Исходный размер 2500x1407
Исходный размер 2500x1040

Результаты: 20+ тетрадей по обществознанию, 30–60 минут на сборку одной тетради и три дизайнера, которые работают по одним правилам.

Главное, что дала мне практика — научиться видеть за стилем систему и объяснять решения так, чтобы по ним могли работать другие.

Другие проекты c тегом зин и многостраничные издания
Виктория Тихонова
«Дом с лапами» — это иллюстрированная история о том, как появление собаки меняет привычное пространство и повседневную жизнь человека. Через бытовые сцены, детали интерьера и взаимодействие хозяина с питомцем проект показывает, как беспорядок, новые привычки и маленькие ритуалы становятся частью дома, наполняя его теплом, привязанностью и любовью.
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше