В чем верстать журнал

В чем верстать журнал

В чем верстать журнал. 30. В чем верстать журнал фото. В чем верстать журнал-30. картинка В чем верстать журнал. картинка 30.

Правила верстки журнального разворота

Всем привет!

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

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

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

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

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

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

Модуль — это кратно повторяющееся изображение, размер или пропорция. Модульная сетка — это структура (каркас, шаблон) расположения графических элементов на страницах. Основой модульной сетки является «модуль», иначе говоря — основной шаг сетки, который визуально определяется шириной и высотой клетки (модульной единицы). Клетки строятся с помощью вертикальных колонок и горизонтальных линий.

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

Сетка создается для всего разворота, а не для каждой страницы отдельно. Это делается для того, чтобы весь журнальный разворот воспринимался бы как единое целое, а не распадался на правую и левую части, а всё издание не выглядело бы как подшивка из разнородных страниц. Сетка разворота может состоять из 2, 3, 4-х и т.д. равных и неравных по ширине колонок.

Одинаковые по ширине колонки создаются в окне создания документа, либо в панели «Поля и Колонки» (Margins and Colomns). Если нам необходимо задать 3 колонки, то мы вбиваем число 3 в соответствующее поле и т.д.

В чем верстать журнал. grid panel. В чем верстать журнал фото. В чем верстать журнал-grid panel. картинка В чем верстать журнал. картинка grid panel.

А как быть, если по нашему замыслу не все колонки должны иметь одинаковую ширину? Например, если текст и изображения будут располагаться в 2-х широких колонках, а пояснительная информация — в боковой узкой колонке?

В этом случае, наша модульная сетка будет строиться на основе разного числа автоматических колонок программы. Например, если мы зададим 8 автоматических колонок для страницы, то задуманные нами 2 широкие колонки (для текста и изображений) займут по 3 автоматические колонки, а узкая боковая колонка будет строиться на основе 2-х автоматических колонок.

В чем верстать журнал. marg panel. В чем верстать журнал фото. В чем верстать журнал-marg panel. картинка В чем верстать журнал. картинка marg panel.

В чем верстать журнал. grid3. В чем верстать журнал фото. В чем верстать журнал-grid3. картинка В чем верстать журнал. картинка grid3.

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

В чем верстать журнал. grid2. В чем верстать журнал фото. В чем верстать журнал-grid2. картинка В чем верстать журнал. картинка grid2.

Заголовки могут помещаться как в одной колонке, так и простираться на несколько колонок. Нередкий случай, когда заголовок является единственным элементом для всей страницы. Всё зависит от креативной идеи и личных предпочтений дизайнера.

В чем верстать журнал. feature spread. В чем верстать журнал фото. В чем верстать журнал-feature spread. картинка В чем верстать журнал. картинка feature spread.

В чем верстать журнал. new boys. В чем верстать журнал фото. В чем верстать журнал-new boys. картинка В чем верстать журнал. картинка new boys.

Точно так же и графические изображения (фотографии или иллюстрации) могут занимать одну или несколько колонок, а могут и заполнять собой весть разворот. Довольно распространен прием, когда фотография занимает собой одну часть разворота целиком и немного распространяется на вторую часть с тем, чтобы визуально объединить обе части.

В чем верстать журнал. bryce1and2 web large. В чем верстать журнал фото. В чем верстать журнал-bryce1and2 web large. картинка В чем верстать журнал. картинка bryce1and2 web large.

В чем верстать журнал. spread2. В чем верстать журнал фото. В чем верстать журнал-spread2. картинка В чем верстать журнал. картинка spread2.

Модульная сетка не обязательно строится из перпендикулярных линий. Иногда дизайнер решает наклонить сетку или вообще придать ей оригинальную форму, Если вам хочется выйти за рамки привычного — выходите!

Только постарайтесь, чтобы в погоне за оригинальностью ваша работа не превратилась в сизифов труд. Представьте себе, каково будет сверстать 40-50 страниц с наклонной или фигурной сеткой…

В чем верстать журнал. content helvetica 03. В чем верстать журнал фото. В чем верстать журнал-content helvetica 03. картинка В чем верстать журнал. картинка content helvetica 03.

В чем верстать журнал. 12chineselayoutprojectfinal. В чем верстать журнал фото. В чем верстать журнал-12chineselayoutprojectfinal. картинка В чем верстать журнал. картинка 12chineselayoutprojectfinal.

В чем верстать журнал. d06. В чем верстать журнал фото. В чем верстать журнал-d06. картинка В чем верстать журнал. картинка d06.

В чем верстать журнал. ingenuity. В чем верстать журнал фото. В чем верстать журнал-ingenuity. картинка В чем верстать журнал. картинка ingenuity.

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

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

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

Источник

Как правильно сверстать журнал: все этапы от верстки до печати

Что такое верстка журнала

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

Вёрсткой обычно принято именовать процесс формирования печатной страницы изделия. Понятно, что осуществляется сей процесс посредством компьютера в специальных программах верстки, таких как QuarkXPress и Adobe InDesign. Какая лучше, зависит от личных предпочтений верстальщика.

Заметим только, что первая – QuarkXPress – имеет на сегодня меньшие функционал и удобство в работе, а также ориентирована больше на электронные издания, тогда как вторая – Adobe InDesign – на изготовление полиграфической продукции.

Использование Microsoft Word и Publisher не только не может рассматриваться как альтернатива данным приложениям, но и верстать в них просто-напросто запрещается, так как получить на выходе что-либо полностью готовое к печати представляется затруднительным.

В чем верстать журнал. katalog arktika. В чем верстать журнал фото. В чем верстать журнал-katalog arktika. картинка В чем верстать журнал. картинка katalog arktika.

Основные советы по верстке журнала

Графические иллюстрации и векторные изображения

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

Растровую графику (условно, фотографии) для публикаций редактировать придётся только в Adobe Photoshop, тут альтернатив нет и, скорее всего, не будет. Учтите, что изображения завёрстываются в 100% размер и разрешение, какие заложены в макете.

Векторная графика готовится в Adobe Illustrator (предпочтительнее) либо в CorelDRAW. Выбор, разумеется, в пользу первой, так как с файлами второй что Quark, что InDesign не работают вообще, графику из Corel придётся переводить в файлы формата *.eps (универсальный формат описания графических изображений), которые затем будут вставляться в макет.

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

Ни в коем случае не используйте векторную программу в качестве растрового редактора: в некоторых случаях эффекты наложения или прозрачности для растровых изображений в векторных программах могут сыграть с вами злую шутку – от появления артефактов на растре до пропадания изображения.

Как сделать обложку журнала

Этой проблеме (именно так – проблеме) уделяем особое внимание, так как макеты, изготавливаемые для разных типов скрепления (скоба, КБС (клеевое бесшовное скрепление), твёрдый шитый переплёт) имеют свои особенности. Например, для КБС потребуется дополнительно сверстать корешок, предварительно узнав в типографии его толщину, а для твердого переплёта помимо корешка придётся продолжить изображение с обложки на загиб вокруг переплёта. Если этого не сделать сразу, потом придётся тратить лишнее время и нервы на доработку.

Как правильно подобрать шрифт и что такое сетка

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

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

Когда все этапы вёрстки закончены, следует передать для проверки макет профессиональному корректору, так как орфографические ошибки или глупые описки в самом неподходящем месте, например, в заголовке аршинным шрифтом (да-да, бывает и такое!), могут свести на нет все старания, затраченные выше.

Итак, макет журнала готов, в каком же формате предоставлять навёрстанное в типографию? Данный вопрос лучше обсудить там, где будет печататься журнал. Оптимально – файлы в формате pdf, главное, чтобы они были грамотно выведены (как правильно сгенерировать pdf для сдачи в производство – см. технические требования к макетам).

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

И напоследок:

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

Источник

В чем верстать журнал

Видео: Настя и сборник весёлых историй 2021.

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

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

Используйте эти инструменты дизайна журналов, чтобы увеличить аудиторию

Blurb (рекомендуется)

В чем верстать журнал. 5 best magazine design software to impress your readers. В чем верстать журнал фото. В чем верстать журнал-5 best magazine design software to impress your readers. картинка В чем верстать журнал. картинка 5 best magazine design software to impress your readers.

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

Посмотрите на лучшие функции и возможности, которые Blurb может предложить своим пользователям:

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

Так что, не теряйте больше времени и отправляйтесь туда, чтобы узнать больше о Blurb.

— Получить сейчас Blurb с официального сайта

FlipHTML5 (предлагается)

В чем верстать журнал. 5 best magazine design software to impress your readers 1. В чем верстать журнал фото. В чем верстать журнал-5 best magazine design software to impress your readers 1. картинка В чем верстать журнал. картинка 5 best magazine design software to impress your readers 1.

Просто взгляните на несколько интересных функций и возможностей, которые включены в этот замечательный инструмент:

Вы можете проверить более важные функции, которые упакованы в FlipHTML5, посетив официальную веб-страницу инструмента.

— FlipHTML5 Pro

QuarkXPress

В чем верстать журнал. 5 best magazine design software to impress your readers 2. В чем верстать журнал фото. В чем верстать журнал-5 best magazine design software to impress your readers 2. картинка В чем верстать журнал. картинка 5 best magazine design software to impress your readers 2.

Посмотрите на основные функции и возможности, которые этот инструмент может предложить:

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

Madmagz

В чем верстать журнал. 5 best magazine design software to impress your readers 3. В чем верстать журнал фото. В чем верстать журнал-5 best magazine design software to impress your readers 3. картинка В чем верстать журнал. картинка 5 best magazine design software to impress your readers 3.

Проверьте самые важные функции, которые упакованы в этом замечательном программном обеспечении ниже:

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

Joomag

В чем верстать журнал. 5 best magazine design software to impress your readers 4. В чем верстать журнал фото. В чем верстать журнал-5 best magazine design software to impress your readers 4. картинка В чем верстать журнал. картинка 5 best magazine design software to impress your readers 4.

Просто взгляните на лучшие функции и преимущества, которые вы сможете получить, используя этот инструмент:

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

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

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

Независимо от того, какое программное обеспечение вы решите использовать, мы гарантируем, что вы будете полностью удовлетворены результатами. Удачи и приятного времяпровождения!

5 лучших программ для газетного дизайна для профессиональных журналистов

В чем верстать журнал. 5 best newspaper design software. В чем верстать журнал фото. В чем верстать журнал-5 best newspaper design software. картинка В чем верстать журнал. картинка 5 best newspaper design software.

5 лучших программ для дизайна футболок для уникальной одежды

В чем верстать журнал. 5 best t shirt design software. В чем верстать журнал фото. В чем верстать журнал-5 best t shirt design software. картинка В чем верстать журнал. картинка 5 best t shirt design software.

Хотите начать бизнес по дизайну футболок? Или вы хотите создать свою следующую футболку, и вы чувствуете растерянность? Не беспокойтесь, этот пост предназначен для вас. Футболка является одной из самых популярных одежд благодаря легкости ее настройки для различных целей, от политических до религиозных. Есть …

10 лучших читателей epub для windows 10 для любителей книг (которые не отстой)

В чем верстать журнал. 11 best epub readers use windows 10. В чем верстать журнал фото. В чем верстать журнал-11 best epub readers use windows 10. картинка В чем верстать журнал. картинка 11 best epub readers use windows 10.

Чтение электронных книг на ПК с Windows или ноутбуке иногда раздражает, поэтому мы нашли лучшее программное обеспечение для чтения ePub, как бесплатное, так и платное.

Источник

Программа для верстки книг: какое ПО выбрать

В статье мы расскажем:

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

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

Требования к верстке книги

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

В чем верстать журнал. 105d53b7c724d78062f094ef75adaba5. В чем верстать журнал фото. В чем верстать журнал-105d53b7c724d78062f094ef75adaba5. картинка В чем верстать журнал. картинка 105d53b7c724d78062f094ef75adaba5.

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

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

Выполнение всех перечисленных требований и составляет процесс верстки.

Рекомендации по выбору программы для верстки книг

В чем верстать журнал. d3c9f54d5e4d7955ab9c394ee52d53a1. В чем верстать журнал фото. В чем верстать журнал-d3c9f54d5e4d7955ab9c394ee52d53a1. картинка В чем верстать журнал. картинка d3c9f54d5e4d7955ab9c394ee52d53a1.

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

Выбор за вами – можете воспользоваться Indesign или любым из приложений, перечисленных в нашем обзоре. Есть еще QuarkXPress, а для самостоятельной верстки можно взять даже Microsoft Word. Важно знать, что если в типографию вы обращаетесь только, чтобы заказать печать, то вам необходимо подготовить файлы в формате PDF, поэтому проверьте, чтобы в вашем приложении была функция экспорта в PDF. Как правило, она есть практически в каждом их них.

2 бесплатные программы для верстки книг

Как правило, верстальщик работает с комплексом приложений – InDesign или QuarkXpress для верстки, потом CorelDraw или Illustrator для работы с векторными изображениями и Photoshop для растровых. Это самые известные в России программы, и все они стоят довольно дорого. Если нет возможности купить профессиональный софт, можно рассмотреть работу с бесплатными программами. Расскажем о некоторых из них:

2 бесплатные программы для создания макетов книг

Почти все приложения для издательских целей являются коммерческими и имеют очень высокую стоимость. Тем не менее у специалиста-верстальщика остается возможность бесплатно решить конкретные задачи, возникающие перед ним при создании макета. Приведем два примера, один – это небольшое приложение, способное заменить Microsoft Publisher, а другой представляет собой довольно мощный инструмент, такой же масштабный и функциональный, как высококлассные платные конкуренты.

В чем верстать журнал. 70ec02cbdddbd7284a743474e194cd1d. В чем верстать журнал фото. В чем верстать журнал-70ec02cbdddbd7284a743474e194cd1d. картинка В чем верстать журнал. картинка 70ec02cbdddbd7284a743474e194cd1d.

В Scribus можно подготовить макеты на профессиональном уровне, уже готовые к печати и не требующие дополнительной обработки. Приложение обладает большим набором функций – все самое необходимое и много дополнительных опций – цветовые профили ICC, разделители, поддержка CMYK, создание PDF и многое другое плюс возможность импорта и экспорта данных для пакета Open Office, эффективного аналога Microsoft Office. Процесс верстки в нем похож на работу в GIMP (об этом бесплатном приложении мы рассказали ранее, оно довольно широко известно).

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

Далее рассмотрим PagePlus Starter Edition (PagePlusSE) – продукт компании Serif, ранее выпустившей популярный бесплатный графический редактор PhotoPlus. PagePlusSE – это облегченный и бесплатный вариант программы PagePlus X8. Да, в бесплатной версии не представлен полный функционал коммерческого собрата, но того, что есть, вполне достаточно для создания макетов объявлений, листовок, небольших лифлетов, используемых в работе благотворительных фондов и не очень больших компаний. Относительная простота приложения является даже преимуществом, оно станет удобным и понятным инструментом для верстальщика, пока не имеющего большого опыта и выполняющего базовые задания.

PagePlusSE сопровождается подборкой шаблонов, которую всегда можно пополнить из Интернета (визитки, листовки, бланки писем и пр.), что позволяет даже новичку легко справиться с подготовкой макетов хорошего уровня. Имеющийся набор инструментов для работы с графикой, текстом и цветами вполне достаточен для решения большинства задач. Несмотря на ограниченный перечень доступных расширений/форматов для сохранения и экспорта готовых макетов, PagePlusSE остается достойной альтернативой платному издательскому софту. Недостатки приложения можно компенсировать любой программой для создания PDF, а его простота в изучении и использовании делает работу доступной любому человеку, знакомому хотя бы с Microsoft Word и смежными офисными программами.

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

Источник

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

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

В чем верстать журнал. 4a978aa0bf2314cc913a6c8b81f2efd1. В чем верстать журнал фото. В чем верстать журнал-4a978aa0bf2314cc913a6c8b81f2efd1. картинка В чем верстать журнал. картинка 4a978aa0bf2314cc913a6c8b81f2efd1.

В чем верстать журнал. 98a18391e2fddfe7d49c1f1498794689. В чем верстать журнал фото. В чем верстать журнал-98a18391e2fddfe7d49c1f1498794689. картинка В чем верстать журнал. картинка 98a18391e2fddfe7d49c1f1498794689.

Иллюстрация: OlyaSnow для Skillbox Media

В чем верстать журнал. 09574724112021 4be1580dfc0568828fbd3ecec9f4f3429b056554. В чем верстать журнал фото. В чем верстать журнал-09574724112021 4be1580dfc0568828fbd3ecec9f4f3429b056554. картинка В чем верстать журнал. картинка 09574724112021 4be1580dfc0568828fbd3ecec9f4f3429b056554.

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

В книге «Редактируем дизайном» Ян Уайт делится простыми приёмами вёрстки и доказывает: дизайн — это не просто красивая упаковка, а инструмент, который помогает сложное сделать простым для восприятия.

Ян Уайт — арт-директор, дизайнер и консультант, который с 1951 года занимался оформлением печатных продуктов. За свою карьеру он провёл более 1800 семинаров в 27 странах и помог многим изданиям улучшить вёрстку своих журналов.

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

Из материала вы узнаете:

В чем верстать журнал. 13052327092021 11a3428e7abc9bac29137421556331dcb1a157b9. В чем верстать журнал фото. В чем верстать журнал-13052327092021 11a3428e7abc9bac29137421556331dcb1a157b9. картинка В чем верстать журнал. картинка 13052327092021 11a3428e7abc9bac29137421556331dcb1a157b9.

Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.

Вёрстка

Единообразие — очень важная вещь в вёрстке журнала или сайта. Оно помогает быстрее доводить материалы до публикации и не тратить на это много ресурсов. Поэтому Ян Уайт советует вводить правила вёрстки как можно раньше:

В чем верстать журнал. hm6D A. В чем верстать журнал фото. В чем верстать журнал-hm6D A. картинка В чем верстать журнал. картинка hm6D A.

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

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

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

В чем верстать журнал. 09592224112021 accf102caaa970ce65d217b9ae9a8e9a57caa67c. В чем верстать журнал фото. В чем верстать журнал-09592224112021 accf102caaa970ce65d217b9ae9a8e9a57caa67c. картинка В чем верстать журнал. картинка 09592224112021 accf102caaa970ce65d217b9ae9a8e9a57caa67c.

Пять колонок требуют шрифта поменьше, если заполнять каждую. Но, объединяя несколько колонок в одну, можно придумать неограниченное количество вариантов компоновки материала:

В чем верстать журнал. 09592224112021 08fda0244b5397e030ee401fd2bea5b24f78a72b. В чем верстать журнал фото. В чем верстать журнал-09592224112021 08fda0244b5397e030ee401fd2bea5b24f78a72b. картинка В чем верстать журнал. картинка 09592224112021 08fda0244b5397e030ee401fd2bea5b24f78a72b.

Семь колонок в чистом виде не подходят для вёрстки текста, так как строки в них получатся слишком узкими. Но это очень удобный инструмент для различных комбинаций:

В чем верстать журнал. 09592224112021 6896a8696b8038f4fc8989ab005e4fccc3b90047. В чем верстать журнал фото. В чем верстать журнал-09592224112021 6896a8696b8038f4fc8989ab005e4fccc3b90047. картинка В чем верстать журнал. картинка 09592224112021 6896a8696b8038f4fc8989ab005e4fccc3b90047.

В веб-дизайне обычно используют сетку из 12 колонок, так как она позволяет ещё сильнее разнообразить вёрстку страниц.

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

В чем верстать журнал. 09592224112021 c7c2d6650fe8dd3125b1541cb39af56649bd56fa. В чем верстать журнал фото. В чем верстать журнал-09592224112021 c7c2d6650fe8dd3125b1541cb39af56649bd56fa. картинка В чем верстать журнал. картинка 09592224112021 c7c2d6650fe8dd3125b1541cb39af56649bd56fa.

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

В чем верстать журнал. 09592224112021 0ed1686442ac630326a48ddcef43684fa02b904b. В чем верстать журнал фото. В чем верстать журнал-09592224112021 0ed1686442ac630326a48ddcef43684fa02b904b. картинка В чем верстать журнал. картинка 09592224112021 0ed1686442ac630326a48ddcef43684fa02b904b.

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

В чем верстать журнал. 09592224112021 b30ff17d14b759c017197570526ff51b33cc83c5. В чем верстать журнал фото. В чем верстать журнал-09592224112021 b30ff17d14b759c017197570526ff51b33cc83c5. картинка В чем верстать журнал. картинка 09592224112021 b30ff17d14b759c017197570526ff51b33cc83c5.

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

В чем верстать журнал. hm6D A. В чем верстать журнал фото. В чем верстать журнал-hm6D A. картинка В чем верстать журнал. картинка hm6D A.

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

Иллюстрации

Иллюстрация — первое, что сразу бросается в глаза на странице и формирует ожидания читателя от дальнейшего текста. Подбирать картинки по принципу «красиво — некрасиво» — неправильно:

В чем верстать журнал. hm6D A. В чем верстать журнал фото. В чем верстать журнал-hm6D A. картинка В чем верстать журнал. картинка hm6D A.

Иллюстрации открывают читателю информацию. Использовать их нужно осознанно, а не просто чтобы разбить текст или оживить страницу. Не нужно относиться к ним как ко второстепенному элементу, которым они не являются.

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

Выравнивайте фотографии людей по уровню их глаз. Для людей линия горизонта — очень важная точка отсчёта. А когда на странице есть фотографии, роль этой линии выполняет уровень глаз.

В чем верстать журнал. 09592224112021 fc9956ee2f4201e204a5532c68850c6715ed24e0. В чем верстать журнал фото. В чем верстать журнал-09592224112021 fc9956ee2f4201e204a5532c68850c6715ed24e0. картинка В чем верстать журнал. картинка 09592224112021 fc9956ee2f4201e204a5532c68850c6715ed24e0.

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

В чем верстать журнал. 10035824112021 d7ab397c893cd13cb32700526bd7a595724fab9d. В чем верстать журнал фото. В чем верстать журнал-10035824112021 d7ab397c893cd13cb32700526bd7a595724fab9d. картинка В чем верстать журнал. картинка 10035824112021 d7ab397c893cd13cb32700526bd7a595724fab9d.

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

В чем верстать журнал. 10041224112021 b96f49b701f581862428f9c58e1a46c731d0aa89. В чем верстать журнал фото. В чем верстать журнал-10041224112021 b96f49b701f581862428f9c58e1a46c731d0aa89. картинка В чем верстать журнал. картинка 10041224112021 b96f49b701f581862428f9c58e1a46c731d0aa89.

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

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

В чем верстать журнал. 10043024112021 cece785eb92cd643f5e788e5f37e3d933a76f56c. В чем верстать журнал фото. В чем верстать журнал-10043024112021 cece785eb92cd643f5e788e5f37e3d933a76f56c. картинка В чем верстать журнал. картинка 10043024112021 cece785eb92cd643f5e788e5f37e3d933a76f56c.

Эффект можно усилить, если сделать выносные элементы:

В чем верстать журнал. 10043924112021 2229e417950c39bd1ac90259b6c781a232a40430. В чем верстать журнал фото. В чем верстать журнал-10043924112021 2229e417950c39bd1ac90259b6c781a232a40430. картинка В чем верстать журнал. картинка 10043924112021 2229e417950c39bd1ac90259b6c781a232a40430.

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

В чем верстать журнал. 10045924112021 71b97f3681cfd481f98f8279e17d064ae63ea66a. В чем верстать журнал фото. В чем верстать журнал-10045924112021 71b97f3681cfd481f98f8279e17d064ae63ea66a. картинка В чем верстать журнал. картинка 10045924112021 71b97f3681cfd481f98f8279e17d064ae63ea66a.

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

В чем верстать журнал. 10045924112021 acb3891951eada938d821fe8c18ea10c2884033f. В чем верстать журнал фото. В чем верстать журнал-10045924112021 acb3891951eada938d821fe8c18ea10c2884033f. картинка В чем верстать журнал. картинка 10045924112021 acb3891951eada938d821fe8c18ea10c2884033f.

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

В чем верстать журнал. 10052824112021 d75dd4921f9f5ca9dc828e1efafbd5a21dfa9c5d. В чем верстать журнал фото. В чем верстать журнал-10052824112021 d75dd4921f9f5ca9dc828e1efafbd5a21dfa9c5d. картинка В чем верстать журнал. картинка 10052824112021 d75dd4921f9f5ca9dc828e1efafbd5a21dfa9c5d.

Заголовки и текст

Если иллюстрация привлекла внимание читателя, то заголовок поможет принять решение, стоит ли дальше читать текст. Довольно часто дизайнеры пытаются его как-то интересно оформить, чтобы «читатель не заскучал»:

В чем верстать журнал. hm6D A. В чем верстать журнал фото. В чем верстать журнал-hm6D A. картинка В чем верстать журнал. картинка hm6D A.

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

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

Никогда не пишите все слова с прописных. Попробуйте прочитать этот текст и оцените, насколько это сложно сделать:

В чем верстать журнал. hm6D A. В чем верстать журнал фото. В чем верстать журнал-hm6D A. картинка В чем верстать журнал. картинка hm6D A.

В Таком Типе Заголовка Столько Же Смысла

Сколько вОТ в эТОМ аБСОЛЮТНОМ иДИОТИЗМЕ — тО жЕ сАМОЕ, пРОСТО вЫВЕРНУТО нАИЗНАНКУ. Но Мы Так Привыкли К Этому Оформлению, Что Верим, Будто Именно Так И Должны Выглядеть Заголовки. Я Утверждаю, Что Это Похоже На Визуальную Икоту.

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

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

В чем верстать журнал. 10063924112021 b76bc71fa80c20942ed01e19c21ead7b69ad6b89. В чем верстать журнал фото. В чем верстать журнал-10063924112021 b76bc71fa80c20942ed01e19c21ead7b69ad6b89. картинка В чем верстать журнал. картинка 10063924112021 b76bc71fa80c20942ed01e19c21ead7b69ad6b89.

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

В чем верстать журнал. hm6D A. В чем верстать журнал фото. В чем верстать журнал-hm6D A. картинка В чем верстать журнал. картинка hm6D A.

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

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

В чем верстать журнал. 10070624112021 1c076733da30d01108464d85a8ffad1517acec59. В чем верстать журнал фото. В чем верстать журнал-10070624112021 1c076733da30d01108464d85a8ffad1517acec59. картинка В чем верстать журнал. картинка 10070624112021 1c076733da30d01108464d85a8ffad1517acec59.

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

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

В чем верстать журнал. 10072924112021 1cc7c7aaff1472b38801633d33e2f9e6221a290f. В чем верстать журнал фото. В чем верстать журнал-10072924112021 1cc7c7aaff1472b38801633d33e2f9e6221a290f. картинка В чем верстать журнал. картинка 10072924112021 1cc7c7aaff1472b38801633d33e2f9e6221a290f.

Контраст

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

В чем верстать журнал. hm6D A. В чем верстать журнал фото. В чем верстать журнал-hm6D A. картинка В чем верстать журнал. картинка hm6D A.

На странице ничто не существует в вакууме. Читатель смотрит на неё и видит всё вместе: саму страницу, логотип, шрифт, картинки, пустые места, их взаимоотношения. Во всём этом массиве ему необходимо разобраться — БЫСТРО!

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

В чем верстать журнал. 10081324112021 62bf1942effdabf0107c530d35221fdf53489254. В чем верстать журнал фото. В чем верстать журнал-10081324112021 62bf1942effdabf0107c530d35221fdf53489254. картинка В чем верстать журнал. картинка 10081324112021 62bf1942effdabf0107c530d35221fdf53489254.

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

В чем верстать журнал. 10082224112021 ea2b2f998665356b094cbc9e4d99ecdc646b93d5. В чем верстать журнал фото. В чем верстать журнал-10082224112021 ea2b2f998665356b094cbc9e4d99ecdc646b93d5. картинка В чем верстать журнал. картинка 10082224112021 ea2b2f998665356b094cbc9e4d99ecdc646b93d5.

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

В чем верстать журнал. 10083424112021 b200d8bc76303a5287d3954213dd40d331052ae4. В чем верстать журнал фото. В чем верстать журнал-10083424112021 b200d8bc76303a5287d3954213dd40d331052ae4. картинка В чем верстать журнал. картинка 10083424112021 b200d8bc76303a5287d3954213dd40d331052ae4.

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *