Верстка газеты онлайн: Программа для создания верстки онлайн. Программа вёрстка газеты или журнала

Программа для создания верстки онлайн. Программа вёрстка газеты или журнала

Для каких целей нужны программы?

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

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

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

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

Для работы с макетом

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

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

Собственно верстка

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

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

Рис. 1. В блокноте нет подсветки синтаксиса, поэтому он не годится для работы с кодом.

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

Рис. 2. В Notepad++ отличная подсветка синтаксиса. Теги, атрибуты, значения атрибутов и простой текст выделены по-разному.

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

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

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

Front Page. Еще одна программа от Microsoft. Тоже позволяет работать с изображениями, видеороликами и JavaScript.

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

Статистика показывает, что большинство разработчиков использует Sublime и Notepad++. Это лучшие программы для верстки сайтов. Но они подойдут вам, если вы уже знаете код и особо не нуждаетесь в помощи. Тогда эти редакторы дадут вам больше свободы.

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

Также многие хвалят NetBeans. Эта среда разработки хорошо подходит для написания веб-сценариев и скриптов. Рекомендуется начинающим программистам.

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

Проверка верстки

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

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

Этого тоже может быть недостаточно. Если шаблон должен одинаково выглядеть в большинстве популярных браузеров, нужно проверить верстку на кроссбраузерность. Для этого существует несколько онлайн-сервисов. Одним из самых популярных является crossbrowsertesting.com/. Определенные функции на сайте доступны только за деньги. Сервис обрел популярность из-за возможности проверить сайт в более чем ста версиях различных браузеров.

Рис. 3. Crossbrowsertesting – один из ресурсов, который предлагает проверку на кроссбраузерность в сотнях версий браузеров.

Все еще может быть необходима адаптация верстки под старые версии браузеров. Как известно, больше всего проблем всегда возникало с Internet Explorer. Ранее я уже писал об IE Tester – программе, где можно бесплатно проверить, как сайт будет выглядеть в старых версиях этого браузера. Для этого также подходит программа NetRederender. Она позволяет посмотреть внешний вид сайта в IE-версиях от 5.5 до 9.

Вывод

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

QuarkXPress – мощная профессиональная программа для создания макетов всевозможной печатной продукции: журналов, каталогов, буклетов, газет и т.д. Кроме макетов «бумажных» изданий программа позволяет создавать дизайн сайтов, электронных книг и Flash-приложений. КваркЭкспресс является лидером среди подобного ПО, и пользуется уважением у специалистов, занимающихся версткой и дизайном профессионально. Утилита поддерживает большое количество графических форматов и цветовых стандартов, позволяет осуществлять импорт текстов и таблиц из Excel и Word, производит автоматическое обновление элементов, примененных в макетах. QuarkXPress скачать бесплатно вы можете на этом сайте.

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

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

Основные достоинства QuarkXPress

• Расширенный функционал.
• Интуитивный и понятный интерфейс.
• Поддержка Photoshop.
• Наличие большого количества инструментов.
• Наличие настраиваемого управления символами.
• Наличие словарей.

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

Программы для верстки

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

Разработано немало программ, предназначенных для создания многостраничных макетов. Среди них — продукты корпорации Adobe (PageMaker, Frame Maker, InDesign), а также QuarkXPress, Corel Ventura Publisher, TeX. Все они имеют свои особенности и могут оказаться оптимальными в разных случаях.

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

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

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

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

В принципе и текстовая программа Microsoft Word может быть использована для верстки. Стоит установить нужные надстройки, и в Word станут доступны многие функции специальных программных продуктов — PageMaker, XPress или InDesign. Некоторые издания систематически верстаются таким образом, но все же это не лучший путь и не самое профессиональное решение. Программа, изначально предназначенная для верстки, всегда будет удобнее. А в конечном итоге главное — то, как читатель воспринимает книгу, и надо ориентироваться прежде всего на удобочитаемость, какая бы программа ни использовалась.

Adobe InDesign

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

Помимо печати, он позволяет экспортировать готовые документы в актуальный на сегодня формат PDF и в другие форматы, сохраняя всё многообразие оформления и уникальные дизайнерские решения. Программа InDesign стала первой в своём роде, объединившей столько издательских функций воедино. Помимо интеграции с другими продуктами компании Adobe: Photoshop, Illustrator и Acrobat, — она позволяет использовать для оформления шрифты Unicode, то есть тысячи вариантов символов.

Также в арсенале «Индизайна» — самые современные функции прозрачности и визуальные спецэффекты, вёрстка стилей и использование шрифтов OpenType, а ещё — оптическое выравнивание макета и кросс-платформенные скрипты для электронных документов.

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

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

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

«Жидкий» макет

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

Связанное содержимое

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

Инструменты сбора содержимого

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

Интерактивные документы HTML

Добавляйте интерактивный контент HTML — например, Google Maps и анимацию, разработанную в программе Adobe Edge™ — в макеты InDesign. Интерактивные элементы сохраняются при экспорте в форматы HTML, EPUB3 или.folio в Adobe Digital Publishing Suite.

Улучшенная поддержка компоновки

Компонуйте проекты InDesign для отправки в Adobe Digital Publishing Suite с сохранением таких функций, как наложения. В пакет можно также вложить файл IDML.

Интеграция с другими решениями Adobe

С легкостью реализуйте творческие замыслы при разработке самых разных проектов благодаря тесной интеграции ведущих отраслевых решений Adobe, в том числе Adobe Photoshop, Illustrator, Acrobat и Flash Professional.

Улучшенные функции экспорта документов PDF

Экспортируйте документы PDF, соответствующие стандартам PDF/X-4:2010, PDF/X-5:2010 и PDF/VT-1, для обеспечения тесной интеграции с Adobe Acrobat X и Adobe PDF Print Engine 2.5.

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

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

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

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

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

Основные достоинства Scribus

• Широкие функциональные возможности.
• Поддержка формата CMYK.
• Удобная система справок.
• Наличие встроенных шаблонов.
• Поддержка горячих клавиш.

Функционал приложения позволяет создавать документы в формате PDF. Также есть возможность импорта и экспорта документации из формата SVG, PDF и EPS. Созданные макеты готовы к распечатке на профессиональном оборудовании.

Верстка газеты в Indesign. Видео урок

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

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

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

Настройка параметров страницы.

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

Настройка шаблонов страницы

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

Размещение текстовых блоков и фотографий

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

Распространенные ошибки при верстке газеты:

Количество текстовых колонок должно быть кратно изначально заданному. Разное количество колонок, как на рисунке слева, не красиво смотрится. Если вы используете разметку на 4 колонки, то две из них можно склеить в одну, как на рисунке справа.

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

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

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

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

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

Видео урок:

Как сверстать газету в Indesign.

(Visited 38 985 times, 6 visits today)

Составляющие хорошей газеты: дизайн, верстка, контент

2 — 2014

Николай Дубина

Существует хорошая традиция — когда надо подчеркнуть, что раньше было хорошо, а сейчас все не так, то начинают сравнение чего­либо с 1914 годом или с лучшими годами советского периода.

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

Только не надо думать, что все газеты были на одно лицо. Отнюдь! «Известия», «Правда», «Вечерняя Москва» и пр. — каждая имела свой неповторимый и узнаваемый имидж. Это говорит о том, что даже в рамках строгих правил и отраслевых стандартов можно создавать уникальный для каждого издания дизайн.

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

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

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

Дизайн

Итак, после контента (собственно содержимого) дизайн является самым важным элементом успешной газеты. Это поняли более 35 лет назад (в 1978 году) в США, где появилось Общество газетного дизайна. Впоследствии оно было переименовано в Общество новостного дизайна (Society for news design, SND).

В 1990 году результаты первого исследования Eye­Track показали, что 80% читателей прежде всего воспринимают общий вид (дизайн, если угодно) полосы, 75% во вторую очередь рассматривают фото, потом заголовки — 56%, подписи к фото и выносы — 29%. При этом основное внимание к текстам — 25%.

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

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

Разворот газеты «Мой район», получившей «золото» в 2010 году на Всемирном конкурсе новостного дизайна

Редакторы успешных газет, напротив, очень трепетно относятся к вышеперечисленным моментам. Так, Гейл Грин, управляющий редактор газеты National Post (Канада) еще пять лет назад писал: «Иллюстрации, дизайн — часть рассказывания историй. А редакторы и дизайнеры работают хорошо, когда вместе думают о наилучшей визуальной ее реализации. Насколько много должно быть дизайна? Будет ли история более доступной читателю с визуальными разбивками и врезками? Как насчет боксов с фактами? Или графиков?

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

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

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

Разворот газеты «Мой район», получившей «золото» в 2010 году на Всемирном конкурсе новостного дизайна

Ему вторит Игорь Садреев, в ту пору шеф­редактор журнала FHM: «Мы продаем читателю не вордовский файл, а упакованный продукт. Дизайн — это упаковка, которая должна привлекать внимание. Можно продавать шоколадные конфеты в целлофановых пакетах, а можно — в коробочке с шелковой лентой. Второе будут покупать лучше. Впрочем, сравнение немного хромает. Функция дизайна шире. Он должен работать не только на продажу, но и на общее восприятние. Грамотный визуальный ряд помогает усвоить сказанное в тексте и рождает новые смыслы. Как правило, арт­директора не любят читать тексты, а следовательно, работать нужно обязательно совместно: обсуждать, показывать, спорить. Иначе получится упаковка для шоколадных конфет, внутри которой лежат гвозди».

Тимур Юсупов, газетный дизайнер, работал арт­директором в газете «Труд»: «Современные новости уже давно перестали быть просто текстом. И простое размещение текста на полосе совсем не гарантирует, что читатель сделает над собой усилие и прочтет его от корки до корки. Его надо заинтересовать, предоставить все удобства для получения информации, красиво рассказать историю, создать верный эмоциональный фон для восприятия. Зацепить.

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

Почему сегодня к газетному оформлению не следует подходить формально? Почему дизайн постепенно приобретает для любого печатного издания всё большее значение?

Борьба издателей газет за читателя с каждым днем всё больше накаляется. Эпоха «сплошного чтения» сменилась эпохой «чтения выборочного». Читатель уже не вчитывается в каждую фразу на газетной полосе, а останавливает свой взгляд на том, что ему наиболее интересно. Современная газета, конкурируя с другими печатными СМИ, в своем оформлении многое перенимает от более привлекательных по дизайну журналов и интернет­ресурсов. Используя дизайн, газетчики пытаются управлять вниманием читателя.

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

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

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

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

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

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

Победитель номинации «Лучшая первая полоса» в норвежском конкурсе газетного дизайна

Интернет дает газетчикам огромные возможности. При поиске нужного фотоматериала мы можем обращаться к фотографам и художникам всего мира — фрилансерам и обычным интернет­пользователям. Для многих из них важен не гонорар, а сам факт, что их снимок напечатают в профессиональном издании. Зная это, почему бы не сделать пользу взаимовыгодной?

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

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

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

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

Инфографика

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

Показателен опыт газеты USA Today 30­летней давности, благодаря которой и родился термин «информационная графика». В 1982 году газета начала отводить значительную часть своих полос под информационные рисунки. Новшество оказалось настолько удачным, что распространилось и на другие американские издания.

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

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

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

Лаконичные тексты в нынешней газетной моде считаются хорошим тоном.

По мнению Алексея — меньше текста, больше фото — это не новые тенденции, а уже устоявшиеся нормы.

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

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

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

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

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

Верстка

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

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

Команда специалистов, работающая над цифровой версией газеты The New York Times в стенах редакции

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

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

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

Разумеется, связь между полосами номера не исключает возможности резкого выделения какой­либо из них, если такая необходимость диктуется содержанием материалов. Это может быть выделение в форме тематической полосы или страницы плаката и т.п. В целях выделения может быть использовано и изменение формата какой­либо из полос номера. Так, в небольшой газете, выходящей в формате A3 на четырех полосах, возможна замена двух внутренних смежных полос одной большой полосой формата А2. Эта полоса будет верстаться как бы «повернутой на бок». Подобный прием укрупнения формата применяется в тех случаях, когда необходимо более подробно осветить какую­либо важную тему. Но возможно и уменьшение стандартного формата полосы, например с A3 до А4. Этим пользуются по большей части при оформлении «газеты в газете» или спецвыпусков. Например, таким образом оформляют какой­либо из разделов, помещая на каждой странице вместо одной полосы стандартного формата A3 по две полосы формата А4, располагающиеся вместе со средником, который их разделяет, горизонтально, вдоль поперечной оси всего номера.

Газета The New York Times на iPad

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

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

Недостатки разных видов верстки

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

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

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

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

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

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

Контент

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

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

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

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

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

Золотая медаль за спортивную страницу в газете (Washington Post)

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

Как выживать в таких условиях? Ни в коем случае не экономить на талантах, а экономить на процессах и организации. Например, при возможностях современных newsroom management system, позволяющих сотрудникам стопроцентное погружение в рабочую среду, где бы они ни находились, совершенно не обязательно арендовать для редакции огромный офис. Леонид Бершидский (Slon.ru / Эксмо / Forbes.ua) на собственном примере доказал возможность такого производства.

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

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

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

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

И все­таки сегодня я хотел бы поговорить именно о дистрибьюции контента. В наше время издавать просто газету, считая это полноценным бизнесом, нельзя. Недаром сначала на Западе, а теперь и у нас в России крупные бизнесмены стали объединять разрозненные медиаактивы в полноценные корпорации.

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

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

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

Золотая медаль за инфографику в газете Boston Globe на Всемирном конкурсе дизайна среди спортивных газет

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

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

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

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

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

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

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

Помните, что, например, сайт korrespondent.net в составе нескольких человек имеет в два раза большую аудиторию, чем сайт газеты «Сегодня», в ньюсруме которой работает на порядок больше людей.

Газета на планшете

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

Редакторы стали выкладывать статьи из бумажных газет на веб­порталах, в них появились какие­то ссылки, отдельно выкладывался видеоконтент, иногда все это компоновалось и выкладывалось в App Store в качестве приложения для планшетного компьютера.

Но практика показывает, что это совершенно тупиковый путь. Если верить проведенным исследованиям, аудитория бумажной газеты резко отличается от аудитории цифрового издания. Статистика Pew Research Center говорит: читатели в возрасте 55 лет предпочитают читать бумажную газету, а данные Nielsen показывают, что среди владельцев iPad лишь 15% — люди в возрасте 55 лет. Дальше — больше. Исследование comScore за период с декабря прошлого года по февраль текущего указывает, что основной аудиторией покупателей приложений стали люди в возрасте 25­34 лет (27% общих продаж) и 34­44 лет (20,3%). Теперь становится понятно, почему все попытки предложить аналог бумажной газеты для молодой аудитории обречены на провал. Среди владельцев iPad просто недостаточно платежеспособного спроса на подобного рода товароы.

Интересен опыт медиахолдинга Freedom Communications. Как отметил Дуг Беннетт (Doug Bennett), руководитель отдела цифровых разработок Freedom Communications, основной аудиторией цифровой газеты должны стать пользователи в возрасте 25­45 лет. «Как правило, люди в этом возрасте довольно редко читают обычные газеты. Они предпочитают получать новости из других источников: Интернета, радио или телевидения. Осознав это, мы задались вопросом — какую информацию и в каком виде хочет получить аудитория владельцев планшетных компьютеров?» — заявил Беннетт.

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

Беннетт также говорит, что поведение читателя iPad­газеты разительно отличается от поведения читателя бумажной: «Как правило, планшетный компьютер чаще используется в период с 17 до 19 часов. Люди “играют” с устройством, лежа на диване или во время просмотра телевизора. В этом плане они ведут себя совсем иначе, чем владельцы ноутбуков, и уж совсем не так, как читатели традиционных бумажных СМИ. Поэтому цифровая газета должна выходить во второй половине дня. Если iPad­газета вышла в 6 утра, она успеет устареть к тому моменту, когда пользователь захочет наконец взять в руки iPad».

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

Команда разработчиков и редакторов iPad­газеты находится в отдельной комнате, то есть они независимы от ньюсрума редакции. «Это совсем другой персонал, они создают другой контент, для другой аудитории и другими способами. Весь персонал цифровой газеты — это увлеченные, креативные сотрудники, они очень воодушевлены созданием нового проекта, им нравится совмещать различные подходы и контент. Наша команда состоит из шести человек: дизайнеры, видеооператоры, программисты и другие специалисты», — отмечает Беннет.

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

Создание цифровой газеты — очень сложный процесс. Программное обеспечение, которое привык использовать издатель, будь то Atex, CCI или любое другое, «заточено» под верстку контента на стандартном бумажном листе. Как вы сами понимаете, газета для планшетного компьютера имеет несколько иной формат. Кроме того, системы управления контентом (content management system, CMS), находятся сегодня лишь в начале своей эволюции. Они постоянно развиваются и дополняются, поэтому если вы решили сделать свое приложение, то вам не обойтись без собственного программного кода. Не верьте тем, кто скажет, что создать цифровой журнал можно простым нажатием на одну кнопку.

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

КомпьюАрт 2’2014

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

• 1. Оформление газет: общая информация
• 2. Газетная верстка: основные понятия

Оформление газет: общая информация

Газеты выпускают в нескольких форматах: А4, А3, А2.

1. Самый большой формат – А2 (420 x 594 мм) – используется для центральных городских и областных газет. Обычно в таких изданиях 6-8 колонок.
2. А3 (297 x 420 мм) – основной газетный формат, в нем выходит большая часть новостных изданий (Метро, Вечерний Петербург, Вести). Полосы содержат 3-5 колонок.
3. Формат А4 (210 x 297 мм) отлично подходит для корпоративных, студенческих и развлекательных изданий. Количество колонок – 2-3.

Ширина колонок находится в прямой зависимости от формата полосы — запечатанной площади на странице.

Основной текст при газетной верстке набирают удобочитаемыми шрифтами (например, Times New Roman), кегль шрифта при этом составляет 8-9 пт. Рекомендации относительно шрифтов газетной верстки изложены в ОСТ 29.125-95 — Газеты. Общие технические требования. Чем уже колонка, тем меньший кегль целесообразно использовать.

Заголовки обычно бывают набраны различными шрифтами, размером 12-36 пт. Располагаются они на формат одной или нескольких колонок, слова переносят по смыслу (например, недопустимо перенести так: «Moody’s предприняло рейтинговые // действия в отношении 10 российских банков»).

Газетная верстка: основные понятия

Колонки

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

Заголовки

• Чем больше статья по объему, тем крупнее заголовок. То же самое и относительно значимости заметки.
• Заголовки могут размещаться на ширину всех колонок (шапка), нескольких колонок или одной Не рекомендуется размещать два заголовка на одном уровне (в соседних колонках).
• Сноски размещаются в той колонке, где на них имеется ссылка. Сноска к общему заголовку размещается в первой колонке.
• Длинные заголовки, состоящие из двух строк, набирают шрифтом небольшого кегля, на одну ступень меньше, чем маленькие заголовки.
• Тематические подзаголовки набирают шрифтом, по размеру меньшим на 2 ступени, чем само заглавие. Внутренние подзаголовки статей — 10-12 пт.

Иллюстрации

• Размер подобранных иллюстраций должен быть кратным Н-ному числу колонок.
• Не следует забывать, что из-за не очень высокого качества газетной бумаги мелкие детали на иллюстрациях (особенно небольших), могут исказиться.
• Подрисуночные подписи набирают шрифтом, кегль которого составляет не менее 8 пунктов. Отбивка между иллюстрацией и подписью — не менее 10 пунктов.
• Таблицы и иллюстрации желательно размещать между абзацами.

Дизайн и верстка газеты — заказать услуги по профессиональной разработке дизайна и верстке газеты

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

Комплексное оказание услуг: стоимость дизайна и верстки

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

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

Существует несколько основных моментов, которые стоит учитывать при создании графического дизайна газеты:

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

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

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

• размеры подзаголовков,
• информация в описании фото.

Профессиональная разработка изданий — создать качественную продукцию

Газета — это один из недорогих видов полиграфической продукции. Её низкая цена объясняется следующим факторами:

• невысокой стоимостью бумаги,
• дешевой двухсторонней печатью.

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

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

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

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

 

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

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

Quark Xpress

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

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

Adobe Indesign

Adobe Indesign (Индизайн) — программа от динозавра рынка ПО, создавшего Photoshop. Предшествующая программа называлась PageMaker. Возникают проблемы при установке, конечно, и каждый раз какие-то новые , но Indesign — это лучшая программа в своем роде. Русский язык встроен, это я про возможность переноса слов. Я начал работать в Indesign уже классно зная Quark (мог работать, практически, без мышки — на клавиатуре), и даже этот момент был учтен создателями: в Indesing можно установить клавиатурные сокращения из Quark Exrpress 4.0  (правда, похожие только приблизительно, но быстро привыкаешь).

Чтобы все эти программы устанавливались и хорошо работали — необходимо навести порядок со шрифтами. Для этого устанавливается какой-нибудь  (самый известный — Adobe Font Manager). «Битые шрифты»  попадаются довольно часто, частенько битым шрифтом оказывается Arial (одни из основных в Windows). То есть глазами это, естественно, не видно — шрифт себе и шрифт, прекрасно работает в Word, например, но какие-то символы некорректно «нарисованы» и Indesign просто не устанавливается или не запускается после установки.

Ну и самое главное! Программы для верстки газет и журналов (кстати, в Quark Express и Indesign можно собирать любые макеты для печати: флаера, афиши, брошюры, буклеты) это программы для работы с текстом но не с фото, или для компоновки текста и фото. Эти программы  не имеют инструментов для редактирования фотографий, поэтому еще, как минимум, одна обязательная программа — это Adobe Photoshop, в ней подготавливается вся растровая графика для вашего издания.

источник: http://eu4ria.net

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

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

Выполнила: Мостибродская М.И.
Руководитель: доцент, к.т.н
Другакова М. Н.
Актуальность:
востребованность корпоративных
изданий,
отсутствие методических рекомендаций
Предмет — исследование технологий
компьютерной газетной верстки.
Объект исследования – выпуск
малотиражных корпоративных газет.
2
Цель :
сформулировать рациональную технологию верстки
малотиражных корпоративных газет.
Задачи:
проанализировать особенности газетной продукции
и технологий её изготовления;
выделить операции, в которых целесообразно
использовать компьютерные технологии;
рассмотреть особенности технологий создания
корпоративных малотиражных изданий;
разработать типовую технологию верстки данного
типа газет;
продемонстрировать технологию на примере
конкретной корпоративной газеты.
3
Газета – оперативное многополосное издание без
обложки, периодически выходящее и содержащее
смесь коротких событийных, нацеленное на свою
аудиторию и отражающее её интересы.
Преимущества газет:
обширный охват аудитории,
положительное отношение различных групп
потребителей,
мобильная адаптация к регионам и различным
слоям населения,
удобства информации на твердых носителях.
4
5
Вёрстка – процесс формирования страниц
издания.
Cтили верстки:
журнально-книжный,
газетный,
журнальный,
буклетный.
6

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

выделение главного материала и ведущей
иллюстрации;
использование небольшого количества
шрифтов, стилей и цветов;
четкое разграничение по тематике статей и
рубрик;
одинаковый формат, не зависимо от числа
колонок на полосе.
7
Технологии
Обработка
изображений
Полиграфический
дизайна
Настольные
издательские
системы
Основные операции с
Программные
объектами
продукты
Создание и обработка
иллюстративных
Adobe Photoshop
материалов
Разработка
самостоятельных
графических продуктов
Adobe Illustrator, Corel
DRAW
Adobe InDesign,
Разработка издания с
QuarkXPress,
помощью ПК
Microsoft Publisher,
Microsoft Word
8

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

целенаправленная тематика;
средство коммуникации
профессионалов определенной сферы;
формирование корпоративной
культуры;
результативный способ
рекламирования.
9

10. Трудности подготовки корпоративных изданий

ограниченное программное
обеспечение;
низкий уровень специалистов;
отсутствие достаточных средств.
10
1 Разработка дизайна
CorelDraw, PhotoShop
2 Создание макета
3 Создание таблицы стилей
Indesign
Indesign
4 Форматирование и обработка
материалов
5 Определение приема верстки
MSWord, Photoshop
6 Верстка полос газетного
номера
7 Предварительная печать в
типографии
Indesign
8 Исправление неточностей
Indesign, Photoshop
9 Выпуск газетного номера
11

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

1. CorelDraw — использование сплайнов и
примитивов, кривых Безье. PhotoShop инструменты ретуши, работа со слоями,
коррекция.
2. Indesign — использование
горизонтальных и вертикальных
направляющих линий, меню «макет»
3. Indesign — использование меню «текст»,
подменю «стили абзаца», «стили символа»
12

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

4. MSWord – проверка непечатных
символов, PhotoShop — инструменты
ретуши, коррекции, использование слоев
6. Indesign — использование фреймов,
линий, примитивов, свободного
трансформирования, применение стилей
8. повторение пунктов 4 и 6 при
необходимости
13
14
15
16
17
18

19. Выводы

проанализированы особенности газетной
продукции;
выделены операции, в которых целесообразно
использовать компьютерные технологии;
рассмотрены особенности создания
корпоративных газет;
разработана технология создания и верстки газет
данного типа;
технология была использована при верстке газеты
«На стройках Минска»
19

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

Выполнила: Мостибродская М.И.
Руководитель: доцент, к.т.н.
Другакова М. Н.

бесплатных редактируемых газетных шаблонов — Flipsnack

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

Больше не беспокойтесь, мы всегда готовы удовлетворить ваши потребности. Вам не нужно нанимать дизайнера для создания шаблонов, мы уже разработали их для вас! Звучит здорово, правда? Допустим, вам нужно написать невероятную газетную статью о какой-то случайной школе.Вы действительно хотите произвести впечатление и на детей, и на родителей, не так ли? Как насчет выбора одного шаблона макета школьной газеты от Flipsnack? Все они такие заводные и интересные! Или, может быть, вам нужно опубликовать что-нибудь интересное о годах или деятельности университетов. У нас есть как шаблоны университетских газет, так и шаблоны студенческих газет. Выбери свою любимую! Может быть, писать не о школах и вузах, а просто обычные газетные статьи. Не волнуйтесь, Flipsnack предлагает вам множество классических шаблонов газет! Создать газету онлайн с Flipsnack так просто!

И самое лучшее еще впереди! Flipsnack также предоставляет полностью редактируемые шаблоны газет.Во-первых, вы должны выбрать шаблон газеты, который лучше всего подходит для ваших целей. Затем поищите самые крутые фотографии в потрясающей библиотеке Flipsnack. У нас есть профессиональные стоковые фотографии для всего! Но если вы находите наши фотографии недостаточно подходящими для вас, не стесняйтесь загружать все, что хотите. Измените цвета, шрифты, добавьте текст, значки, подписи — все, что вы сочтете полезным и важным! Вы можете самостоятельно настроить весь шаблон макета газеты. Довольны конечным результатом? Скачайте газету, распечатайте и опубликуйте! Это будет полный успех! Вы также можете поделиться своей невероятной работой в социальных сетях! Попробуйте прямо сейчас! На создание собственной газеты с Flipsnack уйдет всего пара минут! Чтобы ваши читатели были в курсе, всегда используйте свежий и оригинальный контент, а затем загружайте его в наши редактируемые шаблоны газет.

Бесплатные шаблоны газет | Adobe Spark

Создавайте реалистичные газеты с помощью шаблонов газет Adobe Spark.

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

Создайте свою газету прямо сейчас

Как сделать газету.

Начни с вдохновения.

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

Сделайте ремикс по своему вкусу.

Существует множество способов персонализировать шаблоны газет. Измените текст и шрифт — добавьте изображения к своим фотографиям. Или просматривайте тысячи бесплатных изображений прямо в Adobe Spark. Уделите столько времени, сколько хотите, чтобы изображение было вашим собственным. С премиальным планом вы даже можете автоматически применять логотип, цвета и шрифты вашего бренда, поэтому вы всегда будете #onbrand.

Поднимите чутье.

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

Измените размер, чтобы расширить ваш контент.

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

Сохраните и поделитесь своим газетным дизайном.

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

Легко редактируемый шаблон газеты для учебы, работы или развлечения.

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

Позвольте Adobe Spark стать вашим экспертом в области дизайна газет.

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

бесплатных газетных шаблонов в Google Docs

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

Бесплатные шаблоны газет Google профессионального дизайна

Пользуясь услугами компании thegoodoc.com, вы забываете о некачественном и пресном дизайне шаблонов. Мы нанимаем профессиональных дизайнеров шаблонов, которые создали сотни оригинальных шаблонов. Таким образом, мы гарантируем 100% уникальность шаблонов газет.Если у вас есть сомнения по поводу наших услуг, посмотрите, какие преимущества вы получите:

• Уникальный дизайн. Наши дизайнеры создают каждый шаблон Google с нуля. Поэтому мы гарантируем предоставление оригинальных шаблонов газет. Также вы можете настроить наши шаблоны с помощью документов Google;
• нулевые ограничения. Вы можете редактировать, загружать и распечатывать наши шаблоны Google. Учтите, что вы можете использовать любой возможный формат или просто передать шаблон в типографию.Мы ни за что не берем плату;
• простой процесс редактирования. Вы разберетесь с процессом редактирования самостоятельно. Дело в том, что вы просто выбираете шаблон и открываете его в Google Docs. Никакой специальной подготовки не требуется;
• нулевых затрат. Мы ни за что не берем с вас плату. Что ж, чуть позже мы добавим премиум-контент. Однако на данный момент наши шаблоны бесплатны.

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

Как я могу поблагодарить вас за бесплатные шаблоны Google?

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

20 лучших дизайнов веб-сайтов для газет, которые стоит рассмотреть в 2021 году

Хотите создать новостной или журнальный веб-сайт и хотите увидеть дизайн веб-сайта какой-нибудь газеты, чтобы почерпнуть вдохновение? Именно для этого и предназначен этот список!

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

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

Лучший дизайн веб-сайтов для газет

Кекселиас

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

Предварительный просмотр

Нью-Йорк Таймс

Чистый и минималистичный дизайн часто выделяется в индустрии веб-дизайна. Следовательно, большинство известных брендов учитывают такой дизайн при создании своих веб-сайтов. У New York Times очень аккуратный и чистый дизайн газетного веб-сайта. Он приветствует аудиторию минималистичной домашней страницей, на которой есть только основные элементы, включая логотип, слоган, меню и меню вне холста с белым фоном.К тому же потрясающая и плавная анимация при прокрутке делает сайт еще более запоминающимся и интересным. Зная суть визуальной иерархии, The New York Times реализует такую ​​стратегию со своим контентом, чтобы он выглядел эстетично и оптимизировал взаимодействие с пользователем.

Предварительный просмотр

Следующая паутина

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

Предварительный просмотр

Машабле

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

Предварительный просмотр

ZD Net

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

Предварительный просмотр

Проводной

Wired отличается потрясающим дизайном без лишних помех, ориентированным на контент.Он имеет простой и понятный макет, в котором контент выглядит изысканно на белом фоне. Wired использует различные рекламные баннеры для рекламодателей, чтобы повысить осведомленность о продуктах или услугах. Кроме того, у него классный уникальный макет, в котором используются миниатюры разных размеров. На веб-сайт встроен видеоконтент, поскольку он неотразим для аудитории. Что еще? Для удобства навигации в нем есть липкий заголовок, в котором быстро доступны кнопки входа и подписки. Другие полезные функции — интеграция с социальными сетями, тонкая анимация при наведении курсора и многое другое.

Предварительный просмотр

Футуризм

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

Предварительный просмотр

Сорт

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

Предварительный просмотр

Вашингтон Пост

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

Предварительный просмотр

Inquisitr

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

Предварительный просмотр

Le Temps

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

Предварительный просмотр

Поверхность Mag

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

Предварительный просмотр

История Coda

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

Предварительный просмотр

Увертюра

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

Предварительный просмотр

Журнал Caleo

Фантастический и инновационный дизайн газетного веб-сайта, Caleo Magazine — одна из потрясающих медиа-компаний, на которую вы можете взглянуть. У этого веб-сайта красивый дизайн разделенного экрана — левая сторона фиксированная, а другая — с возможностью прокрутки. Судя по всему, содержимое с правой стороны размещено в стиле масонства, где каждая статья снабжена привлекательными миниатюрами.С другой стороны, в левой части экрана есть меню вне холста, а также интеграция с социальными сетями. Если посетитель желает выполнить поиск определенного содержания на веб-сайте, это также возможно.

Предварительный просмотр

Mint Magazine

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

Предварительный просмотр

Журнал NSS

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

Предварительный просмотр

Райан Гиггз

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

Предварительный просмотр

NBC News

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

Предварительный просмотр

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

шаблонов газетных веб-сайтов от ThemeForest

Фильтр (1) & Уточнить

Цена в долларах США без учета налогов

Сортировать по: Лучший матч Бестселлеры Новейшие Лучший рейтинг В тренде Цена: по возрастанию Цена: по убыванию

59 долларов США

117.1 тыс. Продаж

Последнее обновление: 02 дек 21

49 долларов США

17,1 тыс. Продаж

Последнее обновление: 02 дек 21

29 долларов США

165 Продажи

Последнее обновление: 02 дек 21

59 долларов США

8 Продажи

Последнее обновление: 03 дек 21

59 долларов США

15.2 тыс. Продаж

Последнее обновление: 03 дек 21

59 долларов США

7,7 тыс. Продаж

Последнее обновление: 03 дек 21

59 долларов США

2,9 тыс. Продаж

Последнее изменение: 28 мая 21

69 долл. США

965 Продажи

Последнее обновление: 01 сен 21

69 долл. США

910 Продажи

Последнее обновление: 02 сен 21

Отдел новостей —

Газета Тема

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

75 долларов США

310 Продажи

Последнее обновление: 01 сен 21

69 долл. США

586 В продаже

Последнее изменение: 19 21 мая

69 долл. США

3.6 тыс. Продаж

Последнее обновление: 01 сен 21

59 долларов США

12,8 тыс. Продаж

Последнее обновление: 07 дек 21

1,9 тыс. Продаж

Последнее обновление: 15 ноя 21

23 доллара США

665 Продажи

Последнее обновление: 10 дек 21

59 долларов США

36.8K продаж

Последнее обновление: 05 дек 21

24 доллара США

39 Продажи

Последнее обновление: 08 дек 21

1,6 тыс. Продаж

Последнее обновление: 29 авг 21

59 долларов США

1.9 тыс. Продаж

Последнее изменение: 21 мая 05

49 долларов США

382 Продажи

Последнее изменение: 24 сен 19

49 долларов США

1 Продажи

Последнее обновление: 06 дек 21

49 долларов США

1 тыс. Продаж

Последнее обновление: 19 дек 20

49 долларов США

4 Продажи

Последнее обновление: 06 дек 21

59 долларов США

630 В продаже

Последнее изменение: 11 21 мая

Newser —

WordPress тема для газет и журналов

• газета, фотография, RTL, технологии
• реклама, блог, блогер, галерея
• журнал, модерн, новости, издательство, рейтинг

54 доллара США

343 Продажи

Последнее изменение: 27 сен 21

10 долларов

28 Продажи

Последнее изменение: 08 21 мая

29 долларов США

225 Продажи

Последнее изменение: 01 мар 19

49 долларов США

756 В продаже

Последнее изменение: 09 июл.

45 долларов США

3 тыс. Продаж

Последнее изменение: 18 21 мая

49 долларов США

389 Продажи

Последнее обновление: 08 дек 21

тенденций и примеров — Smashing Magazine

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

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

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

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

Возможно, вы захотите взглянуть на следующие статьи по теме:

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

Больше после прыжка! Продолжить чтение ниже ↓

Общие тенденции газетных веб-сайтов 2008

1.Цвет дсп

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

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

Веб-сайт L.A. Times демонстрирует общую цветовую схему:

2. Баннеры заголовка и боковой панели

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

В то время как блоги обычно используют баннеры размером 125 на 125 пикселей на боковых панелях, новостные сайты обычно используют баннеры размером 300 на 250 пикселей или высокие небоскребы. На многих веб-сайтах используются рекламные объявления AdSense или другие текстовые ссылки.

The Telegraph использует баннер размером 730 на 90 пикселей над заголовком.

3. Верхняя панель навигации

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

The Times Online использует двухуровневое меню навигации.

4. Области содержимого с вкладками

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

5. Макеты на основе сетки

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

Заметные различия между новостными сайтами и блогами

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

Интеграция с социальными сетями

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

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

Подписки и RSS-каналы — огромная часть ведения блогов, и в большинстве блогов используются большие значки или счетчики FeedBurner, чтобы посетителям было проще подписаться. Однако большинство новостных веб-сайтов не проталкивают RSS-каналы читателям, как это сделали бы блоги. Большинство новостных веб-сайтов предлагают каналы, часто по категориям контента, но они не являются основной частью дизайна или макета. Фактически, большинство посетителей, вероятно, даже не замечают маленькие значки или ссылки на каналы. Поскольку RSS-каналы станут частью повседневной жизни обычных читателей, это, вероятно, изменится.

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

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

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

Взгляд на 20 ведущих газетных веб-сайтов

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

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

Нью-Йорк Таймс Сайт New York Times — еще одна известная сетка. Большая часть навигации по веб-сайту находится внизу в левой части страницы, что не так часто, как верхняя навигация.На веб-сайте действительно используется панель навигации с вкладками вверху со ссылками на такие функции, как «Сегодняшняя газета», «Видео» и «Самые популярные», но все ссылки на категории контента, такие как «Мир», «США», «Политика», «Бизнес», и т. д., внизу.

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

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

Контент на веб-сайте Chicago Tribune немного больше, чем, например, в New York Times. Опять же, синий используется для заголовков и ссылок с оттенком красного.

Вашингтон Пост The Washington Post также использует общие цвета: синий, черный (или темно-серый) и красный на белом фоне. Заголовок включает небольшой баннер размером 290 на 45 пикселей, а верхняя часть боковой панели включает баннер размером 300 на 250 пикселей. Остальная часть домашней страницы содержит только несколько других небольших рекламных баннеров.

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

Los Angeles Times Веб-сайт L.A. Times использует другой подход к заголовку, чем некоторые другие новостные сайты. Там относительно мало что происходит, есть много неиспользуемого пространства, которое можно заполнить рекламой, что и делают большинство других новостных сайтов. Остальная часть домашней страницы использует только два баннера 300 на 250 и несколько объявлений с текстовыми ссылками. Отдельные страницы статей используют баннер 730 на 90 над заголовком.

Содержание L.A. Домашняя страница Times представлена ​​в виде сетки с основной навигацией слева. Опять же, синий, черный и красный — предпочтительные цвета для текста, ссылок и заголовков.

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

На боковой панели есть баннер размером 300 на 250 пикселей, а на левой боковой панели — небоскреб, а в самом низу страницы — больше объявлений. Отдельные страницы статей включают баннер 730 на 90 над заголовком.

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

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

США сегодня USA Today использует больше цветов, чем многие другие новостные сайты, особенно в меню навигации и со ссылками по всему сайту. Ссылки на категории для тематических статей, таких как спорт, рынки, образование и люди, имеют разные цвета, которые помогают им выделиться.

В отличие от большинства новостных сайтов, USA Today показывает количество комментариев к статьям прямо рядом с заголовками на главной странице. На главной странице расположено лишь несколько баннеров меньшего размера, кроме баннера 730 на 90 в самом низу страницы. Отдельные страницы со статьями намного больше заполнены рекламой, и иногда во время навигации по веб-сайту вы можете встретить объявление на всю страницу, которое вам нужно пропустить, чтобы перейти к содержанию.

Почта онлайн Британский новостной сайт Mail Online имеет более красочный дизайн, чем многие другие новостные сайты.Заголовки и ссылки имеют более светлый синий цвет, чем на сайтах New York Times или Chicago Tribune, и становятся красными при наведении курсора. Правая боковая панель включает в себя множество миниатюр из последних сообщений, а также красочные заголовки и прокрутки.

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

Телеграф Другой ведущий новостной сайт Великобритании, Telegraph, использует красивую, чистую сетку. Над заголовком находится баннер 730 на 90, а единственная другая реклама на домашней странице — это баннер 300 на 250 и небоскреб, оба на правой боковой панели.

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

Хранитель The Guardian использует чистый, но красочный дизайн. Основная навигация вверху страницы состоит из разноцветных ссылок на разные разделы новостей. На домашней странице мало рекламы, но отдельные страницы со статьями включают баннер 730 на 90 над заголовком страницы и рекламу 300 на 250 вверху боковой панели.

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

раз онлайн Times Online — один из немногих новостных веб-сайтов, использующий яркий цвет в области логотипа / брендинга, но он действительно выполняет задачу по выделению веб-сайта. Над заголовком размещен баннер размером 730 на 90 пикселей.

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

MSNBC MSNBC выделяется среди других новостных веб-сайтов своим темным, но красочным заголовком, который имитировали многие пользователи Photoshop. В заголовке нет рекламы, и на самом деле в верхней части страницы отображается только одно объявление. Объявления с текстовыми ссылками используются в нескольких местах на главной странице. Отдельные страницы со статьями включают баннер 730 на 90 над заголовком в самом верху страницы.

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

ABC Новости ABC News имеет темный заголовок, который помогает отличить веб-сайт от других лидеров новостей. На главной странице относительно мало рекламы. Правая боковая панель содержит баннер 300 на 250, а остальные рекламные объявления находятся в самом низу страницы.

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

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

Веб-сайт использует навигацию с вкладками вверху страницы, чтобы направлять посетителей к различным категориям новостей, таким как бизнес, ИТ, Apple, оборудование и т. Д.Заголовок включает баннер 730 на 90, а верхняя часть правой боковой панели включает баннер 300 на 250. Далее на боковой панели находится баннер с небоскребом.

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

Заголовок включает небольшую текстовую ссылку объявления в правой части экрана и несколько объявлений 300 на 250 на боковой панели.По отдельным статьям дополнительная реклама не используется.

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

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

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

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

The Huffington Post Макет и дизайн отдельных страниц The Huffington Post сильно отличается от домашней страницы. На отдельных страницах вы видите небольшую область логотипа / бренда в верхнем левом углу и очень длинный баннер справа, который занимает большую часть ширины страницы.Рекламы на остальной части страницы довольно минимальны.

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

Спортивные новости У Sporting News один из самых устаревших дизайнов. Заголовок используется в основном для отображения результатов, но занимает меньше места, чем другие крупные спортивные сайты.Над заголовком размещен баннер размером 730 на 90 пикселей.

Большая часть площади боковой панели используется для направления посетителей в другие разделы веб-сайта, такие как Sporting News Radio, Blog Network и блоги сообщества.

Похожие сообщения

Возможно, вы захотите взглянуть на следующие статьи по теме:

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

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

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

Веб-сайт использует навигацию с вкладками в верхней части страницы, чтобы направлять посетителей к различным категориям новостей, таким как бизнес, ИТ, Apple, оборудование и т. Д. Заголовок включает баннер 730 на 90, а верхняя часть правой боковой панели включает баннер размером 300 на 250 пикселей. Далее на боковой панели находится баннер с небоскребом.

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

Заголовок включает небольшую текстовую ссылку объявления в правой части экрана и несколько объявлений 300 на 250 на боковой панели. По отдельным статьям дополнительная реклама не используется.

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

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

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

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

The Huffington Post Макет и дизайн отдельных страниц The Huffington Post сильно отличается от домашней страницы.На отдельных страницах вы видите небольшую область логотипа / бренда в верхнем левом углу и очень длинный баннер справа, который занимает большую часть ширины страницы. Рекламы на остальной части страницы довольно минимальны.

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

Спортивные новости У Sporting News один из самых устаревших дизайнов.Заголовок используется в основном для отображения результатов, но занимает меньше места, чем другие крупные спортивные сайты. Над заголовком размещен баннер размером 730 на 90 пикселей.

Большая часть площади боковой панели используется для направления посетителей в другие разделы веб-сайта, такие как Sporting News Radio, Blog Network и блоги сообщества.

Похожие сообщения

Возможно, вы захотите взглянуть на следующие статьи по теме:

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

(al)

9 ПЛАН

9.3.3 Внешний вид лицевой страницы

Традиционная первая страница газеты отображает только первую часть статей и заставляет читателя перейти на внутреннюю страницу, чтобы продолжить статью. Было показано, что это приводит к потере читателей; каждый пятый в одном исследовании [Nelson 68] . В идеале следует отображать всю историю, чтобы избежать скачков, но недвижимость на первой полосе стоит дорого, и не хватает места для показа статей полностью, если только количество статей на первой полосе сильно не ограничено. .

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

В ходе проекта выкристаллизовались три разные идеи того, как должна выглядеть первая страница:

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

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

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

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

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