Егор Поляков - Основы графического дизайна. О применении векторной графики в веб-дизайне и рекламе. Теоретические лекции

Основы графического дизайна. О применении векторной графики в веб-дизайне и рекламе. Теоретические лекции
Название: Основы графического дизайна. О применении векторной графики в веб-дизайне и рекламе. Теоретические лекции
Автор:
Жанры: Интернет-маркетинг | Реклама | Дизайн
Серии: Нет данных
ISBN: Нет данных
Год: 2023
О чем книга "Основы графического дизайна. О применении векторной графики в веб-дизайне и рекламе. Теоретические лекции"

Данная книга содержит всего 9 коротких и познавательных лекций о теории графического дизайна и применении векторной графики в прикладных задачах веб-дизайна и рекламы.Автор курса лекций: Егор Юрьевич Поляков, инженер информационных технологий в сфере образования, дипломированный специалист ИТМО, ведущий разработчик студии графического дизайна Inmotus Design.Читателям представлены базовые теоретические понятия графического дизайна, их практическая ценность в реализации проектов дизайна и веб-разработки цифровых продуктов, в том числе для рекламы продукции широкого потребления.

Бесплатно читать онлайн Основы графического дизайна. О применении векторной графики в веб-дизайне и рекламе. Теоретические лекции


Термины и определения

Для изучения лекций начнем с терминов и определений.

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

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

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

Гарнитура – это совокупное семейство шрифтов одного стиля и наименования, различных по начертанию. Начертание может быть тонким, курсивным, жирным, широким, узким. Например, Open Sans – это гарнитура, в которой шрифты с начертаниями Open Sans Regular, Open Sans Italic, Open Sans Bold и другие. У классификации шрифтов есть базовый и профессиональный уровни. Каждый шрифт по-своему уникален, и в мире постоянно создаются новые их вариации.

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

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

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

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

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

Формат SVG (сокращенно от Scalable Vector Graphics) – это векторный формат для хранения, обработки и применения масштабируемой графики. Дословно переводится как масштабируемая векторная графика. Формат SVG имеет широкое применение в различных направлениях деятельности от полиграфии до веб-интерфейсов.


Перейдем далее к рассмотрению первой лекции.

Лекция №1. Введение в основы графического дизайна

Вступление

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

Выделим специализации графического дизайна по направлениям деятельности:

– дизайнер-иллюстратор книг, журналов и других периодических изданий;

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

– дизайнер интерьеров по стилистическому оформлению жилой и коммерческой недвижимости;

– 3D-дизайнер в области трехмерной визуализации объектов и композиции в инженерно-проектировочной, рекламной и иных сферах деятельности.

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

Освоение основ графического дизайна

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

В основе теории графического дизайна:

– изучение цветовых палитр, модульных сеток;

– правила форматирования текста;

– верстка в дизайне и многое другое.

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

Назначение цветовых палитр в дизайне

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

Фактически графические файлы (компоненты) для оформления в композиции веб-интерфейса по умолчанию сохраняются с цветовым профилем в палитре RGB. Соответственно цвета задаются числовыми индикаторами. Например, черный цвет в RGB имеет соответствующую запись: (0,0,0). Аналогично задается в шестнадцатиричном формате (HEX) записью: #000.

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

Черный цвет будет иметь числовую запись в палитре CMYK в формате (0,0,0,100), то есть по четырем индикаторам тональности для точного воспроизведения цвета на плоскости печатного носителя.

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

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


С этой книгой читают
Реклама должна приносить прибыль, а не убытки. Эта книга станет вашим путеводителем в мире аналитики, помогая превратить рекламные кампании в мощный инструмент роста. Забудьте о догадках и случайных решениях – научитесь работать с цифрами, которые покажут, что действительно работает для вашего бизнеса.Вы получите:• Чёткий алгоритм оценки эффективности рекламы.• Простые объяснения сложных метрик: CTR, CPA, ROI.• Практические советы по A/B-тестиров
Умение задавать правильные вопросы – это навык, который играет огромное значение. И особенно важным он стал в эпоху нейросетей.Общение с ними очень похоже на общение с умным собеседником, который может ответить на почти любой ваш вопрос, но только если вы грамотно сможете его сформулировать.Для этого требуется составлять правильные prompt – запросы: базовые, которых иногда достаточно; более сложные, включающие в себя детали и нюансы; продвинутые,
Маркетинг без бюджета. Как завоевать клиента, не тратя миллионы – это практическое руководство для предпринимателей, стартапов и малого бизнеса, стремящихся эффективно продвигать свои продукты и услуги без значительных финансовых затрат. Книга предлагает проверенные стратегии, вдохновляющие примеры и доступные инструменты, которые помогут вам привлекать клиентов, выстраивать доверие и развивать ваш бренд.Вместе с автором вы изучите партизанский м
Социальные сети – это мощный инструмент для развития бизнеса, и с книгой "SMM-продвижение: Как продвигать бизнес в социальных сетях" вы сможете использовать их с максимальной отдачей. Практическое руководство поможет вам освоить ключевые платформы: ВКонтакте, Одноклассники и Telegram, чтобы привлекать клиентов, выстраивать доверие и увеличивать продажи.Что вы узнаете?• Как разрабатывать стратегии и планировать контент.• Настраивать таргетированну
XXI век стал временем реализации Библейского пророчества об увеличении Богом меры Духа Святого для духовного преображения рода человеческого. Почему эта инициатива Бога феноменально улучшит способности потомков Адама? Сможет ли искусственный интеллект приблизиться к интеллекту нового человека, созданного по Богу? 4-я книга серии «Единая наука» продолжает проливать свет на тайны Библии, открывающие путь к устойчивому и сверхэффективному мироустрой
Если бы история нашей страны в 1917-м пошла не так? Революция захлебнулась в собственной крови, и Россия неспешно проживает свой Золотой век. Но история не прощает невыученных уроков, и спустя столетие Империя вновь оказывается под ударом. «Не дай Вам Бог жить в эпоху перемен» – смысл этой фразы предстоит понять молодому дворянину, случайно оказавшемуся вовлеченным в водоворот политических событий, происходящих в разрываемой терроризмом, иностран
Жизнь Марка рухнула – его бизнес разорился, а супруга бросила ради богатого любовника. Неожиданно в его жизни появляется Диана – именно к ее мужу ушла жена героя. Она предлагает объединить усилия, и руководствуясь советами психологов из соцсетей, вернуть супругов в семьи.Ее девиз: вижу цель – не вижу преград. Поднять самооценку – сделано. Начать себя уважать – готово. Обновить гардероб – не проблема. Заставить бывших ревновать – прекрасная идея!
Вот и все. Они никогда могут не стать стариками, никогда не завести детей и никогда не дождаться жаркого рассвета на тропическом море. Никаких роз, никакой зелёной травы, никакого тёплого дождя. Они как будто постарели сразу и навсегда. Шанс и раньше был только один, потому что резервы цивилизации на строительство такой мощи проекта исчерпаны. Улетать некуда и не на чем. За сотни лет ни на один крик о помощи, отправленный в космос не пришло ответ