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

Сетка одинаковых прямоугольников усыпляет. Разбираем приёмы разнообразия обложек, которые не превращают главную страницу в хаос.

Почему одинаковые карточки не работают

Сетка из карточек одинакового размера сообщает, что все проекты равнозначны. Глаз не находит точки входа и скользит по странице, не задерживаясь.

Журнальная вёрстка решает это веками: разный кегль, разный размер иллюстраций, разная плотность полос.

Приём 1. Разные пропорции

Чередование вертикальных, горизонтальных и квадратных обложек само по себе создаёт ритм. Достаточно двух-трёх форматов, применяемых последовательно.

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

Приём 2. Разный масштаб внутри кадра

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

Приём 3. Типографика вместо изображения

Одна-две карточки без изображения, только с крупным названием проекта на цветном фоне, работают как пауза и одновременно как акцент.

Приём особенно полезен, когда у части проектов нет сильных фотографий.

Как не скатиться в хаос

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

Что должно быть на обложке, кроме картинки

Обложка проекта решает не эстетическую задачу, а навигационную: помогает выбрать, что открыть. Поэтому кроме изображения ей нужны два-три факта, по которым выбор возможен — тип работы, отрасль и год. Без них посетитель портфолио вынужден открывать всё подряд, и обычно не открывает ничего.

Порядок важен: сначала то, что различает проекты между собой. В портфолио, где всё сделано для одной отрасли, отрасль не информативна, а тип работы — да. В универсальном портфолио наоборот.

Как проверить сетку до вёрстки

Разнообразие обложек проверяется не в макете, а в уменьшении. Сожмите сетку до ширины миниатюры: если карточки перестали отличаться друг от друга, разнообразие было в деталях, а не в композиции — то есть его не было.

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

Что в итоге

Разные обложки делают портфолио живым, но только если разнообразие подчинено системе.

Задайте повторяющийся паттерн из нескольких форматов — и страница будет читаться как журнальный разворот.