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

• Название: Основы графического дизайна на базе компьютерных технологий
• Автор: Ольга Яцюк
• Жанр: Искусство и Дизайн

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

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

---

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

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

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

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

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

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

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

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

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

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

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

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

Рис. 1.6. Зависимость восприятия светлоты от контраста

Подсознательное стремление человека сравнивать объекты иногда приводит к глазомерным ошибкам и иллюзиям.

1.2. Иллюзорность при восприятии графики

Иллюзорность — обманчивость зрительного восприятия. «Мысль изреченная есть ложь!» (Тютчев), но лжет иногда и изображение, вернее, наше восприятие этого изображения.

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

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

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

На рис. 1.7 приведены примеры иллюзий, возникающих при восприятии формы объекта.

1. Квадрат или круг, нарисованные «на глаз», как правило, оказываются вытянутыми вверх, т. к. вертикальные размеры человек воспринимает чуть меньшими, а горизонтальные чуть большими истинных.

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

3. Если небольшой объект (например, круг), расположить в верхней части листа, он будет выглядеть более «легким», а если сместить его вниз – покажется более «тяжелым».

4. Горизонтально ориентированный прямоугольник кажется более устойчивым и тяжелым, чем этот же объект, повернутый вертикально.

5. Вертикальные линии зрительно увеличивают высоту, а горизонтальные – ширину протяженного объекта.

6. Горизонтальные линии кажутся толще, чем вертикальные.

7. Светлые предметы на темном контрастном фоне кажутся больше, чем темные на светлом. Это явление называется иррадацией (от лат. irradiare — «сиять»).

8. Белый силуэт на темном фоне более выразителен, чем черный на белом, но восприятие черного лучше.

Рис. 1.7. Примеры иллюзий при восприятии формы объектов Упражнение 1.1

В CorelDRAW создайте простые геометрические объекты: квадрат, круг, прямоугольник, пятно произвольной формы. Поворачивая и перемещая эти объекты, изменяя их размеры и цвет, выполните все примеры, иллюстрирующие графические иллюзии при восприятии формы объекта (см. рис. 1.7).

На рис. 1.8 приведены примеры иллюзий, возникающих при восприятии группы объектов.

1. Иллюзия стрелок Мюллера-Лиера (слева – отрезок разделен на две равные части; справа – правая часть отрезка короче левой на 25 %).

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

3. Иллюзия разной кривизны: радиус кривизны всех дуг одинаков.

4. Иллюзия изменения размера объекта: внутренние окружности в обоих случаях одинаковы.

5. Иллюзия непараллельности параллельных линий: параллельные прямые, пересеченные короткими отрезками, кажутся непараллельными.

6. Иллюзия волнистой линии. За счет градиентной заливки прямоугольника параллельные горизонтальные линии кажутся волнистыми.

7. Иллюзия искажения прямого угла. Если на угол квадрата наложены прямые, образующие тупой угол, прямой угол кажется острым.

8. Иллюзия искажения окружности. Окружность, наложенная поверх линий, образующих углы, зрительно искажается.

Рис. 1.8. Примеры графических иллюзий Упражнение 1.2

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

1.  Иллюзия стрелок Мюллера-Лиера. Нарисуйте линию со стрелками на обоих концах. Создайте ее копию. С одного конца удалите наклонные линии окончания стрелки, а с другого зеркально отобразите их относительно вертикальной оси (см. рис. 1.8.1). Горизонтальные отрезки кажутся одинаковыми, если первый длиннее второго на 25 %.

2.  Иллюзия сходящихся и расходящихся линий (см. рис. 1.8.2). Нарисуйте ломаную линию, состоящую из трех отрезков прямой. Средний отрезок должен быть горизонтальным. Создайте несколько копий этой фигуры. С помощью инструмента Shape (Форма) переместите нижние узлы наклонных линий у каждой фигуры на разное расстояние. Разместите все изображения друг под другом, используя команды Align и Distribute (Выравнивание и Распределение).

3.  Иллюзия разной кривизны (см. рис. 1.8.3). Нарисуйте окружность. Создайте шесть ее копий. Попарно наложите окружности одна на другую так, чтобы области перекрытия были разными. Примените к каждой паре пересекающихся окружностей команду Intersection (Пересечение).

4.  Иллюзия изменения размера объекта (см. рис. 1.8.4). Нарисуйте окружность, скопируйте. Нарисуйте несколько окружностей меньшего диаметра и расположите их по кругу. Для этого можно применить команду Blend (Перетекание) с размещением вдоль траектории. В качестве траектории использовать окружность достаточно большого диаметра. Поместить исходную окружность в центр группы с помощью команды Align (Выравнивание). Повторить те же операции, только на этот раз по кругу нужно расположить окружности, диаметр которых больше, чем диаметр исходной.