- Определение графического дизайна
- Цели и задачи графического дизайна
- У графического дизайна несколько задач:
- Предыстория графического дизайна
- Первые признаки визуальной коммуникации
- Зарождение визуального языка
- Изобретение книгопечатания
- Как промышленная революция повлияла на развитие графического дизайна
- Первое агентство графического дизайна
- Виды графического дизайна
- Визуальная айдентика бренда
- Рекламная графика
- UI-дизайн
- Типографика
- Дизайн упаковки
- Иллюстрации в графическом дизайне
- Дизайн внешней среды
- Продвижение в интернете
- Основные направления искусства, повлиявшие на формирование графического дизайна
- Стиль Модерн
- Баухаус
- Стиль Арт-деко
- Швейцарский дизайн (Международный типографический стиль)
- Стиль Поп-арт
- Постмодернизм
- Цифровая эпоха
- Как направления в искусстве влияют на дизайнерские тренды
- Какие программы используют в графическом дизайне
- Adobe Photoshop
- Adobe Illustrator
- Figma
- Adobe InDesign
- Adobe After Effects
- Где учиться
- 1. ВУЗы
- 2. YouTube
- 3. Книги
- 4. Работа с куратором
Определение графического дизайна
Графический дизайн — это способ передачи сообщений и идей с помощью шрифтов, графики, изображений или видео.
Считается, что этот термин впервые был использован в 1922 году Уильямом Двиггинсом, типографом и каллиграфом. В своем эссе он указал, что с появлением массовой типографии дизайн должен измениться. Но, конечно, до этого был графический дизайн, например, в печатных и ранних газетах.
Вход в кукольный театр. Работа У. Двиггинса, 20 век
Во многом современные дизайнеры до сих пор выполняют задачи, схожие с Двиггинсом: создают плакаты, иллюстрации, логотипы, работают со шрифтами. Но только сейчас они работают на компьютерах и используют специальные инструменты.
Цели и задачи графического дизайна
Современный графический дизайн необходим для продажи товаров, построения отношений с клиентами и создания комфортной среды. Мы видим его везде: на остановках, дорожных знаках, указателях, в книгах, в презентациях, инструкциях и социальных сетях.
Плакат к 200-летию со дня рождения Ф. М. Достоевского. Фонтан
У графического дизайна несколько задач:
- подчеркнуть отличия: графический дизайн помогает подчеркнуть особенности каждого объекта, выделить его среди остальных. Распознавание достигается за счет цветовой идентификации, корпоративной графики, типографики и дизайна. Это помогает выделить продукт среди конкурентов.
Признанный многими жителями России фирменный стиль ОАО «РЖД». Фонтан
- предоставить информацию: многие продукты графического дизайна (вывески, баннеры, этикетки) имеют практическое применение. При этом забота о человеке должна стоять на первом месте. Возьмем, к примеру, инструкцию к кофемашине. Если у вас нет картинок и плохо читаемый шрифт, покупателю будет сложно это узнать, и вы можете сделать что-то не так и повредить технику или даже навредить своему здоровью.
Инструкция по сборке мебели Ikea: пример продуманного графического дизайна
- создают эмоциональное взаимодействие: графический дизайн вызывает у нас определенные ассоциации и формирует образ.
Плюс
Профессия «Графический дизайнер с нуля до PRO»
Изучите востребованные инструменты и навыки для решения дизайнерских задач за 18 месяцев
Предыстория графического дизайна
Прежде чем мы перейдем к изобразительному искусству, которое повлияло на внешний вид графического дизайна, давайте взглянем на ранние формы визуального и письменного языка, а также на ранние формы коммуникации посредством печати.
Первые признаки визуальной коммуникации
Историки считают, что зарождение графического дизайна началось с наскальной живописи еще до нашей эры. Через эти наскальные рисунки люди передавали знания из поколения в поколение.
Животные, отпечатки ладоней, оружие, охотничьи заметки — все это были главные изображения наскальных рисунков. Очевидно, что в то время люди общались преимущественно визуально.
Наскальные рисунки в пещере Ласко на юге Франции (Источник: Википедия)
Зарождение визуального языка
«Язык и алфавит» — это следующий этап эволюции графического дизайна. Считается, что шумеры изобрели письменность между 3300 и 3000 годами до нашей эры. Пиктограммы считались первоначальными формами письменности. Пиктограммы — это символы, обозначающие объекты.
Шумерская письменность (Источник: Википедия)
Изобретение книгопечатания
Очевидно, что графический дизайн не родился бы без появления печатного станка. Так, в 6 веке в Китае для штамповки узоров на шелковой одежде, а позже и на бумаге применяли ксилографию и конгревную печать. В 1040 году Би Шэн изобрел первую в мире технику печати подвижными литерами.
Примером самой ранней печатной книги является Алмазная сутра китайской династии Тан, 868 г н.э.
В 1439 году Иоганн Гутенберг был первым европейцем, использовавшим подвижный шрифт. Он ввел средства массовой информации в западную культуру. В своих проектах Гутенберг заменил дерево металлом, а штампы буквами. С появлением печатного станка Гутенберга литература и грамотность стали доступны массам. Людям больше не приходилось ждать репродукций книг. Машина сформировала коммерческое использование дизайна, что, в свою очередь, привело к развитию рекламы и графического дизайна.
Гравюра Уильяма Скина «Первая типография» : Типография (Источник: Википедия)
Как промышленная революция повлияла на развитие графического дизайна
Во время промышленной революции (1760-1840 гг.) появились новые технологии, которые сделали производственные процессы более эффективными и действенными. Одним из таких новых видов печати была литография.
Литография — это метод печати, при котором рисунок наносится на каменную или металлическую поверхность, а краска переносится с плоской печатной формы на бумагу. Вскоре появилась хромолитография, что означало обычную литографию с использованием цвета.
Цветная литография черными чернилами, 1835 г. (Источник: Википедия)
Первое агентство графического дизайна
В 1903 году художник Коломан Мозер, архитектор Йозеф Хоффманн и банкир Фриц Варндорфер основали первые Венские мастерские.
Образец фирменного бланка Венских мастерских, 1914 г. (Источник: Smashing Magazine)
Подъем Венских мастерских объединил архитекторов, художников и дизайнеров в области керамики, моды, мебели, ювелирных изделий и графики. Они считаются основоположниками современного дизайна и таких стилей, как Баухауз и Ар-деко. Они внесли свой вклад в стандарты дизайна для следующих поколений.
Виды графического дизайна
Визуальная айдентика бренда
Айдентика – это все элементы, которые помогают создать имидж компании, например:
- логотипы;
- корпоративные цвета;
- типография;
- стилизация элементов сайта;
- деловые письма;
- корпоративные формы;
- корпоративный товар.
Через эти элементы графический дизайнер передает ценности бренда. Таким образом, он помогает сформировать идентичность компании и особую связь с аудиторией.
Чтобы сохранить тематику бренда в будущем, графический дизайнер также разрабатывает брендбук, руководство по использованию фирменного стиля. С его помощью сохраняется единство графики и поддерживается основная концепция.
Рекламная графика
Графический дизайн используется как в интернет-рекламе, так и в рекламе на физических носителях, например:
- в рекламных баннерах в СМИ;
- открытки и флаеры;
- плакаты и баннеры;
- инфографика и брошюры;
- реклама в социальных сетях.
История Алисы Макаренко: «Я попала в диджитал-агентство благодаря домашнему заданию» Читать также
Реклама должна привлекать покупателя своей оригинальностью. Кроме того, он должен быть актуальным. Рекламный дизайн является маркером времени, так как отражает веяния и тенденции визуальной коммуникации. Если мы посмотрим на рекламные плакаты 2000-х, они покажутся слишком яркими и перегруженными. Хотя тогда именно это и привлекло внимание зрителей. Сейчас в тренде оптические иллюзии, эко-дизайн, эмодзи, 3D-графика и упор на типографику.
Рекламный плакат косметики MIA в журнале UNRWA — начало 2000-х
Спотифай реклама. Фонтан
UI-дизайн
Дизайн пользовательского интерфейса — это работа над графической частью интерфейсов приложений, сайтов и сервисов. Требуется детальная проработка всех элементов: кнопок, иконок, форм.
Деятельность графического дизайнера пользовательского интерфейса связана с дизайном пользовательского интерфейса, поэтому профессионал должен понимать адаптивность экрана и иметь базовые знания в области веб-разработки.
Типографика
Базовый курс для полного погружения в профессию за 18 месяцев
Профессия «Графический дизайнер с нуля до PRO»
Этот тип графического дизайна включает в себя работу с книгами, газетами, журналами и другими печатными или цифровыми материалами, содержащими большое количество текста.
В этом случае дизайнер работает в основном с эскизами. Вы должны создавать материалы, сохраняющие красивый внешний вид после печати. Поэтому специалисту важно понимать процессы, через которые будет проходить изображение перед его созданием. Здесь необходимо правильно обращаться с цветом, уметь работать в растровых и векторных редакторах и соответствовать техническим требованиям.
Пример оформления книги. Фонтан
Дизайн упаковки
Упаковка необходима не только для хранения, но и для идентификации товара покупателем. Удобная, яркая или необычная упаковка помогает принять окончательное решение о покупке. Поэтому коробки, пакеты, контейнеры или ящики, в которых хранятся продукты, являются частью маркетинговой коммуникации.
Работа графического дизайнера в этом случае начинается с разработки концепции и заканчивается сдачей макетов в печать. Для создания упаковки используются шрифты, фотографии, иллюстрации и элементы фирменного стиля. Основные примеры упаковки:
- ящики;
- бутылки, банки и другая тара с продуктом;
- обертки;
- пакеты
Дизайн винной бутылки ресторана Antifine Dining. Фонтан
Упаковка для доставки в ресторан Antifine Dining. Фонтан
Помимо основ графического дизайна, специалист по дизайну упаковки должен знать основы промышленного дизайна и понимать, как потребитель взаимодействует с продуктом.
Дизайном упаковки также занимается дизайнер продукта. Мы пишем об этой профессии здесь
Иллюстрации в графическом дизайне
Изначально график и иллюстрация — это две разные области. Но есть специалисты, которые владеют и теми, и другими навыками. Они создают уникальные работы, которые помогают компании выделиться на фоне конкурентов.
Основные примеры использования иллюстраций:
- обложки книг, альбомов, каталогов;
Распространение «Иллюстрированной истории рока» Сусаны Монтеагудо, Луиса Демано
- инфографика и презентации;
Инфографика, отражающая криминализацию школьников в США. Фонтан
- веб-дизайн и приложения.
Сайт Creddy — выдача кредитов и гарантий
Дизайн внешней среды
Вспомните любой новый торговый центр. Чтобы найти выход, ванную или лифт, нужно пройти большое расстояние. А если рядом нет удобного указателя, указывающего, в какую сторону идти, это вызывает дискомфорт и недовольство. Именно эти задачи призвано решать графическое оформление внешней среды.
Есть и другие примеры объектов средового дизайна:
- печатные знаки;
Пример навигации по офису
- музейные экспонаты;
Оформление выставки в историческом музее
- внутри места проведения мероприятия.
Оформление сцены для саммита Vanity Fair 2015. Источник
Дизайном пространства занимаются и другие специалисты: дизайнеры интерьеров, архитекторы, ландшафтные дизайнеры. Вместе с графическим дизайнером они продумывают каждую деталь.
Продвижение в интернете
Чтобы привлечь и проинформировать своих потребителей, бренды нанимают графического дизайнера для создания красочных изображений для постов, целевых страниц или дизайна рекламы.
С одной стороны, это упрощало работу конструкторов. Теперь вам не нужно заниматься допечатной подготовкой и знать все технические тонкости полиграфии, изготовления и производства. С другой стороны, пользователя привлекает не только изображение со шрифтами, но и красивая концепция, требующая знаний, например, моушн-дизайна.
Пост о том, как дизайнеров замечают в Instagram Contented. Иллюстрации дополняют текст: они наглядно объясняют, как привлечь внимание пользователя
Основные направления искусства, повлиявшие на формирование графического дизайна
Теперь вы гораздо лучше понимаете, как начинался графический дизайн на ранних стадиях визуального и письменного общения. Давайте рассмотрим некоторые важные художественные тенденции, которые привели к развитию графического дизайна.
Вы можете видеть, как эти художественные направления повлияли на ход событий и как некоторые из них сегодня снова в моде. Вам нужно иметь определенную базу знаний об истории дизайна, чтобы понять, откуда взялись эти тенденции и как вы можете применить их к своим проектам.
Стиль Модерн
Стиль модерн («Новое искусство») быстро развивался в Западной Европе и США с 1880 года до Первой мировой войны. Модерн — это намеренная попытка отойти от исторического стиля 19 века.
Основоположники модерна стремились возродить тонкое мастерство, поднять статус ремесленной деятельности и разработать действительно современный дизайн, отражающий удобство использования созданных предметов. Одной из отличительных особенностей этого стиля является использование естественной, асимметричной линейной техники, а не сплошных однородных форм.
Работа чешского художника Альфонса Мухи была создана для продвижения типографии Ф. Шампенуа.
Баухаус
Баухауз — художественное направление в дизайне, зародившееся в 1919 году в Германии. Основанная Вальтером Гропиусом школа Баухаус заложила основу для нового мышления.
спустя 6 месяцев после окончания Первой мировой войны школа призвала художников и дизайнеров использовать свои таланты для восстановления разрушенного общества. Грамматика стиля Баухаус – это треугольник, квадрат и круг. Школа Баухаус бросила вызов всему, от традиционного художественного стиля до общепринятых методов обучения.
В них сочетались искусство и ремесло, классический и авангардный стиль, форма и функциональность. Дизайн в стиле Баухаус представил минимализм, геометрические формы и простой декор. Стиль просуществовал всего 14 лет, но сегодня его влияние проявляется практически во всех аспектах современной жизни.
Плакат Баухауза, 1923 г. (источник)
Стиль Арт-деко
Направление ар-деко зародилось во время отдыха в Париже в 1925 году. Время, когда родился роман «Великий Гэтсби», доступный автомобиль и первый фильм со звуком.
Стиль, элегантность и утонченность – главные составляющие направления ар-деко. Арт-деко включает в себя простые формы, геометрические узоры и бережное использование дорогих материалов, как натуральных, так и синтетических.
Архитектура, мебель, мода, скульптура — ар-деко передает дух декадентства 1930-х годов, Рокфеллер-центр, Крайслер-билдинг и Эмпайр-стейт-билдинг выполнены в стиле ар-деко.
Плакат Всемирной выставки в Чикаго, автор Веймар Перселл, 1933 г. (Источник)
Швейцарский дизайн (Международный типографический стиль)
Функциональность и универсальность – основные принципы швейцарского дизайна. Швейцарский дизайн зародился в России, Нидерландах и Германии в 1920-х годах и развивался в Швейцарии до 1950-х годов.Дизайнеры создали сплоченное, единое модернистское движение, известное как швейцарский дизайн или международный типографский стиль.
Последовательные модульные системы сетки обеспечивают тщательно организованную структуру для выравнивания различных элементов. Сегодня такая структура необходима для пользовательского интерфейса и графического дизайна. Реалистичная фотография была более популярна, чем выразительные иллюстрации, наряду с нейтральными шрифтами без засечек, такими как Helvetica.
Швейцарский дизайн считается минималистичным по своей природе. Брендинг, дизайн пользовательского интерфейса и упаковка пережили минимализм. Apple и Google являются явными сторонниками минимализма, так как предпочитают аккуратную и сдержанную эстетику декоративным элементам и узорам. Использование сеток — важный вклад швейцарского дизайна. Можете ли вы представить дизайн сайта без них?
Плакат разработан швейцарским графическим дизайнером Йозефом Мюллер-Брокманном.
Стиль Поп-арт
Известный историк искусства Лоуренс Реджинальд Аллоуэй назвал поп-арт феноменом американо-британской культуры. Стиль поп-арт приобрел популярность в конце 1950-х и 1960-х годах, поп-арт превозносил массовую культуру и невзрачные объекты.
Движение поп-арт началось как восстание против господствующих подходов к искусству, культуре и традиционных представлений о том, каким должно быть искусство. Источники вдохновения варьировались от голливудских фильмов, рекламы, упаковки пищевых продуктов, поп-музыки и комиксов. Графическая печать вытеснила «высокое искусство».
Автор: Рой Лихтенштейн, 1963 г. (Источник: Тейт)
Постмодернизм
Постмодернизм противостоял модернизму. В то время как модернизм был основан на идеализме и разуме, постмодернизм был основан на скептицизме и подозрительности. Модернисты высоко ценили ясность и простоту. Постмодернисты восприняли сложные и часто противоречивые смысловые пласты.
Молодые дизайнеры в этом движении опровергли концепцию «форма следует за функцией», связанную с модернизмом швейцарского дизайна (или международным типографским стилем). Деятельность дизайнеров была довольно вольна: они позволяли себе нарушать правила дизайна, используя коллажи и яркие цвета.
В конце 1970-х Эйприл Грейман прославилась своими постмодернистскими экспериментами с инновациями в печати и стилем красочного коллажа.
Обложка журнала WET, 1979 г. Автор Эйприл Грейман (Источник)
Цифровая эпоха
Появление цифровых устройств породило революционно новый способ создания графического дизайна. В 1984 году Apple изобрела компьютер Macintosh. Персональный компьютер имел простой и удобный интерфейс: на экране отображалась надпись «Здравствуйте».
Photoshop появился в 1990 году как программа для редактирования графических элементов. Каждый мог использовать его для обработки фотографий и создания профессиональных дизайн-проектов. Базовые программы, такие как Microsoft Paint, сделали графику доступной для широких масс.
Первая версия Photoshop, 1990 г. (Источник: Музей версий)
Как направления в искусстве влияют на дизайнерские тренды
Лишь немногие направления в искусстве остаются успешными с течением времени. Вы замечали, как одно художественное направление влияет на создание следующего? Стиль дизайна может быть очень популярен в течение длительного периода времени, как швейцарский дизайн, но затем приходит что-то вроде постмодернизма и полностью меняет представление об искусстве и дизайне.
Так же, как и тренды в дизайне, некоторые из них будут популярны долгое время, пока их не заменит что-то другое. Помните градиенты и фаски, которые существовали в оригинальном дизайне приложений для iOS, когда iPhone впервые появился на рынке? Со временем этот вид изменился на плоский дизайн.
Эволюция дизайна iOS-приложений: от градиентов и фасок к плоскому дизайну.
Какие программы используют в графическом дизайне
Выбор инструментов зависит от области знаний дизайнера. Но я определил пять приложений, которые должен освоить каждый:
Подборка программ для графического дизайна Читать также
Adobe Photoshop
Его часто рекомендуют новичкам, потому что он прост и понятен в интерфейсе. Здесь работают в основном с растровой графикой: создают элементы для сайта и печатной продукции, обрабатывают и редактируют фотографии, рисуют иллюстрации.
Интерфейс Adobe Photoshop
Adobe Illustrator
Здесь создают векторную графику и весь необходимый дизайн: полиграфию, наружную рекламу и презентации. Они также рисуют иллюстрации.
Интерфейс Adobe Illustrator
Figma
Они создают дизайн для цифрового контента: баннеров, постов в социальных сетях и рекламных креативов. Вам также удобно работать в команде, так как изменения можно вносить для нескольких пользователей в режиме реального времени.
Фигма интерфейс
Adobe InDesign
В этой программе составляются печатные материалы: визитки, брошюры, корпоративные издания или газеты.
Интерфейс Adobe InDesign
Adobe After Effects
Программа создает спецэффекты, субтитры для видео или структурирует видеоряд по шаблону. Также они создают анимацию — это основной инструмент моушн-дизайна.
Интерфейс Adobe After Effects
Где учиться
Вы можете научиться основам графического дизайна самостоятельно, но это займет много времени и сил. Сложность с самообразованием в том, что рядом нет наставника, который указал бы на ошибки и помог исправить их. Поэтому большинство экспертов рекомендуют курсы графического дизайна, поскольку они дают специалистам прикладные навыки и объясняют теорию.
Как стать графическим дизайнером Читайте также
1. ВУЗы
Самая длинная дорога в графическом дизайне, хотя я сам ее прошел. Вы можете поступить на разные программы: «Дизайн», «Медиакоммуникации» и «Компьютерная графика».
По окончании вы получите теоретическую подготовку и диплом, который может заинтересовать работодателя. Но есть один главный минус: практические навыки придется отрабатывать самостоятельно. В университетах этому аспекту уделяется не так много времени. Кроме того, программа не адаптирована к современным реалиям. Даже в вузах есть много общеобразовательных дисциплин: философия, физкультура или БЖД. Я не хочу недооценивать ее важность, но для графического дизайнера практика гораздо важнее.
2. YouTube
Это возможность бесплатно изучить основы графического дизайна. Здесь есть множество руководств, которые помогут как новичкам, так и профессионалам. Например, если вы не умеете работать в Photoshop, вы можете изучить все основные инструменты из видео на YouTube:
- Уроки Марии Тудеми по работе в Photoshop;
- Как работать в Adobe Illustrator от Photofox;
Из недостатков можно отметить не всегда последовательность уроков. Некоторые темы пропущены, поэтому полноценного образования таким образом не получить. Советую обращаться к этим урокам только тогда, когда вы хотите усовершенствовать базовые навыки работы в Photoshop.
3. Книги
Теория в дизайне так же важна, как и в любой другой профессии. Изучить его поможет специальная литература. Например, для работы с цветокоррекцией можно прочитать книгу «Искусство цвета» Йоханнеса Иттена. Автор анализирует закономерности цветовых контрастов и гармонии на примерах из природы и произведений искусства. К этому я бы добавил типографику и верстку Артема Горбунова.
Вот еще один небольшой список литературы, которая поможет вам увлечься теоретическими вопросами:
- «Основы композиции», Ольга Голубева;
- «Типография. Шрифт, верстка, дизайн», Джеймс Феличи;
- «Тотальная упаковка», Томас Хайн;
- «Визуальное мышление» Дэна Роама.
4. Работа с куратором
Хорошо, когда нужна практика. Особенно, если вы владеете основами теории дизайна, но боитесь браться за проекты в одиночку. Тогда куратор будет помогать вам в работе: он будет следить за вашими действиями и давать обратную связь.