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

Основы графического дизайна на базе компьютерных технологий
Ольга Григорьевна Яцюк

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

Для широкого круга читателей.

Ольга Яцюк

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

Введение

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

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

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

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

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

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

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

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

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

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

Ряд иллюстраций главы 2 вынесен на цветную вклейку. Ссылки на такие рисунки имеют префикс ЦВ (рис. ЦВ-2.16 и т. п.).

Глава 1

Зрительное восприятие формы и пространства

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

1.1. Свойства зрительного восприятия

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

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

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

1.1.1. Последовательность

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

Рис. 1.1. Траектория движения зрачка при рассматривании профиля Нефертити

1.1.2. Избирательность

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

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

1.1.3. Реакция на движение

Зрительный аппарат устроен так, что когда в поле зрения появляется движущийся объект, взгляд почти мгновенно, через 150–170 миллисекунд, захватывает объект центральным зрением и отслеживает движение.

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

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

1.1.4. Запоминаемость

Из множества элементов рассматриваемого изображения или объекта человек может за короткое время одновременно воспринять и запомнить не более 7–9. Посмотрите в течение нескольких секунд на иллюстрацию (рис. 1.2) или в окно, закройте глаза и попробуйте мысленно воспроизвести элементы сцены.

Рис. 1.2. Рисунок А. В. Кокорина

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

1.1.5. Целостность восприятия

Человек способен воспринимать как отдельные части, так и все изображение одновременно. Информация о форме, цвете, яркости и других характеристиках объекта сливается воедино, формируя определенный образ. Несколько произвольных кривых линий, воспринимаемые как единое целое, могут неожиданно породить новое изображение, причем человек подсознательно пытается наделить такое изображение смыслом (рис. 1.3).

Рис. 1.3. Пример целостного восприятия линий

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

1.1.6. Константность

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

Рис. 1.4. Пример константности восприятия

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

1.1.7. Соотносительность

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

Рис. 1.5. Пример соотносительности при восприятии размера

Принцип соотносительности восприятия справедлив не только для размера. Это свойство зрения позволяет усилить восприятие цветности изображения: темное на светлом фоне кажется более темным и наоборот (рис. 1.6); контраст цветов усиливает их «звучание».