Для полиграфической продукции модульные сетки аналогично необходимы для задания отступов от краев печатного формата. Например, для визитной карточки в пределах нормы погрешность обрезного формата в размере 1-2 мм. Шаг между элементами должен быть не менее 5 мм, а оптимально в размере 10 мм, чтобы отделять составные части: блоки описания друг от друга смысловыми отступами.
Для печатной рекламы на крупноформатном билборде размеры шрифта задаются дизайнером пропорционально удаленности рекламного носителя от зрителя. Поэтому и шаг модульной сетки по горизонтали и вертикали пропорционально больше и измеряется в см, т. к. средний размер билборда 6 на 3 м, а удаленность печатного формата от зрителя в среднем составляет от 5 до 15 м.
Визуальное ранжирование при зрительном восприятии дизайн-макета
Обычно модульная сетка имеет четное количество делений по горизонтали и вертикали, чтобы равномерно распределить элементы с учетом отступов и баланса в композиции, а также приоритетов внимания. На них мы остановимся подробнее.
Приоритетами задается визуальное ранжирование для последовательности восприятия, точнее прочтения зрителем рекламного сообщения в композиции дизайн-макета. Так, например, благодаря выделенному крупно и цветом символу, зритель сфокусирует внимание в первую очередь на его значении, а лишь затем на тексте рекламного сообщения.
Работа графического дизайнера требует особого внимания к деталям и всем возможным требованиям, чтобы исключить множество итераций корректировок, которые занимают рабочее время. Поэтому следует с определенной серьезностью относиться к самоконтролю в исполнении задачи по дизайну рекламного или функционального макета, проверяя выполненную работу самостоятельно по всем основным требованиям, как по техническому заданию, так и по общим правилам.
Техническое задание как основа качественного исполнения дизайна имеет приоритетное значение для специалиста-исполнителя. Фактически графический дизайнер должен следовать всем представленным в документе требованиям к выполнению поставленных задач.
О практическом подходе к графическому дизайну
Тема изучения графического дизайна естественно требует восприятия визуальных примеров и их декомпозиции для детального рассмотрения. В книгах «Введение в векторную графику» (издательство «ЛАНЬ», 2023) и «Векторная графика для начинающих. Теория и практика технического дизайна» (издательство «БОМБОРА», 2022) автора данного курса Егора Полякова вы найдете ряд показательных примеров и их полное рассмотрение с различных аспектов графического дизайна.
Сбалансированный формат лекций и практикумов позволит начинающим дизайнерам последовательно осваивать компетенции в специальности графического дизайнера. Также даст возможность осмыслить выбор специализации для развития по интересующему направлению дизайна.
Актуальные примеры из веб-разработки и сопутствующих задач графического дизайна способствуют читателям в пошаговом изучении профессии.
Типовые задачи в практикумах направлены именно на формирование навыков работы с векторной и растровой графикой для решения поставленных заданий веб-, рекламного и других направлений.
Текст, форматирование и верстка в дизайне
Рассмотрим основные сущности, задающие форматирование текста в дизайн-макете.
Шрифт, точнее семейство шрифтов определенного стиля обычно задается фирменным стилем. Например, для дизайна фирменной продукции Apple используется специально разработанное семейство шрифтов San Francisco. Так все стили оформления текста шрифтом от нормального до курсива форматируются единым стилем, заданным семейством шрифтов с определенным названием.
Форматирование текста позволяет выделить отдельные слова и фразы в заголовки H1, H2 и т. д., в параграфы текста, цитаты, сноски и другие текстовые элементы.
Это требует от дизайнера знаний верстки текста с учетом норм русского языка, правил типографики и специфики форматов размещения текста в дизайн-макетах различного назначения. В этом вопросе рекомендуется ознакомиться детально с содержанием книги «Типографика, шрифт, верстка, дизайн» Джеймса Феличи.
Уровень исполнения дизайн-макета профессионалы оценивают по качеству верстки и отсутствию каких-либо графических, орфографических, семантических и иных технических ошибок, недочетов. Поэтому дизайнерам так важно знать все действующие правила, рекомендации технического содержания к оформлению сложных дизайн-макетов для получения высокой профессиональной оценки среди экспертов отрасли в целях карьерного роста.
Важно знать, что все тексты в дизайн-макете для печати по умолчанию должны быть переведены из текстовых блоков в кривые, то есть слиты в векторные формы, в целях исключения ошибок отображения на ПК оператора полиграфического цеха типографии. Не реалистично держать в локальном ПК всевозможные шрифты для корректного отображения дизайн-макета для печати.
Графические редакторы для дизайна цифровых и печатных макетов
В зависимости от задач графического дизайна специалисты используют различные по назначению программные инструментарии графических редакторов. Рассмотрим основные редакторы для работы с векторной и растровой графикой.
Графический редактор CorelDRAW используется преимущественно для дизайна векторной графики и верстки дизайн-макетов полиграфической малостраничной продукции. Например, для дизайна логотипов, верстки буклетов, рекламных листовок и иной продукции средней сложности. Рекомендуется использовать редактор старшей версии, чтобы применять полный функционал CorelDRAW, включая трассировку и другие функции для качественной работы графического дизайнера. Характерный формат CorelDRAW – CDR (*.cdr).
Графический редактор Adobe Illustrator применяется преимущественно для создания высококачественного иллюстративного материала в специальном векторном формате AI. Также подходит для обработки глифов, масок слоев, иллюстраций, форматирования текстов и их верстки для печати. Характерный формат Adobe Illustrator – AI (*.ai).
Графический редактор Adobe Photoshop активно применяется для обработки растровой графики при подготовке фото и других изображений с учетом требований веб-оптимизации без потерь и с потерями. Эти задачи иначе обозначаются в совокупности как технический дизайн растровой графики. Характерный формат Photoshop – PSD (*.psd).
Данный редактор является одним из основных в арсенале графического дизайнера по умолчанию.
Для оптимизации растровой графики в формате PNG используется утилита OptiPNG. Функционал данной утилиты позволяет выполнять как обработку единичных изображений, так и пакетную серийную обработку потока изображений в формате PNG с альфа-каналом прозрачности без потерь или с потерями в качестве результирующего изображения.
Утилита JpegOptim аналогично используется для оптимизации растровой полноцветной графики в формате JPEG (*.jpeg) как без потерь, так и с потерями в результирующих изображениях в палитре RGB.
Понятия оптимизация графики без потерь и с потерями дифференцируются соответственно отсутствием и наличием артефактов – помех в точности воспроизведения оптимизированного по весу растрового изображения.
Векторный редактор Inkscape применяется также для оптимизации векторной графики в формате SVG (*.svg). Оптимизация векторных файлов в SVG выполняется путем удаления из исходного кода формата сопутствующих атрибутов формата до минимально необходимого к моделированию заданной композиции.