Шоу-кейс дизайна страниц каталога

Всем привет!

В продолжение темы дизайна каталогов продукции, предлагаю вашему вниманию статью моего коллеги Романа Баданина, в которой он делится своим опытом создания каталога для туроператора «Мультитур».

В нашем курсе «Создание основных страниц каталога продукции в Adobe Indesign» Роман вам покажет, как проходят самые важные этапы в работе над данным каталогом. Курс будет доступен для заказа с 15 декабря.

Итак…

Туроператор «Мультитур» работает с курортами России и ближнего зарубежья. Компания регулярно выпускает каталог, предназначенный для турфирм и конечных покупателей. Задача каталога — помочь турагенту продать тур.

Мы проанализировали содержание каталога и разработали новую модульную сетку, стиль, декоративные элементы, а также рекомендации по работе над каталогом.

Модули

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

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

Иллюстрации

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

Часть картинок нуждается в более сложной обработке. Это балансировка (исправление цветовых перекосов), исправление перспективы (чтобы стены были вертикальные), дорисовка неба (чтобы на нём не было «выбеленных» участков).

Некоторые иллюстрации до и после ретуши

Декоративные элементы

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

В последнем каталоге декоративными элементами были символические «волны» вверху и внизу страницы 

 

 

Мы развили тему «волн» и нарисовали разноцветную плашку, которая хорошо смотрится в верхнем левом углу страницы.

Чтобы одинаковые «волны» не надоели читателю каталога, мы нарисовали 7 рисунков в разных цветовых гаммах. Если чередовать эти рисунки, то период повторения составит 14 страниц, или 7 разворотов:

Модульная сетка

Сетка разработана с учётом особенностей каталога. На странице можно разместить от 1 до 4 модулей. Поля маленькие, чтобы не отнимали место у фотографий. Внутреннее поле увеличенное, так как каталог толстый, а корешок клеевой.

Модульная сетка каталога. В зависимости от содержимого, страница делится на 3 или 4 колонки.

Описание курорта — в три колонки (верхняя часть). Описание отеля — в четыре колонки (нижняя часть).

Размер шрифта пропорционален значению текста: название курорта (1) крупнее названия отеля (3), текст описания курортов (2) крупнее текста описания отеля (4).
Чтобы страницы смотрелись аккуратно, размеры иллюстраций и текстовых блоков подгоняются под модульную сетку.

Когда иллюстрация не вписывается в отведённый прямоугольник, её следует обрезать или «дорисовать»: добавить небо, стены и т. п. Когда не влезает текст, его не «втискивают», но сокращают с сохранением смысла.

Навигация

Во-первых, для облегчения навигации мы применили цветовую кодировку. Чтобы цвета помогали ориентироваться, мы использовали 4 цвета. Для среднего человека 5 цветов — уже слишком много.

Во-вторых, продублировали навигационные надписи (рубрики) на каждой странице. Наверху — рубрика с названием курорта, например «Туапсе». Внизу — подробная навигационная надпись, например «Россия / Краснодарский край / Туапсе».

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

В-третьих, вынесли алфавитный указатель всех отелей в содержание.

Такой указатель удобен, когда нужно быстро найти информацию о конкретном отеле или экскурсии.

Текст

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

Подзаголовки короткие, лаконичные. Между абзацами — отступ в одну строку. Такие отступы облегчают чтение длинного текста.

Типичная страница с описанием курорта. Главная мысль вынесена в верх страницы. Описание курорта сокращено, насколько это возможно.

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

Карты

В каталоге 24 карты. Мы разработали стиль, цветовую палитру и условные обозначения, где-то добавили рельеф. Для получения рельефа мы воспользовались рельефными картами Гугла.

Ключевые страницы

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

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

Страницы каталога можно посмотреть здесь.

Продолжение темы читайте здесь.