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

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

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

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

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

1. Что означает «веб-шрифты»?

Сервисы, наподобие FontDeck упрощают скачивание большого количества шрифтов.

Раньше считалось, что если вы хотите чтобы ваши шрифты верно отображались на любом компьютере, то необходимо придерживаться использования горстки типовых шрифтов, общих для всех компьютеров и браузеров. Ваш выбор был ограничен шрифтами Helvetica (или Arial на PC), Georgia, Times, Verdana или несколькими версиями Courier . Ах да, чуть не забыл Comic Sans !

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

Но, благодаря таким сервисам, как Typekit , Google Web Fonts и FontDeck , несколько лет назад все кардинально изменилось.

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

Но как правильно выбрать шрифт из свалившегося на голову разнообразия? Вот некоторые ориентиры и правила…

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

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

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

2. Понятия «leading», «tracking» и «kerning»

Понятие «leading » связано с направляющими горизонтальными линиями, относительно которых располагается текст, и идет еще из тех времен, когда текст печатался с помощью печатающих прессов.

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

Эти возможности, помимо всего прочего, включают в себя управление параметрами «leading » (расстояние меду линиями), «tracking » (пространство между группами символов или слов) и «kerning » (пространство между любыми двумя определенными символами).

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

В веб-дизайне, предусмотрены инструменты для управления параметрами «tracking » и «leading », а вот «kerning » настроить напрямую через CSS нельзя. Чтобы задать «leading », используйте CSS-свойство line-height .

Для задания «tracking », используйте свойство letter-spacing . Также, вы можете отредактировать значение пространства между словами, используя свойство word-spacing, позволяющее сделать ваш текст более «воздушным » без увеличения значения «tracking » до критических величин.

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

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

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

3. Ширина колонок

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

Ширина колонки может очень сильно повлиять на её читаемость. В печатной типографии, столбцы обычно устанавливаются шириной от 45 до 75 символов (что соответствует примерно значению от 9 до 15 слов). Это ширина считается идеальной, позволяя читателю легко перемещать взгляд со строки на строку без потери внимания.

Такие же общие правила применимы и для веб-сайтов, поэтому устанавливайте ширину колонок не более 80 символов. Ширину колонок можно устанавливать в единицах em , для чего нужно использовать такой CSS-код: width:80em ;

4. Выравнивание в типографии

Этот текст имеет ровную границу слева и рваную справа. Также как и в печатной, в веб-типографии вы можете задать для вашего текста как рваную границу справа, так и ровную. Используя свойство text-align , можно выбрать значение left для установки рваной правой границы и значение right , для рваной левой. Значение justify даст возможность выровнять текст с обеих сторон по ровным границам.

полиграфия верстка гравирование шрифт

Полиграфия - это совокупность технологических средств для печатного размножения текстов и графики.

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

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

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

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

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

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

Способы печати полиграфической продукции:

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

Цифровая печать - самый оперативный способ изготовления полноцветной высококачественной полиграфии. Отсутствие предпечатного периода (процесс печати полностью управляется компьютером) позволяет в течение часа произвести необходимую партию буклетов, листовок, наклеек или брошюр. В отличие от офсетной печати, цифровая печать позволяет персонифицировать данные и ввести нумерацию, распечатать пробный вариант и внести необходимые корректировки, в любое время вмешаться в процесс печати и изменить первоначальные «установки». Цифровую печать нередко называют печатью ограниченных форматов и малых тиражей. Действительно, этот способ рентабелен при небольших тиражах (до 300 копий с одного оригинала). Но эти тиражи могут выгодно отличаться высоким художественным исполнением: именно цифровым способом печатаются визитные карточки и фирменные бланки, наградные грамоты и дипломы, пригласительные билеты и афиши, особо привлекательные за счёт присутствия в их дизайне разнообразных декоративно-оформительских элементов.

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

Министерство образования Российской Федерации

Московский государственный университет печати

кафедра «Технология допечатных процессов»

Контрольная работа № 1

по дисциплине «Основы полиграфии»

Вариант № 26

выполнила: Румянцева Д.Т.

ФПТиТ, 2 курс, гр. ЗТ-2

шифр ПЗ-056 n

Москва

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

8 физ. п.л., тираж 300 тыс. экз., формат 70 х 108/16.

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

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

Книга состоит из 128 стр.

Усл. п.л.: 11,2

2-е изд., перераб. - М. : Книга, 1991. - 350 с.
Данная версия книги имеется только на этом сайте. Разрезан постранично, выровнен, очищен.

Второе издание учебника составлено в соответствии с типовой программой дисциплины «Основы полиграфического производства». Оно отличается от первого издания (Н.Н. Полянский «Технология полиграфического производства» - Основы полиграфии, ч. 1, М.: Книга, 1980, ч. 2, М.: Книга, 1982) более широким отражением современной и перспективной полиграфической техники и технологии с использованием электронно-вычислительной техники, лазеров, электроники и других технических достижений: резким сокращением, а в некоторых случаях и исключением устаревшей; более современной методикой построения и изложения учебника; уменьшением его объема, а также уточнением некоторых терминов, стандартов и т. п.

Раздел первый. Общие сведения о полиграфии и продукции поли-графического производства
Общие сведения о полиграфии
Основные понятия
Общие сведения из истории развития полиграфии
Характеристика издательской продукции
Единицы измерения, используемые при выпуске изданий.
Основные виды издательской продукции
Особенности полиграфического воспроизведения текстовой н изобра-зительной информации
Воспроизведение текстовой информации
Особенности полиграфического воспроизаедения изобразительной ин-формации
Основные этапы выпуска издательской продукции
Раздел второй. Изготовление фотоформ для плоской офсетной,
высокой и глубокой печати
Изобразительные фотоформы для однокрасочной печати
Общие сведения
Изготовление штриховых и тоновых фотоформ
Изготовление растровых фотоформ
Текстовые -фотоформы
Фотонаборные автоматы
Технология фотонабора по упрощенным схемам
Электронный автоматизированный фотонабор
Тексто-изобразительные фотоформы
6Л. Верстка полос и монтаж фотоформ
Изготовление текстовых и изобразительных фотоформ в автоматизи-рованных системах
Факсимильная передача и прием изображений полос по каналам связи
Раздел третий. Производство печатных форм. -
Печатные формы плоской офсетной печати
Общие сведения

Изготоаление печатных форм электрофотографическим и лазерным спо-собами
Печатные формы высокой печати
Изготовление печатных форм с использованием копирования и элект-ронно-механического гравированияI
Изготовление наборно-отливных текстовых печатных форм.
Изготовление стереотипов
Печатные формы глубокой печати
Изготовление печатных форм с использованием копирования.
Изготовление печатных форм гравированием
Основы полиграфического воспроизведения многоцветных изобрази-тельных оригиналов
ЮЛ. Общие понятия о цвете и синтезе цветов
Основные процессы полиграфического воспроизведения многоцветныхизобразительных оригиналов
Особенности изготовления фотоформ и печатных форм для много-красочной печати
Раздел четвёртый. Печатное производство
Общие сведения о печатных материалах, печатном процессе и
оборудовании
Печатная бумага
Печатные краскиL
Основы печатного процесса
Печатные машины и агрегаты
Печатание с форм плоской офсетной печати
Печатные машины плоской офсетной печати
Подготовительные операции к печатанию тиража
Печатание тиража
Печатание с форм высокой печати
Печатные машины высокой печати

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

Скачать файл

• 25.85 МБ
• добавлен 15.04.2010

Учеб. пособие / Моск. гос. ун-т печати. - М.: МГУП, 2005. - 194 с.

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

• 161 КБ
• добавлен 30.09.2011

БГТУ, Издательское дело и полиграфия, Минск 2011. - 10 с.
Указания по выполнению курсового проекта по дисциплине «Проектирование технологических процессов полиграфического производства»

Структура курсового проекта. Содержание основных разделов проекта. Технологические расчеты полиграфического производства.

• 2.44 МБ
• добавлен 08.05.2010

М.: "Книга", 1981.- 320 с.

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

• 7.83 МБ
• добавлен 13.10.2011

М.: Книга, 1982. – 336 с.

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

рефераты

• 219.5 КБ
• добавлен 22.11.2011

Самара СГАУ преподаватель Яковлева Т.А.; Институт печати; специальность: технология и дизайн полиграфического производства; предмет: Основы производственных процессов. год.2009 стр.16

Введение
Достоинства технологии CtP
Факторы, тормозящие внедрение CtP
Оборудование CtP
Пластины для CtP
Характери...

• 1.9 МБ
• добавлен 22.11.2010

Министерство образования и науки Российской Федерации
Санкт-Петербургский государственный университет технологии и дизайна
Северо-Западный институт печати
2009 г. , 80 с в файле
Кафедра технологии полиграфического производства

для специальностей:
261202 – Технология полиграфического производства
...