Макет журнала: Бесплатные PSD макеты журналов, книг, брошюр и блокнотов

Узнайте, почему внешний вид журнала так важен

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

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

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

Почему мы уделяем особое внимание этой части?

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

Это кажется очевидным — верстка журнала — это просто способ, которым дизайнеры смешивают картинки и слова — и на этом мы могли бы остановиться. Однако, продолжая размышлять над составлением этих основных частей журнала (картинки и слова), мы обнаруживаем, что… это не так просто, как может показаться.

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

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

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

Макет журнала состоит из заданных элементов, повторяющихся во всех последующих номерах данного журнала или в тематических разделах журнала. Примеры таких элементов:

• headline,
• introductory paragraph,
• margins,
• typography (typeface, spacing),
• paragraphs structure,
• indentation, 
• color scheme,
• graphic elements,
• initials,
• footers and заголовки,
• боковые панели,
• толщина и цвет рамки, содержащей фото или текст.

То, что мы условно назвали «смешением картинок и слов», на самом деле представляет собой серию решений, включающих такие вопросы, как:

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

Следует подчеркнуть, что каждый пункт из приведенных списков в равной степени относится как к цифровым, так и к печатным журналам.

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

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

То же самое происходит и с макетами журналов.

Компоновка чрезвычайно важна с практической точки зрения. Это позволяет читателям легко ориентироваться в большом количестве информации, содержащейся в публикации, находя постоянные, характерные элементы. Главная особенность здесь — постоянство. Но если бы практичность была единственной функцией макета, все журналы выглядели бы одинаково.

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

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

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

Что мы узнаем из этого видео о дизайне? Подведем итоги:

Оформление:

• подпись.
• канал для общения с читателями.
• отвечает за впечатления читателей.
• часть улучшения продукта полностью.

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

Существует и психологический аспект влияния дизайна. Хотя мы могли бы написать роман о сочетании психологии и искусства, давайте сосредоточимся только на том, что гештальт-психология привнесла в дизайн и искусство.

Гештальт-психология — это школа мысли, возникшая в начале двадцатого века в Австрии и Германии как теория восприятия. Гештальт в переводе с немецкого означает «единое целое».

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

Посмотрите на картинку ниже. Что ты видишь?

Мы предполагаем, что ваш ответ был велосипед , не так ли?

Или… вы видели руль , педали , спицы , шины ?

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

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

Согласно гештальт-психологам, существует шесть принципов дизайна:

• Рисунок-земля
• Сходство
• Близость
• Закрытие
• Непрерывность
• . правила. Это определенно стоит посмотреть!

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

  Итак, как правила гештальта применяются к дизайну журналов?

  • Фигура-фон. Это правило помогает правильно сфокусировать внимание читателей и определяет, что является ключевым на данной странице. Цель состоит в том, чтобы разделить внимание зрителя на стратегическую фигуру и второстепенный фон. Восприятие объекта можно контролировать с помощью правильно подобранных цветов, контраста и резкости.
  • Подобие . Это позволяет читателям понять, что некоторые элементы работают одинаково (например, все гиперссылки в тексте имеют одинаковый цвет шрифта и подчеркнуты; заголовки обычно используют одинаковый размер шрифта или цвет для каждого номера журнала). В результате читатели быстро узнают значение определенных элементов. Здесь самое главное — постоянство.
  • Близость . Это правило касается форматирования блоков текста на странице. Если они находятся достаточно далеко друг от друга, то будут восприниматься как разрозненные абзацы, составляющие отдельное целое. Этот эффект также достигается за счет расположения элементов в определенной форме, так как это позволяет группировать связанные элементы вместе.
  • Закрытие . Это наиболее часто используемая процедура при разработке логотипов, иконок или визуального проекта заголовков журналов. Благодаря этому они не должны быть подробными или буквальными и при этом оставаться понятными.
  • Непрерывность . Позволяет привлечь внимание читателей к ключевой информации или месту на странице, направляя их взгляд, например. к следующим этапам процесса покупки или заполнения формы. Предметы, расположенные близко друг к другу, заставляют взгляд «прыгать» с одного на другой.
  • Заказ. Если макет страницы разработан негармонично, читатель просто тратит время на то, чтобы понять его, вместо того, чтобы сосредоточиться на письменном содержании, рекламе или предлагаемых функциях.
  Что еще делает макет журнала хорошим?

  Что ж, чем лучше оформлен журнал, тем больше людей хотят его читать.

  Оформление журнала должно выполнять две функции:

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

  Как добиться такого эффекта?

  • В дизайне журналов нет такой важной вещи, как читабельность . Весь написанный текст должен быть легко читаемым, поэтому позаботьтесь о размере шрифта, шрифте и цветах.
  • Обратите внимание на контраст между текстом и фоном, а также на соседство текста и изображений. Правило баланса здесь имеет решающее значение. Размещение слишком большого количества элементов на одной странице может быть утомительным. В то же время оставлять слишком много пробелов тоже не лучшая идея.
  • При выборе этих элементов подумайте о иерархии . Какая информация является наиболее важной для зрителя и заслуживает приоритета?
  • И последнее, но не менее важное: вся ваша работа всегда должна иметь цель, строго связанную с журнальным характером. Подумайте, какова основная цель макета журнала. Это публикация о кулинарии, основанная на изображениях? Сюжетный журнал или забавные истории? Здесь все имеет смысл.

  Что может положительно повлиять на восприятие вашего макета?

  В первую очередь нужно смотреть на свой бренд в целом. Самое главное – быть последовательным в создании линейки журнала. Макет применяется к каждому номеру заголовка, а не к одному выпуску. Эта последовательность ведет к признанию, а затем и к лояльности.

  Использование больших изображений будет полезно, даже если это не фотография, мода, еда или журнал о путешествиях. По данным Hubspot:

  • 90% информации, передаваемой в мозг, является визуальной, а визуальная информация обрабатывается мозгом в 60 000 раз быстрее, чем текст.
  • 40% людей лучше реагируют на визуальную информацию, чем на обычный текст.

  Помните, что цифровые журналы открывают гораздо больше возможностей для вовлечения вашей аудитории, чем печатные издания: викторины, опросы, встроенные видео и анимация. Исследования показывают, что интерактивный контент помогает повысить конверсию на 40-50%, а также повысить возможность совместного использования, которая может увеличиться на 28%.

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

  Вёрстка журналов – реальные примеры

  Рассмотрим и проанализируем несколько примеров верстки известных брендов. На чем они концентрируются в своих проектах?

  The New Yorker

  Поклонники бумажной версии The New Yorker не должны были быть разочарованы макетом онлайн-версии. Основное внимание уделяется содержанию, а стиль макета минималистичный и привлекательный. Отличный выбор для новостного журнала!

  Макет журнала The New Yorker

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

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

  Типографика: Типографика The New Yorker постоянно поддерживается на всем сайте. Категории статей отображаются красным цветом, что делает их особенно заметными на белом фоне. Шрифт с засечками является классическим и гарантирует, что текст удобен для глаз читателей.

  Журнал National Geographic

  Второй пример еще более «простой», чем предыдущий. Журнал характеризуется упрощенным дизайном, большими изображениями и удобным для чтения набором шрифтов. Это называется силой дизайнерского подхода «меньше значит больше».

  Макет журнала National Geographic Magazine

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

  Цвета, визуальные эффекты и графика: Они уделяют особое внимание аспекту фотографии. Помимо качества и значимости, визуальные эффекты хорошо сочетаются с имеющимся у них контентом и дают читателям представление о чем-то. Их фотографии стоят тысячи слов и всегда рассказывают свою собственную историю.

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

  Журнал о еде

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

  Макет журнала о еде

  Общее впечатление: Преобладание цветов, составляющих единое целое. Этот проект показывает, что нет ничего плохого в использовании цветного фона, особенно если он заполнен мягкими пастельными тонами.

  Цвета, визуальные эффекты и графика: Много теплых цветов (с преобладанием оранжевого и цвета морской волны) и множество заманчивых картинок. Достаточно первого взгляда, чтобы понять, насколько важна здесь роль графической стороны!

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