Showfolio

Оформление проекта

Как оформить обложку проекта в портфолио

Обложка проекта должна сразу объяснять, что находится внутри: покажите один главный результат, добавьте короткое название и сохраните читаемость в маленьком размере. Не собирайте коллаж из всех экранов и не прячьте объект под декором. Хорошая обложка обещает содержание кейса и визуально отличается от соседних работ.

Задача обложки - помочь выбрать проект

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

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

Как собрать обложку по шагам

  1. Выберите один главный объект

    Покажите результат, по которому можно распознать проект: ключевой экран, упаковку, помещение, кадр серии или разворот.

  2. Сократите название

    Оставьте имя проекта и тип работы. Длинную задачу, перечень услуг и год перенесите внутрь кейса.

  3. Создайте ясную иерархию

    Главный объект должен читаться первым, название - вторым, а фон и декоративные элементы поддерживать, а не конкурировать.

  4. Проверьте общий ритм

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

  5. Уменьшите до реального размера

    Посмотрите обложку в сетке и на телефоне. Уберите мелкий текст и детали, которые превращаются в шум.

Пример обложки проекта айдентики

Для кейса кофейни крупно показана упаковка с основной графикой, рядом стоят короткое название и подпись «Айдентика и упаковка». Меню, вывеска, паттерн и дополнительные носители раскрываются внутри. Обложка сообщает суть проекта и не пытается показать весь кейс одновременно.

Проверка обложки в сетке

  • Есть один очевидный главный объект.
  • Название читается в миниатюре.
  • Соотношение сторон совпадает с сеткой.
  • Важные детали не обрезаны.
  • Обложка отличается от соседних.
  • Кадр соответствует содержанию кейса.

Что делает обложку слабой

  • Коллаж из десятка материалов

    Мелкие фрагменты не дают рассмотреть работу и превращают карточку в шум.

  • Одинаковый мокап для всех проектов

    Сетка выглядит аккуратно, но проекты становятся неразличимыми и не показывают диапазон.

  • Название поверх важной детали

    Текст должен иметь собственное место и достаточный контраст, а не закрывать главный результат.

Читайте и используйте дальше