Правила верстки газеты: основные понятия и правила газетной верстки

Особенности оформления и верстки газет

 Дата написания: Май 1st, 2010 | нет ответов

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

Композиция газетной полосы

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

Газета начинается с заголовочной части, которая может занимать всю ширину полосы или ее часть. Основные ее элементы: название газеты; постоянный призыв; название организации (органа), помещаемое под названием газеты; календарные сведения и номер выпуска. Название газеты постоянно и располагается в верхнем левом углу первой полосы или в верхней строке первой полосы. Название отделено от текста чаще всего жирной линейкой. Календарные сведения и номер выпуска размещают под названием газеты или в рамке справа.

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

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

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

Фонарь — статья (или изображение), заверстанные в центре или внизу полосы на две-три колонки. Высота такой статьи должна быть больше ее ширины; статью отделяют от другого материала жирными или фигурными линейками.

Подвал — статья, размещенная в нескольких, а чаще всего во всех колонках внизу полосы. Отделяют подвал от предыдущего текста линейкой; заголовок подвала располагают чаще всего над первыми двумя-тремя колонками. Высота подвала должна быть не больше ¼ и не меньше ⅓ высоты полосы.

Стояк — статья, заверстанная на две-три колонки по всей высоте полосы.

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

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

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

Объявления заверстывают обычно на последней полосе.

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

Шрифты для набора газетных текстов и заголовков

Шрифты для набора газет должны быть удобочитаемыми и емкими.

Желательно использовать шрифты гарнитур: Новая газетная; Балтика; Школьная; Литературная, Банниковская, Журнальная рубленая или подобные им.
Во времена до начала эпохи exUSSR по заказам газет изготавливались фирменные шрифты гарнитур: Правда, Известия, Трудовская, Искра и др.

Кегль шрифта определяется значением публикуемого материала и форматом колонки. Так, передовую статью набирают корпусом (10 п.) или боргесом (9 п.) на большой формат колонки. Остальной материал набирают петитом (8 п.), а объявления и другой дополнительный текст — нонпарелью (6 п.).

Выделения в тексте делают шрифтом полужирного или курсивного начертаний, иногда шрифтом полужирного курсивного начертания (Школьная курсивная гарнитура), втяжками, шрифтом других гарнитур и линейками.

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

При оформлении газеты большое внимание должно быть уделено правильному подбору заголовочных шрифтов и их сочетанию с шрифтом основного набора. Газетные заголовки набирают шрифтами разных гарнитур и начертаний, преимущественно кегля 32, 28, 16, 12 п. Заголовки бывают одно-, двух- и многострочными. Строки в заголовке размещают в соответствии с правилами их группировки. Для выделения заголовки подчеркивают линейками, заключают в рамки.

Основные особенности газетной верстки

Все полосы газеты должны иметь одинаковый формат независимо от числа колонок на полосе. Все колонки в полосе должны быть одинаковой длины.

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

Кроме того некоторые правила верстки характерны только для газет.

Использование линеек

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

Текст статей, заключенных в рамки, отбивают от рамок на 2-4 п., а линейки рамки от текста смежных статей — на 4-8 п.

Шапки и заголовки

Шапки и заголовки отбивают от колонтитула на 10-12 п.

Отбивка рубрик в газете не зависит от условия приводности полос. Заголовки от последующего текста отбивают на 4-6 п., а от предыдущего — на 8-12 п.

Заголовки должны отвечать следующим правилам:
• если заголовок заверстывается в начале колонки, то над ним должно быть не менее трех строк текста либо заголовок ставят в верх колонки;
• если заголовок заверстывается в нижней части колонки, то под ним должно быть не меньше трех строк текста;
• если концевая строка короче левой пробельной части заголовка, который следует за ней, то строка считается пробельной, это учитывают при отбивке заголовка — пробел над ним уменьшают;
• если заголовок не помещается в одной строке, часть его переносят в другую, при этом каждая строка должна иметь смысловое значение:
ОТВЕЧАЕМ НА
ВОПРОСЫ ЧИТАТЕЛЕЙ (неправильно)
ОТВЕЧАЕМ НА ВОПРОСЫ
ЧИТАТЕЛЕЙ (правильно)
• если многострочный заголовок набирается строчными буквами, то межстрочный интервал делается стандартным, если прописными буквами — межстрочный интервал увеличивают на 2 п.

• если заголовок помещается в рамку, то расстояние до рамки делают со всех сторон одинаковым, в пределах 4-12 п.
• при переносе в другую строку части заголовка, имеющего в середине знак тире, этот знак ставят в конце строки, причем при выключке заголовка в «красную строку» знак тире входит в счет выключки, т.е. его приравнивают к пробельному материалу.

Заверстка подвала

Подвал заверстывают в нижней части газетной полосы. Подвал должен занимать от ¼ до ⅓ высоты полосы. Линейку над подвалом отбивают от текста подвала на 10 п., а от предыдущего текста — на 4-6 п. Линейка и украшения, отделяющие подвал от остального текста, должны быть жирными.

Верстка иллюстраций

Если изображение заверстано в верхнем углу полосы, оно не должно выходить за ее формат.

Иллюстрация по краю полосы должна совпадать по контуру с линией строк и быть равномерно отбита со всех сторон на 8-10 п.

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

Над изображением не должно быть абзацной строки текста, а под ним — неполной концевой строки.

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

Николай Карпеченко
Источник: http://balbesof.net

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

Верстка и дизайн газет и журналов

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

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

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

Особенности верстки газет

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

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

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

Верстка газеты — правила

• Требуется наличие одинакового числа колонок на любой странице.
• Строки текста в соседних колонках должны располагаться параллельно друг относительно друга.
• Наличие равного числа строк в колонках, а завершающие строчки — должны подравниваться по единой прямой.
• Средник может занимать не менее 12 пт., где также могут находиться линейки или прочие украшения, располагающиеся по отношению к тексту не меньше чем на 6 пт.
• Промежуток между колонтитулами и текстом примерно приравнивается к среднику.

Значимость дизайна

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

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

Особенности верстки журнала

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

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

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

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

Правила верстки журнала

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

Правила единообразия верстки:

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

Профессиональная верстка журналов является элементом творческого процесса в результате которого издание получает значительную помощь при решении маркетинговых задач, а также получении большой прибыли от продаж и рекламы. В целях осуществления данной процедуры необходимо наличие определенного набора знаний не только о процедуре печати, но еще и психологии потребителей. Стать профессионалом в этой области и изучить всю технологию создания модных глянцевых журналов вам помогут на курсах верстки и дизайна журналов — http://ufa.videoforme.ru/designschool/layout_magazines Здесь вы познакомитесь с программой Adobe InDesign, научитесь работать с текстом и шрифтами, правильно собирать и подготавливать к печати макет журнала.

Основные правила верстки газеты или журнала. Как сверстать своё издание? ⋆ Школа журналистики

Ирина Мосалёва:

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

Можно назвать пять основных правил для верстки журнала или другого печатного издания:

1. Создайте уникальную обложку. На ней может быть фотография или рисунок, в общем, все то, что может привлечь внимание читателя. Главное ее идея, которая должна разрабатываться всем коллективом того или иного издания. Также стоит отметить, что обложка должна не только привлекать внимание читателя, но еще и совпадать с темой номера, тем самым, освещая основную проблему. На ней можно расположить заголовки статей, названия конкурсов и прочее.

2. Создайте уникальный дизайн журнала. Многие известные журналы — «Forbes», «Вокруг Света», «Игромания» и другие — имеют неповторимый дизайн не только обложки, но и контента внутри издания. Это достигается за счет использования интересных шрифтов, красочных страниц, даже приятной на ощупь бумаги, фирменной подборки картинок, различных рамочек и полей – все это сделает любой журнал или газету узнаваемыми на полках магазинов и киосков. Но, конечно же, всё должно быть в меру, придерживайтесь правила»золотой середины», не впадайте в крайности.

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

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

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

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

Уважаемые посетители сайта, эта статья написана нашим внештатным автором и может не отражать точку зрения коллектива Школы журналистики.

Узнать подробнее об онлайн-курсах Школы журналистики можно на главной странице

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

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

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

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

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

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

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

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

Дополнительная общеобразовательная (социально-педагогическая) программа «Газетная журналистика». 1 год обучения
Конспект занятия по журналистике

Оформление газет: основные понятия и правила 
газетной верстки, создание макета

Мосунова Виктория Витальевна,
педагог дополнительного образования ГБОУ Лицей № 395
Красносельского района Санкт-Петербурга

 
Пояснительная записка
Объединение: «Газетная журналистика»
Направленность: социально-педагогическая
Год обучения: 1
Краткая характеристика группы: обучающиеся 5  -9 классов, 15 человек
Тип занятия: усвоение новых знаний и способов действия
Материально-техническое обеспечение: проектор, интерактивная доска, компьютер, магнитная доска, столы, стулья.
Методическое обеспечение: презентация, тексты рецензий, фотографии и рисунки, две модульные сетки формата А1, карточки новых понятий, клей, ножницы, карточки с фразеологизмами.
Организация пространства: работа в 2-х группах 
Цель занятия: ознакомить детей с основными понятиями и правилами газетной верстки,  создать макет газеты. 
Задачи:   обучающие:

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

развивающие:

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

воспитательные:

• воспитывать доброжелательное отношение обучающихся друг к дру­гу;
• воспитывать умение работать в команде.  

Ожидаемые результаты:      
Предметные:

• знакомство с понятием верстка и новыми терминами — модульная сетка, заголовочная часть, колонки, «висячая строка».
• развитие навыка оперировать новыми терминами в процессе дискуссии.
• знакомство с правилами верстки и создания макета газеты.
• практическое использование полученных знаний при создании макета газеты. 

Метапредметные: 
               формирование регулятивных УУД:

• формирование умения слушать и понимать;
• формирования умения прогнозировать результат;
• формирование умения определять цель деятельности на занятии;
• формирование умения осуществлять познавательную и личностную рефлексию;  

    формирование познавательных УУД: 

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

          формирование коммуникативных УУД:

• формирование умения оформлять свои мысли в устной форме;
• формирование навыков сотрудничества и умения работать в группе.  

Личностные:

• формирование мотивации к обучению;
• формирование умения толерантно относится к мнению других.  

План занятия

Структурный элемент занятия	Продол- житель-ность, (мин)	Реализуемая задача	Деятельность учителя	Деятельность обучающихся	Методы, приемы и формы обучения	Планируемые результаты
						предметные	УУД
Организацион-ная часть	2	Подготовка к началу занятия, включение в деловой ритм.	Приветствие гостей, обучающихся. Организация работы в 2-х группах.	Подготовка к работе, рассадка на 2 группы.	устное сообщение	Формирование позитивного  настроения, стимулирование интереса к занятию.	Коммуникативные: формирование умения слушать и понимать; Личностные:  формирование мотивации к обучению.
Актуализация знаний	3	Формулировка темы, через анализ  проделанной ранее работы.	Демонстрирует выпуски «Лицейского вестника» и просит найти общие черты. Наводящими вопросами выводит на тему занятия.	Рассматривают выпуски газеты, делятся наблюдениями.  Отвечают на вопросы. Высказывают предположения относительно общих черт (единое оформление, блочность, тематичность). В процессе беседы выходят на тему занятия.	дискуссия	Развитие умения  определять единый стиль оформления газеты -сравнивать печатные издания и выделять общие черты. Знакомство с понятием верстка газеты.	Познавательные: формирование умения обобщать и делать выводы; Регулятивные: формирование умения определять цель деятельности на занятии; формирование умения оформлять свои мысли в устной форме.
Основная часть   — теоретическая часть                         — практическая часть	30   7                           23	Знакомство с основными понятиями газетной верстки, процессом оформления газеты. Изучение правил  создания макета газеты.           Создание макета газеты, опираясь на полученные теоретические знания. Создание ситуации, способствующей развитию умения планировать результат.  Воспитание  доброжелательного отношения друг к дру­гу, умения работать в команде.	Демонстрирует презентацию и рассказывает об основных понятиях и правилах верстки газет, объясняет правила создания макета газеты.           Объясняет правила работы в группах, следит за ходом выполнения заданий.	В процессе знакомства с новым теоретическим материалом, обучающиеся коллективно создают макет газеты, используя ножницы и клей. Размещают предложенный материал в модульной сетке, соблюдая правила верстки и опираясь на классификацию значимости статей.	Демонстра-ция презентации, наглядного материала (газет), беседа               Применение знаний на практике – дидактичес-кая игра «Верстка»	Знакомство с новыми терминами и понятиями – модульная сетка, заголовочная часть, колонки, «висячая строка».             Создание макета газеты, практическое закрепление полученной теоретической информации.	Познавательные: формирование способности творчески решать поставленную задачу; Регулятивные:  формирование умения слушать и понимать; формирования умения прогнозировать результат; Коммуникативные: формирование навыков сотрудничества и умения работать в группе. Личностные: формирование умения толерантно относится к мнению других;
Закрепление полученных знаний	7	Повторение изученных терминов через анализ полученных результатов. Развитие способности обосновывать свою точку зрения.	Предлагает обучающимся проанализировать работу каждой группы и дать анализ полученным макетам, оперируя новыми терминами.	Обсуждают готовые макеты, доказывают свою точку зрения, используют новые термины.	дискуссия	Закрепление полученных знаний – развитие навыка использования новых терминов в процессе дискуссии.	Познавательные: формирование умения обобщать и делать выводы; Коммуникативные: формирование умения слушать и понимать других; формирование умения оформлять свои мысли в устной форме;
Заключительная часть, рефлексия	3	Оценка работы на занятии.	Предлагает провести познавательную и личностную рефлексию.	Выставляют оценку своей работы на занятии.	дискуссия	Обучающиеся вырабатывают навык критические относится к собственной работе.	Регулятивные: формирование умения осуществлять познавательную и личностную рефлексию Личностные: формирование мотивации к дальнейшему обучению

 
 
 

Конспект занятия
 
Организационная часть:
Педагог: Здравствуйте ребята! Сегодня на занятии присутствуют гости. Для нашего направления деятельности это хорошо.  Журналисты должны уметь работать в разных ситуациях, уметь побороть стеснение и смущение перед незнакомыми людьми.  Поэтому будем считать, что это дополнительная тренировка. Сегодня  на занятии я разделила вас на 2 команды, чтобы провести небольшую игру. О том, какую, сообщу немного позже.
Актуализация знаний:
Педагог: Обратите внимание на газеты, которые я принесла. Здесь несколько выпусков «Лицейского вестника». Посмотрите внимательно и скажите, что объединяет все эти газеты?
Обучающиеся: (ожидаемый ответ) Единый стиль оформления,  тематика (каждый номер посвящен одной теме), название, материалы размещены блоками.
Если обучающиеся не дают правильные ответы, наводящими вопросами выводим их на правильную мысль.
Педагог:  Все что мы перечислили – это правила оформления газеты, или правила газетной верстки. Именно изучению этих правил посвящено наше занятие. (Презентация – слайд 1)
Основная часть:
Педагог: А кто знает, что такое верстка?
Обучающиеся: (ожидаемый ответ) Размещение материала в газете в определенной последовательности.
Если обучающиеся не дают правильные ответы, даем правильный ответ.
Педагог: (Презентация — слайд 2) Обратите внимание на доску.  Здесь набор заголовков, картинок, текста, фотографий. Он не несет информационной нагрузки – ни о чем не сообщает. А сейчас?  Если мы разместим все в определённом прядке, то получаем удобную для чтения газету. То есть монтаж макета из составных элементов: текста, заголовков, таблиц, иллюстраций, и называется верстка. Новое понятие верстка отправляю на доску (закрепляем карточку понятием «верстка» на магнитную доску)
Педагог: У вас на столах лежат газеты – это периодические издания. Обратите внимание, чем они отличаются?  Самый явный признак?
Обучающиеся: (ожидаемый ответ) Размер или формат.
Если обучающиеся не дают правильные ответы, просим назвать еще признаки или наводящими вопросами выводим на нужный результат.
Педагог: Все что мы перечислили  — это правильно. Но самое яркое отличие – размер или формат (закрепляем понятие «формат» на магнитную доску). (Презентация – слайд 3) Какие у нас бывают форматы газет? Формат А2. Найдите газету такого формата у вас на столах.
Обучающиеся: (ожидаемый ответ) Санкт-Петербургские ведомости
Педагог: Правильно. Форматом А2 часто выходят для центральные городские и областные газет. Следующий формат А3 – это основной газетный формат, в нем выходит большая часть новостных изданий. Какие газеты на столах представлены в этом формате?
Обучающиеся: (ожидаемый ответ) Аргументы и факты, Московский комсомолец, Метро.  
Педагог: Следующий формат — А4. Он отлично подходит для корпоративных, студенческих и развлекательных изданий. Есть на столах такие газеты?
Обучающиеся: (ожидаемый ответ) Работа.
Педагог: Правильно. А вот это  (показываем ребятам газету нестандартного формата) нестандартный формат – квадрат.
Наша школьная газета «Лицейский вестник» издается настенным форматом А1, в планах перевод ее в формат А4. Но пока это только планы.  До сегодняшнего дня макет газеты я создавала самостоятельно, от вас требовалось только написание материалов. Сегодня вы сами создадите макет праздничного выпуска к 9 мая. Я специально разделила вас на 2 команды, чтобы каждый мог поработать в группе верстальщиков.
 (В процессе подачи теоретического материала, обучающиеся в подгруппах выполняют практическую работу по созданию макета газеты)
Педагог: Выпуск будет тематический – мы посвятим его военному кинематографу. Некоторые из вас писали рецензии на военные фильмы, вот именно эти материалы и станут основой выпуска.  
                У вас на столах лежат все необходимые заготовки. Обратите внимания на листы формата А1. Это основа с модульной сеткой. (Презентация – слайд 4) (закрепляем новое понятие «модульная сетка» на магнитной доске). Может кто-нибудь знает, что такое модульная сетка.
Обучающиеся: (ожидаемый ответ) нет ответа.
Если обучающиеся дают правильные ответы, хвалим их и уточняем для остальных.
Педагог: Модульная сетка – это сетка с горизонтальными и вертикальными линиями, пересечения которых образуют модули. Например, поднимите глаза на потолок. Перед вами пример модульной сетки. Большое количество одинаковых по размеру квадратов или модулей. Для чего нужна эта сетка? Она ускоряет работу над макетом, упрощает позиционирование или размещение материала. Кроме модульной сетки у вас на столах есть название газеты, логотип, картинки, статьи, клей и ножницы. Итак, приступим.
                 (Презентация – слайд 5) Каждая газета имеет заголовочную часть. (Закрепляем новое понятие «заголовочная часть» на магнитной доске.) Она, как правило, занимает всю верхнюю часть модульной сетки или большую ее часть. Заголовочная часть состоит из названия издания и логотипа.  Вам необходимо разместить верхней части название и логотип. (Презентация – слайд 6) Я сделала так, вы можете выбрать любой другой вариант.  
(Ожидаем, пока обучающиеся размещают название и логотип в модульной сетке макета, отвечаем на возникшие вопросы).
Педагог: Теперь нам предстоит выполнить самую сложную часть – разместить материал в газете, соблюдая правила верстки. Таких правил много, но нам необходимо соблюдать 4 основные:
                (Презентация – слайд 7)

1. Размещать материал в колонках (закрепляем новое понятие «колонки» на магнитной доске). Ширина колонки равна ширине модуля.  Один материал может занимать от одной до 4-5 колонок. В нашей газете предусмотрено 10  колонок.
2. Соблюдать модульность. То есть готовый материал должен представлять собой прямоугольник или квадрат. Вот так быть не должно (Презентация – Слайд 8).  Большая часть материалов у вас на столах уже представлена в виде модулей.  Но два материала я специально оставила не свёрстанными.  Вам придется создать модули самостоятельно.
3. Запрет висячих строк. При создании модуля необходимо помнить, что нельзя отделять одну строчку от абзаца. (Презентация – слайд 9) Вот такая ситуация называется «висячая строка» (закрепляем понятие «висячая строка» на магнитной доске). Должно быть вот так (Презентация – слайд 10). Таблицы и иллюстрации желательно размещать между абзацами.
4. Располагать материалы  по значимости. Сами определите, какие из предложенных материалов наиболее значимы. Важные материалы располагаем в левом верхнем углу.

 
Приступаем. (Презентация – слайд 11)
(Обучающиеся выполняют практическую работу. В процессе педагог помогает, подсказывает,  отвечает на возникшие вопросы)
Закрепление полученных знаний:
Педагог: Макеты готовы. Теперь я попрошу команду, которая создавала макет выйти и продемонстрировать нам свою работу. Вам необходимо сказать несколько предложений, используя изученные сегодня понятия (они на доске), о том, как вы создавали макет. Почему именно такое расположение материала показалось удачным.
Обучающиеся: защищают готовый макет, сначала одна группа, потом вторая
Педагог: Отличная работа! Теперь вы знаете основные правила верстки, умеете употреблять основные термины. А сможете ли вы увидеть ошибки в верстке наших предыдущих выпусков «Лицейского вестника»?
Обучающиеся: (ожидаемый ответ) Не соблюдено правило по размеру колонок.
(Если обучающиеся не находят ошибку, то наводящими вопросами выводим их на правильный ответ)
 
 
Заключительная часть, рефлексия
Педагог: Сегодня мы изучили тему «Верстка газеты – познакомились с правилами создания макета, новыми понятиями и сверстали макеты. На основе ваших макетов будет создан выпуск «Лицейского вестника» к 9 мая. А теперь я хочу, чтобы вы оценили свою работу на этом занятии. Но не просто оценили, а провели аналогии с известными афоризмами. Мы же журналисты. У вас на столах лежат пять вариантов афоризмов, выберите тот, который наиболее точно характеризует вашу работу на занятии.  Можно выбрать несколько карточек.
(Обучающимся предлагаются карточки с фразеологизмами: пропустил мимо ушей, слышал краем уха, считал ворон, смотрел как баран на новые ворота, ловил каждое слово, шевелил мозгами)
Педагог: Я надеюсь, занятие было интересным и полезным для вас, жду вас снова! Давайте поблагодарим друг друга за работу.

Узнаем как верстать газету

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

Преимущества устойчивой композиции

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

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

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

В чём принципиальное отличие компоновки от верстки?

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

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

Верстка газеты: нормы и закономерности

Главный ориентир для выбора типовой структуры верстки – содержание номера. Все приёмы и опции технического оформления в той или иной степени диктуются контентом. Термин «материал для первой полосы» как нельзя лучше отображает суть вышеизложенного: им оперируют тогда, когда хотят подчеркнуть значимость статьи (то есть именно информационная нагрузка такой заметки играет роль «трафарета» для всего номера).

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

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

Формат А3: компьютерное макетирование

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

Используемые сегодня типографические форматы – это производные эталона DIN A0. Наиболее востребованными в печатном деле являются А5, А4 и А3.

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

Краткий обзор программного обеспечения: PageMaker и QuarkXPress

Допечатная подготовка номера на ПК подразумевает инсталляцию некоего программного продукта. Изначально предложений, достойных внимания профессиональных верстальщиков, было немного. По сути, таковых существовало только два – PageMaker от всемирно известной компании Adobe (реинкарнация одноимённой сборки от Aldus) и функциональный аналог под названием QuarkXPress от скромной организации Quark Ink.

Долгий отрезок времени разработчики обеих программ шли, что называется, нога в ногу, поэтому компьютерная верстка газет – имеется в виду её итоговый результат – практически не зависела от реализуемого пакетного сценария. Выход обновлений нарушил установившееся равновесие, но не определил лидера. Так, QuarkXPress продемонстрировал феноменальную архитектуру вспомогательных модулей (расширений), но не сумел избавиться от неуклюжести в сфере табличного редактирования. А PageMaker сделал ставку на универсализацию, но потерял несколько позиций в рейтинге функциональности (особенно пострадал арсенал спецэффектов).

В помощь верстальщикам: знакомство с Adobe InDesign

Проигрывать в сфере создания продуктов для программной верстки компания Adobe не собиралась. Появление принципиально нового пакета было лишь вопросом времени…

Приложение InDesign – куда более серьёзный конкурент для QuarkXPress, нежели отживший своё PageMaker. Точнее, вопрос соперничества больше не стоит – всё сводится к тому, скольких пользователей утилита «украдёт» у Quark.

Итак, чем же верстка газеты в InDesign отличается от ранее описанных сценариев?

Интригует полностью переработанный графический интерфейс, который «заточен» под рядового пользователя. Тут, дабы насолить конкурентам, присутствует даже опция активации горячих клавиш, используемых по умолчанию в аналогичных программах – верстальщикам, трудившимся на Quark, не придётся перестраиваться! Поражает и функциональность. В этом плане InDesign – жизнеспособный гибрид, позволяющий решать сложные задачи предпечатного характера простым нажатием 5 – 6 комбинаций клавиш. И, наконец, верстка в InDesign оправдана с точки зрения естественного развития печатных изданий: выпускаемые обновления к пакету максимально упрощают процесс компоновки материала, уменьшают время подготовки публикаций, предлагают варианты готовых шаблонов и макетов в зависимости от стилистической привязки номера…

Грамотная верстка газет: три правила первостепенной важности

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

Итак, как же выглядит классическая верстка газеты?

Пример правильного алгоритма действий следующий:

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

Верстка журналов: некоторые нюансы

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

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

Виды верстки: основы классификации

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

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

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

Тип верстки и целевая аудитория. Существует ли связь?

В профессиональных кругах хорошо известен тот факт, что верстка газет – это не просто поиск оптимальных форм для содержания. Итоговые композиции в первую очередь обязаны отвечать запросам целевых аудиторий. Если взглянуть на печатные издания, ориентированные на молодёжь, то можно обнаружить примеры живого и яркого оформления, реализованные за счёт использования «ломаной» верстки. Брусковая же схема доминирует в газетах, читатели которых – преимущественно люди зрелого возраста. А вот сугубо информационные издания отличаются оригинальной (как правило, усложнённой) формой подачи материала: множество колонок разной геометрии, плюс «динамический» шрифт.

Дизайн и верстка журналов и газет • Графический дизайнер Жаданов Алексей

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

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

 

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

Верстка журнала

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

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

Верстка газеты

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

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

 

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

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

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

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

Рекомендации и шаги в дизайне страницы

Нет примечаний к слайду

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

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

Вы можете выделить фокус с помощью… композиции, цвета и диапазона используемых тонов ».

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

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

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

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

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

Успешные страницы будут иметь вертикальные и горизонтальные элементы, доминирующие и второстепенные элементы (заголовки, поля, линии и т. Д.).

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

Не разбивайте вырезанные истории до верха столбцов.

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

Чему нас могут научить газеты о веб-дизайне — Smashing Magazine

Об авторе

Фредерик О’Брайен — внештатный журналист, придерживающийся большинства британских стереотипов.Его интересы включают американскую литературу, графический дизайн, экологическое… Больше о Фредерик ↬

Перед домашней страницей была первая. Газеты многое узнают об основах веб-дизайна, от принципа Гутенберга до систем с сетками и выше.

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

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

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

Держите домашнюю страницу

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

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

Вверху страницы

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

Я бы купил это за доллар! Предоставлено: The New York Times.(Превью в большом разрешении)

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

Вверху страницы — первый и самый важный ответ газеты на «тест в пабе» — то, что вы бы выпалили, если бы рассказали кому-то суть истории в выпивке.Если бы у вас была возможность вчера рассказать своим друзьям, что мужчины гуляли по Луне, вы, вероятно, не стали бы открывать рекламу этой марки обуви. Вы бежали и кричали: «Люди ходили по Луне!» Это выше сгиба. Именно здесь газеты концентрируют самые важные новости (или истории) дня до ключевых моментов.

То же самое относится и к веб-сайтам, что, несомненно, является причиной переноса терминологии. «Над сгибом» в веб-дизайне (что в Интернете означает то, что вы видите до прокрутки) — это ответ веб-сайта на тест паба.Что нужно знать людям в первую очередь? Хотя это особенно актуально для домашних страниц, это применимо везде.

Три догадки, о чем Apple хочет, чтобы вы знали прямо сейчас. (Большой превью)

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

Принцип Гутенберга

Итак, вы привлекли чье-то внимание.Поздравляю. Вам нужно будет знать о принципе Гутенберга или Z-образном шаблоне. Отстаиваемый «отцом газетного дизайна» Эдмундом С. Арнольдом (подробнее о нем позже), принцип Гутенберга является хорошим практическим правилом, которому нужно следовать, думая о том, как люди взаимодействуют со страницей контента, будь то бумага или пиксели.

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

Диаграмма Гутенберга, любезно предоставлена ​​Стивеном Брэдли. (Прочтите его статью в Smashing Magazine здесь) (превью в большом разрешении)

Возьмите, к примеру, первую страницу New York Times , показанную ранее. Ваши глаза зигзагообразны с каждой линией. Куда бросается ваш взгляд после «ФЛАГ ЗАВОДА»? Почти наверняка на «Голос Луны».Нарушение этого потока обычно неприятно для читателей, потому что это противоречит привычкам чтения на протяжении всей жизни. Как часто вы видите, что ведущий рассказ занимает правую часть страницы, а не левую? Не часто.

То же самое применимо и к веб-дизайну. Статья Стивена Брэдли Smashing Magazine о композиционном потоке и ритме исследует этот принцип в онлайн-контексте и, безусловно, заслуживает прочтения, но я бы добавил, что рассмотрение его применения в печати имеет огромное значение.В конце концов, это принцип, который применялся десятилетиями до того, как появилась всемирная паутина. Любой заданный шорт-лист финалистов Society for News Design будет мастер-классом в потоке контента. Вот несколько недавних победителей, которые могут подогреть ваш аппетит.

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

Языки с письмом справа налево представляют собой зеркальное отображение макетов западных газет. Предоставлено: Tarek Atrissi Design. (Большой превью)

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

(Большой превью) Аль-Джазира переворачивает свой контент в зависимости от языка, на котором он просматривается. (Большой превью)

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

Полезно знать все эти шаблоны. Это не правила, это просто тенденции. Сильный новостной дизайн не слепо придерживается Z-образной формы, что бы ни случилось; он использует его как основу.То же самое и с веб-дизайном. Если сомневаетесь, запомните это, но не поклоняйтесь этому. Человеческий глаз обладает неотъемлемой силой чтения, но отличный дизайн скорее ведет, чем следует.

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

Для получения дополнительной информации о принципе Гутенберга перейдите по ссылкам ниже:

Таблички с именами

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

Многие из них сами по себе являются знаковыми. Таблички с именами таких изданий, как The Washington Post и The Sun , выжжены в общественном сознании. Таблички с именами — это логотип, бит, который гласит: «Мы не та другая газета. У нас , это газета .’Он сообщает, кто вы и что вы из себя представляете.

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

Газеты и веб-сайты одинаково понимают ценность табличек с именами как для брендинга, так и для навигации.(Большой превью)

Практически на каждом веб-сайте есть табличка с названием, только на веб-сайтах мы называем ее заголовком. Smashing Magazine есть один, Amazon есть один, Facebook есть один. Странно, что у веб-сайта , а не он есть, и что он не появляется на каждой странице. В сети на каждой странице должна быть небольшая часть первой страницы. Многие пользователи попадают на сайт через корневой домен, но многие — нет.

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

Сеточные системы и блоки контента

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

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

Ранние публикации, такие как выпуск норвежской газеты Dagbladet за 1905 год, часто очень привязаны к своим сеточным системам.(Превью в большом разрешении)

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

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

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

Модульная компоновка в действии в The Guardian. (Большой превью)

Эти стандарты всегда играли роль в веб-дизайне, но они особенно полезны, чтобы понять, что теперь в нашем распоряжении есть CSS Grid. Системы сетки газет не только предлагают руководство по аккуратной и ясной организации контента, они показывают, как блоки контента взаимодействуют друг с другом и с рекламой.Неправильное расположение может действительно выглядеть очень глупо, а правильное расположение — удовольствие читать.

Как всегда, есть отличия. Например, в сети редко бывают скачки (когда вы доходите до конца столбца и продолжаете читать вверху следующего), потому что веб-страницы могут опуститься бесконечно. Такой вид макета обычно имеет меньше смысла в Интернете, потому что он приводит к тому, что читатели прокручивают как вверх, так и вниз, чтобы просмотреть один фрагмент контента, что довольно нелогично.Как демонстрирует Рэйчел Эндрю, скачки могут быть подходящими для списков и небольших объемов контента, но такая практика, как правило, является продуктом физических ограничений печати. Основная ценность прыжков в веб-дизайне может заключаться в укладке блоков контента, а не в организации копии.

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

Дадаизм голландского художника Тео ван Дусбурга. (Превью в большом разрешении) Йельская школа искусств прилепила его к мужчине, мужику. (Большой превью)

Как уже отмечалось, чтобы сначала нарушить правила, вам нужно их знать. Для этого и всего остального можно начать с книги Тима Харроуэра The Newspaper Designer’s Handbook . Для более обширного введения отлично подойдет книга Кэрри Казинс «Использование сеток в полиграфическом дизайне» по адресу Design Shack .

И насколько все это имеет значение, когда вы переходите в Интернет? Ну, еще и еще.Свойства CSS, такие как Grid, Shapes и Flexbox, упрощают, как никогда, соблюдение правил и , нарушающих правила системы сеток. Подобно тому, как газеты обычно выходят за пределы невидимых линий своих макетов, так и веб-сайты могут раздвигать границы своего собственного носителя.

В своей книге Art Direction for the Web Энди Кларк сначала погружается в уроки печатных СМИ (и других), показывая, как прогресс в CSS может добавить совершенно новые измерения в систему сеток.Как говорит сам Кларк:

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

Слушайте, слышите.

Чтобы получить больше вдохновения, посмотрите, как Джен Симмонс вживую кодирует макет печати в CSS Grid на Smashing Conference 2019. Красиво. А чтобы получить более подробную информацию о системе сеток и ее использовании, ознакомьтесь с презентацией «Сетки хороши», подготовленные Хой Винхом и Марком Бултоном.

Смотри вперед… Но сначала оглянись назад

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

Газеты в лучшем случае следуют мультяшно простому принципу: представляйте информацию как можно яснее, привлекательнее и доступнее. Это достойная цель для любого веб-сайта.И не верьте мне на слово. Эти идеи поддерживал Эдмунд С. Арнольд, вышеупомянутый отец современного газетного дизайна ». За свою карьеру Арнольд разработал или переработал сотни газет, в том числе The Chicago Tribune, The Boston Globe, The National Observer, и Newsday .

Эдмунд С. Арнольд, «отец современного газетного дизайна». Фото: Джош Мельцер / The Roanoke Times. (Превью в большом разрешении)

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

Любой, кто хочет больше узнать об Арнольде и его работе, может сделать намного хуже, чем начать с ресурсов, перечисленных ниже:

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

Вы можете увидеть, как это происходит в реальном времени, когда газеты адаптируются к Интернету. Золотым стандартом дизайна новостей в Интернете на данный момент, вероятно, является номер The New York Times , который в этом году стал финалистом в печатных и цифровых наградах SND. Что интересно в Times онлайн, так это смесь классицизма и новаторства.Домашняя страница по-прежнему выглядит как первая страница печатного издания, в то время как отдельные статьи, такие как «Заговор с целью подорвать демократию», погружают себя в новые возможности Интернета.

The New York Times сочетает в себе лучшие практики новостей и веб-дизайна, чтобы создать что-то совершенно новое. (Превью в большом разрешении)

Или возьмем такого газетного дизайнера, как Марио Гарсиа — представителя поколения после Эдмунда — чья последняя книга, История , была разработана для чтения на мобильных телефонах. Лучшие новостные дизайнеры любят перемены.Доказательство в пудинге. (Для тех, кто интересуется, Гарсия ежедневно ведет блог о пересечении новостей и веб-дизайна.)

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

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

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

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

Контент предшествует дизайну.Дизайн при отсутствии контента — это не дизайн, а украшение.

— zeldman (@zeldman) 5 мая 2008 г.

Виталий Фридман поклонился тому же алтарю, когда сказал: «Хороший дизайн — это эффективная коммуникация, а не украшение за счет разборчивости». И он, и Зельдман найдут множество союзников в сфере дизайна новостей. Немногие медиумы имеют более богатую историю свадебного содержания и дизайна, чем газеты. Эта борьба — все, что у них есть.

До того, что еще не вообразили

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

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

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

издание 1609 года Relation Aller Fürnemmen und gedenckwürdigen Historien, которое многие считают первой газетой.(Превью в большом разрешении) Самый первый веб-сайт. (Большой превью)

Оба формата значительно улучшились с тех пор, как это было скромно, и еще очень многое предстоит сделать. Как прекрасно заметил К. Я. Гопинатх в 2016 году, параметры всегда меняются; веб-технологии, размеры экрана, устройства, скорость интернета и т. д. В мобильную эпоху табличка с именем может быть внизу. Кто знает? Все впереди.

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

(ra, yk, il)

Введение в газетный дизайн — SchoolJournalism.org

Дата Хопкинс
Программа наставничества молодых журналистов
Шривпорт, Луизиана

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

Генеративная тема
Принципы дизайна: понимание правил создания визуально привлекательной публикации

Генеративные объекты

• Копии первых полос New York Daily Times (7 марта 1857 г.) и других газет с 1690 по 1965 год. Текущий экземпляр USA TODAY.
• Копии первых полос газет с хорошим дизайном и с плохим дизайном.
• Большое количество газет для средних школ и колледжей, отражающих как хороший, так и плохой дизайн
• Накладные прозрачные пленки с примерами элементов дизайна из «Справочника газетного дизайнера» ​​
• Клейкие стержни, папка с чистым листом бумаги, множество журналов и газет, особенно журналов для подростков.

Понимание целей

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

Деятельность

Деятельность 1

• Повесьте на первых полосах номер New York Daily Times (или другой газеты) за 1857 год и текущий номер текущего USA TODAY.
• Попросите учащихся определить, какой из них они бы предпочли прочитать. Обсудите причины и перечислите их причины в двух столбцах на доске.
• Обсудите три элемента дизайна и сравните, как каждый из них используется для «удобочитаемости» в документах: текст; визуальные эффекты; белое пространство.
• Покажите примеры текущих публикаций для старших классов с хорошим дизайном и обсудите, как в каждой из них используются три элемента.
• Наконец, покажите образцы газет старше 20 лет. Обсудите, какие изменения произошли в отношении трех элементов за эти годы.
• Обсудите влияние радио, телевидения и Интернета на необходимость визуальной привлекательности публикаций для поддержания читательской аудитории.
• Попросите их провести поиск в библиотеке и в Интернете, чтобы найти три газетные страницы, одна из которых датирована 1920-1940-ми годами, а вторая — 1950-1970-ми годами, а также первую полосу местной общественной газеты. Используя диаграмму с заголовком столбцов, текстом, визуальными элементами и пустым пространством, сравните три документа.

Деятельность 2

• Проведите урок об элементах хорошего дизайна.
• Раздайте учащимся экземпляры терминов и определений с примерами из «Справочника газетного дизайнера».
• Обсудите следующие термины:
  • остаток
  • Доминанта история и фото
  • шрифтов и образцов стилей
  • обоснование
  • экранов
  • модульная конструкция и образцы.
• Также обсудите:
  • использование линий правил
  • интересных образцов дизайна для подписей, логотипов, инфографики, фолио, стоячих заголовков, подписей, выдвижных цитат
  • образец фоторепортажа
  • и образцы страниц-пустышек для хорошей модульной конструкции.
• Раздайте учащимся хорошо оформленную газету для средней школы или колледжа. Попросите их взять маркер и обозначить элементы дизайна и термины, указанные выше.

Деятельность 3

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

ОЦЕНКА ДИЗАЙНА СТРАНИЦЫ

Плюс (+) — это хорошо.An (x) — нет.

Название газеты: _________________

() 1. Баланс визуализации на первой странице?

() 2. Баланс визуалов на остальных страницах?

() 3. Доминирующая фотография на первой странице?

() 4. Основная фотография выложена с балансом на остальных страницах?

() 5. Единый тип заголовка во всем?

() 6. Соответствующее / приятное телосложение и лицо во всем?

() 7. Использование интересной графики?

() 8.Использование мультфильмов?

() 9. Приятная модульная конструкция с хорошим использованием правил? (Не загромождено)

() 10. Белое пространство работает нормально и не «застревает»?

ОЦЕНИТЕ ГРАФИЧЕСКИЕ ЭЛЕМЕНТЫ БУМАГИ:

1 = Супер; 5 = Плохо; 0 = не найдено

() 1. Заводская табличка

() 2. Дизайн линий

() 3. Обработка подписи / пореза

() 4. Строка фолио

() 5. Обработка выданных котировок

() 6. Использование правил

() 7.Интересный дизайн для инфографики

() 8. Интересный дизайн шапки

() 9. Экраны

() 10. Логотип

() 11. Стоящая голова, идентифицирующая страницу или раздел бумаги

Деятельность 4

• Попросите учащихся принести папку с большим количеством чистой бумаги и клеев. Разместите на столе много газет и журналов, отмеченных графическими элементами, например, актуальных журналов для подростков. Попросите учащихся создать графическую записную книжку, пометив пять разделов:
  • Типовые стили
  • Модульные конструкции
  • Элементы страницы (авторские строки; строки фолио и постоянные заголовки)
  • Фоторепортажи
  • Таблички / логотипы / заголовки
• Попросите их вырезать и вставить интересные графические рисунки.Собирайтесь группами по четыре человека и делитесь идеями.

Деятельность 5

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

• Выберите два «модных» журнала, одну газету, веб-сайты Общества новостного дизайна и статью «Цвет в газетах: четыре тематических исследования» из Института Пойнтера.

• Выберите хорошие примеры из «Справочника газетного дизайнера».»Делитесь идеями с персоналом.

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

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

• Создайте для своей газеты сборник стилей, отражающий новый вид издания вашей школы.

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

Ресурсы

• Борона, Тим. «Справочник газетного дизайнера». (Блэклик, Огайо: Макгроу-Хилл).

• Фергюсон, Дональд Л., Паттен, Джим и Уилсон, Брэдли. «Журналистика сегодня, 5-е изд.» (Чикаго: Национальная учебная компания, 1998 г.) с прилагаемой рабочей тетрадью ER (Образовательные ресурсы).

• Эмери, Эдвин, изд. «История Америки в газетах с 1690 по 1965 год.”(Нью-Йорк: Саймон и Шустер, 1965)

Позиционирование

— Автоматическая верстка газет (с TeX и за рубежом) — TeX

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

Я думаю (с профессиональной точки зрения) о полностью автоматическом создании газет из данных.

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

Как результат , вся газета будет создана автоматически без дальнейшего взаимодействия с пользователем (с акцентом на печать, а не онлайн; то есть PDF, а не HTML).

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

Конечно, любая система производственного качества даст верный ответ, включая систем, основанных на TeX 😉

Поиск в Google

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

Есть и другие интересные ссылки в области планировки этажей для компоновки СБИС, но они, конечно, не учитывают специфические потребности газет 😉

Теперь мои вопросы немного точнее:

1. Действительно ли существует система, подобная описанной выше (она не обязательно должна быть основана на TeX)? Мне были бы интересны указатели на конкретные системы, а также публикации о них.
2. Есть ли издатели, которые действительно используют подобную систему для выпуска газет (онлайн тоже было бы интересно)?
3. Кто-нибудь здесь когда-нибудь работал с такой системой и хотел бы описать, как она используется?
4. Какие самые интересные «научные» публикации по этой теме я должен учитывать при проектировании такой системы самостоятельно?

Я видел вопрос «Автоматическое создание газет в LaTeX», но он имеет несколько иной фокус, чем мой (какие инструменты LaTeX использовать), и, к сожалению, обсуждение там не было очень интенсивным и не дало никаких указателей, которые могли бы мне помочь.

Некоторая литература

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

1. Schoon, Benjamin Durant
   Fishpaper: автоматический персонализированный макет газеты
   Диссертация (бакалавр наук) — Массачусетский технологический институт, кафедра электротехники и компьютерных наук, 1994.

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

   Это исторически интересно, потому что приходится на приход WWW. Браузер Mosaic явно упоминается как устройство для представления новостей в электронном виде, но до появления HTML 2.0, видимо возможности по форматированию экрана были ограничены. TeX также явно упоминается в смысле продукта, отчасти конкурирующего с представленным программным обеспечением fishpaper , которое производит файлы PostScript из заданного потока новостного контента и заданных шаблонов макета страницы.

   Пример из статьи:
   

2. Gonzalez J, Rojas I, Pomares H, Salmeron M, Merelo JJ.
   Оптимизация макета веб-газет с использованием Имитация отжига
   IEEE Trans Syst Man Cybern B Cybern.2002; 32 (5): 686-91.

   Спасибо Мартину за ссылку.

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

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

   Пример из статьи:
   

Современное состояние?

Поскольку я размышляю над этой темой, мне постоянно приходят рекламные объявления и сообщения в блогах о системах, позволяющих выпускать газеты 😉

Без связи с одним конкретным поставщиком, я бы просто упомянул два примера, которые, кажется, представляют состояние дел в системах, которые упрощают разметку газет:

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

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

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

1. EPD Wochenspiegel, еженедельный сборник новостей, который существует во множестве местных и тематических вариантов.
2. EPD Medien, еще один еженедельный информационный бюллетень с определенной темой (медиа) и немного другим оформлением.
3. EPD Zentralausgabe, ежедневный информационный бюллетень, снова существующий в нескольких местных вариантах.

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

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

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

Найти сообщения по заголовку:

• «Он сделал экономику более человечной»
• «Психологический трюк превращает ваше« да »в« нет »- журнал Pop Science посетил лабораторию Choice Blindness Lab.
• , 11–12 сентября: SweCog на выставке LUCS
• Штефан Ребер, 2020 г., Штефан Ребер,
• Новый режим использования инструментов у животных: новокаледонские вороны вставляют инструменты для транспортировки предметов
• Пропаганда оцифрованных национальных тестов
• Агнета Гульц на TEDx: Обучение на практике — оставляя упрощенные модели и теории позади
• Agneta Gulz i DN om «Hjärnsmarta skolor»
• Agneta Gulz i Skolvärlden: Så skapar du motivation hos eleverna
• Agneta Gulz medverkade i Kapitalet (podcast) om motivation och uthållighet
• Агнета Гульц об обучении в 21 веке
• Андреас Линд получает грант от Фонда Крафорда
• Анника Валлин к записи Почему нужно принимать правильные решения?
• Анслаг от Маркуса и Амалии Валленбергс Миннефонд
• Анслаг от Riksbankens Jubileumsfond
• Anslag от Skolforskningsinstitutet
• Доцент кафедры когнитивных наук или теоретической философии
• Attudera medvetandet — Peter Gärdenfors intervjuad i Lundagård
• Премия Яне Холсановой — Визуальная коммуникация
• Младенцы знают, когда вы им подражаете — и им это нравится
• Bayes @ Lund 2015 с участием EJ Wagenmakers
• Bayes @ Lund 2015 — Мини-конференция по байесовским методам в Лундском университете, 10 февраля 2015 г.
• Beslutsblindhet ett av nyorden 2018 // Слепота выбора — одно из новых шведских слов 2018
• Beslutsblindhet på UR Samtiden — Hjärndagen 2017 (Видео)
• Лучшая студенческая работа, занявшая второе место на AIED 2020
• Пристрастие к моральным решениям, используя динамику взгляда
• Блоги @ Lucs: Korpgluggen
• Блоги @ Lucs: Publishable Stuff
• Блоги @ Lucs: Фотоблог исследования приматов
• Разведено для детей с детьми…
• Can Can!
• Может ли нейробиология объяснить человеческий разум?
• CCL-финансирование x 3
• Дуэт знаменитостей Филип и Фредрик принимает участие в магическом исследовании морали лаборатории слепоты выбора
• Дети, обучающие цифровых учеников и цифровой класс
• Шимпанзе и посетители зоопарка одинаково подражают друг другу
• Слепота выбора
• Слепота к выбору и изменение предпочтений: вам больше понравится эта статья, если вы (поверите) решите ее прочитать! Журнал принятия поведенческих решений
• Choice Blindness на художественной выставке в Лондоне
• Choice Blindness показали на шведском радио
• Выборная слепота в исследованиях Дэна Брубейкера, выставка
• Выбор слепоты в природе Новости
• Документальный фильм «Выбор слепоты в науке о магии»
• Слепота выбора, конфабулятивный самоанализ и обсессивно-компульсивные симптомы: новая область исследований
• Choiche Blindness, представленная в подкасте BBC: The Big Idea
• Christian Balkenius i LUM: Lätt att överdriva framsteg i forskning om robotar
• Christian Balkenius ny ledare for WASP-HS forskarskola
• КОНЦЕПТУАЛЬНЫЕ ПОМЕЩЕНИЯ В РАБОТЕ, 24-26 МАЯ 2012 ГОДА
• Исследование о заразной зевоте, объясненное The New York Times
• Контроль расширения зрачка
• Скрытые цифровые манипуляции с голосовыми эмоциями изменяют эмоциональные состояния говорящих в соответствующем направлении
• Вороны-птицы соперничают с человекообразными обезьянами по моторному саморегулированию
• Den nya podden «Mycket hjärna» uppmärksammad i skolvärlden
• Den svåra konsten att se sig själv — Ny bok av Peter Gärdenfors
• Диспут: Андреас Линд
• Диспут: Åsa Harvard Maare
• Диспут: Björn Sjödén
• Диспут: Расмус Бэт
• Есть докторантура по когнитивным наукам
• Докторантура в области когнитивных наук открыта для подачи заявки
• Докторантура по когнитивной зоологии
• Докторантура по когнитивной зоологии
• ETG в Альмедален
• ETG на Лондонском фестивале обучения: Показано в СМИ и награда за лучший студенческий плакат
• ETG от LU-medel до samverkansprojekt
• ETG i finska Yle — om skolan
• ETG и педагогический магазин (x3)
• ETG i SR P1: Vetandets värld
• ETG представляет на выставке LUMA 2017
• ETG-Research выходит на международный уровень
• ETG-исследования в LU News
• ETG: Anslag x2 от Erik Philip-Sörensens stiftelse
• ETG: s Samverkans-initiativ: «Tillsammans över tröskeln till framtidens klassrum», представленный в LUM
• Эволюционные и развивающие аспекты интерсубъективности
• Expo: проекты магистрантов в области VR, AR, технологий обучения и робототехники
• Наблюдение за глазами в супермаркете
• Fågelhjärnan och tänkandets evolution
• Фильмы для слабовидящих?
• Финансирование: Tematiskt samverkansinitiativ — fortsättning & fördjupning
• Форскнинг «в дикой природе»
• Финансирование: Шведский исследовательский совет № 1
• Финансирование: Шведский исследовательский совет № 1
• Финансирование: Шведский исследовательский совет № 2
• Грант: Фонд Маркуса и Амалии Валленберг (MAW)
• Холсанова, Йоханссон и Аландер получают финансирование FORTE
• Как работает эволюция? Эпизод 1
• Как работает эволюция? Эпизод 2
• Как работает эволюция? Эпизод 3
• Как работает эволюция? Эпизод 4
• Как работает эволюция? Эпизод 5
• Как опросы могут быть как точными, так и абсолютно ошибочными: использование слепоты к выбору для изменения политических взглядов и намерений избирателей
• Как мотивировать студентов
• Humanistiskt robotlabb öppnar upp for andra fakulteter
• Inför digitala nationella prov — Заключение SvD: Brännpunkt
• Innovativ Interaktion
• Интегрированные модели памяти
• Международная конференция по эпигенетической робототехнике 2001-2010 гг.
• International PostDoc Grant — Андрей Аникин
• Интервью с Бьёрном Сьёденом (ETG: Educationa Technology Group) в Сколвердене
• Введение в речевой обмен в реальном времени
• Иво Джейкобс, опрошенный Wired: Почему врановые «крадут» предметы?
• Иво Якобс, комментер, артикль ом tjuvlyssnande Silkesapor i Vetenskapsradion Nyheter (SR P1)
• Яна Холсанова на Гетеборгской книжной ярмарке
• Jana Holsanova leder nytt samverkansinitiativ om syntolkning
• Kan elever lære å kjede seg mindre?
  Агнета Гульц в норвежском подкасте «Lærerrommet»
• Kassa appar: Fel personer gör fel saker
• Korpgluggen — Новый блог LUCS
• Кунгл.Vitterhetsakademien:
  Swensonska priset до Peter Gärdenfors
• Kunskapskanalen: Smartare lek- och lärspel för barn
• Kursbetygssystemet är lärfientligt i sig självt
• Лекция о мотивации и понимании в обучении.
• Приоткрывая завесу нравственности
• Live! Ладьи и галки
• Смотрите здесь, новая публикация мысленных образов в журнале Psychological Science
• LUCS 25 лет: Петер Гарденфорс об истории LUCS
• 25-летие LUCS: приветствие вице-канцлера
• LUCS на CogSci 2017
• LUCS ночью (Kulturnatten 2017)
• LUCS на 14-м Междунар.Конф. об интеллектуальных виртуальных агентах (IVA 2014)
• LUCS на конференции Culture Brain Learning (CBL 2014)
• LUCS на Международной конференции по музыкальному восприятию и познанию
• курсов LUCS представлены в журнале Lund University Magazine и Sydsvenskan
Модель
• LUCS представлена ​​в последнем журнале AXESS Magizine
• Цифры LUCS в журнале Лундского университета № 8, 2011 г.
• Люк тактильная рука
• LUCS на Bokmässan 2017
• Исследование LUCS, представленное в новостях.
• Исследование LUCS на телевидении и радио
• Исследование LUCS представлено в отчете Hechinger (США)
• Лундский университет когнитивной науки 25 лет 24 и 25 сентября.
• Магистратура опубликована: I
• Магистратура опубликована: II
• Mathias Osvath i Filosofiska Rummet om Språkets uppkomst
• Mathias Osvath ny ledamot i Sveriges unga akademi
• Матиас Осват о познании животных (на шведском языке)
• Mathias Osvaths korpforskning i SVT
• Ментальные образы в Сюдсвенскане
• Ментальные образы в радиопрограмме Vetandets värld, P1
• Исследование ментальных образов в LUCS
• В центре внимания исследования мультимодальных перевозок в Гонконге
• Mycket hjärna — en ny podd om forskning kring lärande
• Новая технология Naong
• Новая аналитическая модель для киберспорта предсказывает, кто победит и почему
• Новая статья в JoEP: HPP от группы ментальных образов LUCS
• Новая глава книги «Восприятие мультимодальности»
• Новая книга: Приложения самоорганизующихся карт под редакцией Магнуса Джонссона
• Новый доктор когнитивных наук
• Новая должность докторанта в Лундском университете когнитивных наук
• Новая отредактированная книга: Аудиоописание — Исследования и практика
• Новая открытая должность доктора философии в LUCS.
  Подать заявку до 1 марта 2018 г.
• Новая открытая должность доктора философии в LUCS.
  Подать заявку до 1 марта 2019 г.
• Новая открытая позиция PHD в LUCS
• Новая статья в PLoS ONE о планировании шимпанзе
• Новая кандидатская позиция в области когнитивных наук
• Новый кандидат — Аникин Андрей Сергеевич
• Новый доктор философии — Бетти Тэрнинг
• Новый доктор философии — Йенс Нирме
• Новый доктор наук — Катаржина Бобрович
• Новый доктор наук — Мануэль Олива
• Новый доктор философии — Томас Страндберг
• Новый доктор наук — Захра Гараи
• Новая публикация по отслеживанию глаз и мультимодальности
• Новые публикации по исследованию больших обезьян
• Новый документальный радио-фильм: «Att komma nära en korp»
• Новый шведский учебник по когнитивным наукам
• Ny bok: Digitalisering i förskolan på vetenskaplig grund
• Nya avsnitt av podden «Mycket Hjärna» — Avsnitt 16 & 17
• Nytt anslag forskning om dinosauriekognition
• Nytt avsnitt i podden «Mycket hjärna»
  Avsnitt 7: Self-Efficacy — att tro på sin egen förmåga
• Корпус на SVT «Mitt i naturen»
• Открытая кандидатская диссертация в области когнитивных наук с акцентом на познание динозавров
• Открытая кандидатская диссертация в области когнитивных наук с акцентом на искусственный интеллект и этику
• Открытая кандидатская диссертация по практической философии с акцентом на искусственный интеллект и этику
• Орангутаны умеют предугадывать вкус соков
• Петер Гарденфорс фигурирует в фильме «Forska för livet».
• Peter Gärdenfors i Filosofiska Rummet: Tänka, konkret och abstrakt
• Peter Gärdenfors ny ledamot i Kungl. Ingenjörsvetenskapsakademien
• Peter Gärdenfors tilldelas Einar Hansens hederspris
• Петер Гарденфорс: Общение с социальными роботами
• Новая книга Питера Гарденфорса «Геометрия значения: семантика, основанная на концептуальных пространствах»
• Петтер Йоханссон представлен на TED.com
• Петтер Йоханссон о слепоте выбора на TEDx
• Докторантура в Лаборатории слепоты выбора
• Филип Пярнаметс лауреат премии имени Глушко.
• Podden «Mycket hjärna» Avsnitt 11: Fjärrundervisning och lärande på distans
• Podden «Mycket hjärna» Avsnitt 12: Formativ bedömning
• Podden «Mycket hjärna» Avsnitt 13: Att lära sig skriva
• Podden «Mycket hjärna» Avsnitt 14: Problembaserat lärande
• Podden «Mycket hjärna»
  Avsnitt 15: Grupparbete
• Постдок в области когнитивных наук
• Исследования приматов
• Финансирование проекта Фондом Марианны и Маркуса Валленбергов
• Projekt om AI och etik for anslag av Wallenberg
• Projektfilmer FoU kurser
• Пуфендорф Лекция 2020: Дэниел К. Деннет
• Вороны параллельны человекообразным обезьянам в гибком планировании использования инструментов и обмена
• Отчет «Описание изображения для доступности — рекомендации, исследования и практика»
• Исследование LUCS на шведском национальном телевидении.
• Круглый стол по обучению
• Rytm, apor och kognitionsforskning i SR: s Filosofiska rummet
• Научная публикация: Навигация по познанию: пространственные коды человеческого мышления
• Skolan saknar kunskap om Hur vi lär oss bäst
• Studentprojekt i «Skolvärlden»
• Симпозиум и дебаты: Практика, открывающая все возможности, и другие виды деятельности
• Робот-строитель покинул здание
• Провал цифрового образовательного программного обеспечения в Швеции
• Волшебное прикосновение
• Исследовательская группа приматов получает Нобелевскую премию 2018 года в области антропологии
• Премия The Primates 2019 за социальное воздействие
• В поисках земного разума
• Размышляя о времени в разных культурах.
• Thora Ohlssons stiftelse prisar Gabriela-Alina Sauciuc och Tomas Persson
• Слежение за мысленным взором
• Две новые статьи о познании ворона в книге «Поведение и познание животных»
• Две открытые должности доктора философии в LUCS
  Подать заявку до 1 марта 2021 г.
• Две открытые вакансии PHD в LUCS
• Двухлетняя аспирантура по когнитивной зоологии
• Вад пратар ви ом нар ви пратар ом искусственно интеллигентные?
• Vetenskapens värld om hjärnan och komplexa kognitiva förmågor hos djur
• WIRED заметки о слепоте выбора в статье о магии в науке
• «Att Individualanpassa utbildningen» :: Вебинар, организованный itslearning.
• «Глазами смотрящего», новая глава книги Яны Холсановой
• ”Det sanna jaget finns inte”

Найти сообщения по месяцу:

Найти сообщения по категории:

Может быть Страница:

14 передовых правил создания яркого редакционного дизайна

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

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

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

Я твердо верю в важность отношения наряду со способностями, поэтому мои «правила» представляют собой смесь того и другого…

01. Каждый раз приносить энтузиазм

В выпуске перезапуска The Recorder я поручил одному из моих самых любимых Neasden Control Center воплотить в жизнь сложную, ориентированную на будущее функцию

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

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

02. Позвольте сетке вести вас

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

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

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

Также прочтите: Освоение сеток в InDesign CC

03.Рассмотрим типы типа

. Для лондонского выпуска журнала Boat Magazine мы использовали семейство Сохо Себа Лестера, которое он — через Monotype — любезно подарил нам.

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

Правильные шрифты могут сделать или сломать журнал, а сочетание шрифтов само по себе является искусством. Очень редко заказывать индивидуальный шрифт (например, 29 стилей и весов, разработанных Хенриком Кубелем для редизайна журнала New York Times в 2015 году), поэтому для подавляющего большинства из нас это случай выяснить, сколько шрифтов вам нужно, чтобы делать то, что вы нужно.

Если есть сомнения, тройка — отличная отправная точка. У шрифтов есть отличительные черты: серьезный, случайный, игривый, элегантный. Подберите настроение вашего шрифта к цели вашего дизайна. Создайте преднамеренную визуальную иерархию, объединив отображаемое лицо для заголовков с более разборчивым семейством или два для основного текста (возможно, без шрифта и с засечками).

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

Также прочтите: Как выбрать правильный шрифт для бренда

04. Сотрудничайте с умом

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

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

Уникальная обложка The Recorder, созданная в сотрудничестве с дизайнером обложек Penguin Дэвидом Пирсоном, покрыта точечным УФ-лаком

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

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

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

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

Также прочтите: 10 способов выделить обложку вашего журнала

06. Тщательно идти на компромисс

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

Может, разворот нужно заменить рекламой? Или, возможно, ваш брендированный контент недостаточно брендирован? Каким бы ни был компромисс, убедитесь, что вы всегда отвечаете на бриф.

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

07. Контрастность ремня

Каким бы мощным ни был контраст, иногда с тем же успехом работают дополнительные — например, этот шрифт Masqualero, имитирующий нарисованный вручную тип профилированной суперзвезды Джеммы О’Брайен

Это еще один очевидный вариант, но это нечто такое. легко упустить из виду: визуальный контраст — один из самых мощных инструментов дизайнера, и его проще всего использовать (хотя и не всегда легко сделать правильно).

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

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

08. Задавайте темп

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

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

09. Пригвоздите иллюстрацию

Я заказал иллюстратору Зои Баркер для трех названий: она прибивает их каждый раз

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

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

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

10. Помните, фотография стоит…

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

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

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

11. Обратите внимание на детали

Эти чистые макеты для профиля дизайнера плакатов Джессики Свендсен в The Recorder включают «выбрасываемые» страницы и яркие неоново-зеленые чернила пятнистого цвета.

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

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

12. Дизайн контента

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

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

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

13. Дизайн для читателя

Еще одним ярким моментом из 5-го номера регистратора является эта красочная иллюстрация талантливого художника Брулио Амадо

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

Адаптация вашего стиля и создание разборчивой и доступной работы жизненно важны для привлечения вашей аудитории; то же самое касается решений о количестве бумаги, размере и количестве страниц и т. д. Каждое дизайнерское решение должно приниматься намеренно с учетом интересов конечного пользователя, а не судей или коллег-дизайнеров в Твиттере.

14.Создавайте для себя

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

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

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

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

3 обязательных инструмента для редакционного дизайна

Статьи по теме:

Все, что вам нужно знать о макете графического дизайна — Городское руководство

8 мин на чтение

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

1. Значение графического макета

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

2. Графический дизайн Правила макета

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

3. Шаблон макета графического дизайна

Существуют различные шаблоны дизайна, которые можно использовать для создания визуально привлекательного макета.Вы можете полностью настроить страницу, просто используя HTML-код, который не использует тему. В жидких элементах макета не будет отображаться верхний, нижний колонтитул или другие перенесенные элементы, но они могут быть полезны для создания единства. Люди обычно используют свойство CSS для создания жидких шаблонов. Еще один известный шаблон макета, который используют люди, — это таблицы для создания макета, который довольно интуитивно понятен. Их можно увидеть практически везде! При использовании этого шаблона вам даже не нужно использовать отдельную таблицу стилей CSS. И самое лучшее в них то, что они не ломаются.Flexbox — это еще один шаблон макета, который представляет собой сокращенное название модуля CSS Flexible Box Layout. Это что-то новое в шаблоне Float, и основная идея flexbox — дать контейнеру возможность изменять длину, ширину и порядок своих элементов. Вы должны использовать его, если хотите заполнить доступное пространство и выделить свой макет.

4. Вдохновение от дизайна макета

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

5. Книга макетов графического дизайна

Когда дело доходит до поиска вдохновения и вникания в дизайн макета, графические дизайнеры избалованы выбором. У нас под рукой есть множество книг, которые ждут, чтобы их изучить и насладиться, которые помогут вам улучшить и усовершенствовать свои навыки макета дизайна. Очень популярной книгой по макетированию в этой категории является «Модернизм логотипов (дизайн)» Йенса Мюллера, где вы можете увидеть квинтэссенцию модернизма в графическом дизайне. Эта беспрецедентная публикация объединяет около 6000 товарных знаков и может стать лучшим подарком для создания привлекательных макетов.Вы также можете прочитать Книгу макетов Гэвина Амброуза и Пола Харриса, в которой объясняются, как, почему и почему нельзя создавать макеты. Он имеет большой выбор великолепных макетов и содержит более 300 полноцветных и черно-белых иллюстраций. Вы также можете прочитать другие книги, такие как «Рабочая тетрадь по макету» Кристин Каллен, «Основы макета» Бет Тондро. Все эти книги могут мгновенно разбудить ваш вдохновляющий разум.

6. Печатный макет Дизайн Вдохновение

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

7. Приемы макета графического дизайна

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

8. Принципы макета графического дизайна

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