- •Физиологические основы восприятия.
- •Угол зрения
- •Типы и архетипы.
- •Архетипы.
- •Прототип
- •Дизайн в разных типах.
- •Стиль на веб-сайте
- •Основные элементы стиля сайта Логотип Модульная сетка Шрифты Цвета Иллюстративный ряд (приемы обработки изображений)
- •Какими же качествами должен обладать логотип?
- •Логотип.
- •Имитация рисунка на компьютере.
- •Живопись традиционными средствами.
- •Живопись масляными красками.
- •Живопись темперой, гуашью и акварелью.
- •Имитация живописи компьютерными средствами.
- •О будущих статьях на эту тему.
- •1. Выбор сюжета для имитации на качественном уровне.
- •Физиологические основы восприятия.
- •Процесс восприятия окружающей действительности.
- •Этапы восприятия.
- •Пропорции.
- •Часть 1.
- •Линейные соотношения
- •Цветовые соотношения.
- •Закономерности тональных соотношений.
- •Обозначение композиционного центра тоном.
- •Процесс восприятия окружающей действительности.
- •Часть 2.
- •Продолжение повести о логотипах вообще и шрифтах в частности...
- •Приемы и способы акцентирования
- •Пример №1.
- •А теперь о терминах.
- •Пример №2.
- •Пример №3.
- •Пример №4.
- •Материал для размышлений.
- •Отсебятина (вместо поскриптума).
- •Постеры
- •Театральная афиша.
- •Коммерческий плакат
- •Постеры
- •Современный постер.
- •Киноафиша.
- •Спортивный плакат-постер
- •Современый рекламный постер.
- •Какого цвета Любовь? IV
- •Какого цвета Любовь?
- •Техника коллажа. Работа со шрифтами
- •Композиционная работа со шрифтом.
- •Композиция
- •Extremальный DeSign II
- •Extremальный DeSign
- •Идея произведения
- •Новизна идеи произведения
- •Состояние
- •Движение
- •Взаимодействие
- •Сотрудничество.
- •Равновесие (сОразмерность)
- •Формальное равновесие.
- •Динамика равновесия
- •Баланс тона
- •Баланс цвета
- •Баланс между консерватизмом и оригинальностью.
- •От простого к сложному.
- •Техника коллажа. Работа со шрифтами II
- •Принципы цветоведения.
- •Какого цвета Любовь? III
- •7. Фиксированные цветосочетания
- •Какого цвета Любовь? II
- •1. Принцип теплохолодности.
- •2. Дополнительные цвета.
- •3. Гармоничные цветосочетания (консонансные)
- •4. Диссонансные цветосочетания
- •5. Кардинальные цветосочетания
- •Взаимосвязь цвета и тона. Насыщенность цвета.
- •Теория соотношений.
- •Теория соотношений. 2
- •Принцип Единства в композиции.
- •Теория соотношений. 3
- •Движение в композиции.
- •Виды движения.
- •Пластический мотив Движение как пластический мотив.
- •Пластический мотив
- •Продолжим наши беседы о тоне и цвете.
- •Модульные сетки в веб-дизайне.
- •Все сначала и по порядку.
- •Общая конструкция страницы.
- •Технологии загрузки информации в блок и обновления информации.
- •Использование фреймов
- •Декор таблиц.
- •Декоративные свойства таблицы.
- •Декоративные свойства ячейки.
- •Ну а теперь старые песни о главном
- •О декоре элементов таблицы пиксельными изображениями.
- •Композиция в коллаже.
- •Каковы же реально его преимущества и возможности?
- •Использование схем в композиции коллажа.
- •Немного о природе форм (и о форме в природе)
- •Но вернемся к коллажу.
- •1. Четкое определение идеи, постановка задачи.
- •2. Определение формата.
- •3. Выбор собственно самой схемы в зависимости от задач.
- •4. Распределение общих масс.
- •5. Определение и настройка ритмического ряда.
- •Композиция в коллаже.
- •Как владеть вниманием зрителя...
- •Композиционные схемы
- •Для чего нужны схемы?
- •Наличие схем в структуре процесса мышления художника.
- •Как обращаться с цветом и тоном в среде?
- •Размышления о тоне
- •Продолжим наши беседы о тоне и цвете.
- •Как обращаться с цветом и тоном в среде?
- •Размышления о тоне
- •К ак обращаться с цветом и тоном в среде? Цвет
- •Из практики создания логотипов...
- •Вариант ручной графики.
- •Техника фотонабора.
- •Использование компьютерной техники.
- •Конкретный пример.
- •Небольшое портфолио
- •Несколько практических советов из личного опыта работы с клиентами.
- •Backgrounds (фоны)
- •Использование битовых заголовков и gif-transparent иллюстраций на белом и цветном фоне.
- •Использование картинки в качестве фона страницы.
- •Смысловая суть картинки-фона.
- •Как выбрать цветовую гамму для дизайна странички или просто цвет фона
- •Ремувер растров.
- •Линия - это уже много...
- •Напомню об основных изобразительных средствах.
- •Свойства линии на уровне задач.
- •Немного психофизиологии.
Взаимосвязь цвета и тона. Насыщенность цвета.
Свет, преломленный и трансформированный осознанием (эмоциями, чувствами и сознанием) в цвет, является нам в виде нашего внутреннего наполнения, интравертной составляющей. Во внешней среде он обозначен другим понятием - ТОН (цветовой тон, ибо других, по сути, нет). Во внешней среде свет взаимодействует с объектами среды по определенным законам, обозначает среду и являет ее для нашего визуального восприятия. Это взаимодействие определяется такими принципами, как отражение, поглощение, содействие и влияние. В качестве законов к этим принципам мы можем вспомнить дифракцию, интерференцию и другие, но в данный момент нам важно несколько иное качество нашего восприятия тона - ИЛЛЮЗИЯ. Ибо именно иллюзия являет нам внешний мир в виде визуальных образов при нашем восприятии любой среды.
Все, что мы наблюдаем визуально - есть иллюзия. Мы видим не сам предмет, а свет, им отраженный и преломленный. Если предмет не освещен - он не существует для субъективного восприятия, хотя другими органами чувств мы можем определить его наличие и некоторые его свойства. Более того, даже если мы визуально наблюдаем объект - это вовсе не означает, что мы его "видим". Как часто вам приходится искать заварник, хотя он обычно всегда стоит под самым вашим носом? Часто даже сама среда дает нам дополнительные искажения восприятия в виде тумана, дымки или подсветки объектов дополнительными источниками света. В основном это рефлексы, освещение объекта отраженным от других объектов светом.
В отношении свет-тьма мы можем сразу определить важные для понимания принципов и законов света и тона позиции. Свет - это поток, воздействие, тьма - это среда, на которую воздействует свет.
Понятие "тон" тесно связано с понятием "форма", ибо свет, будучи отраженным от разных поверхностей объекта по разному, образует тональные соотношения, воспринимаемые нами в виде визуальной иллюзии с названием "Форма объекта". Почему иллюзии, а не факта? Какова степень достоверности иллюзии? И почему мы не говорили об "иллюзиях" в цвете?
В том и вся разница между понятиями тона и цвета, что цвет воздействует на наши чувства и эмоции, а тон - на ментальную часть нашего сознания, на разум. О неточностях в восприятии цвета мы можем использовать термины "растворение", "неопределенность", а вот при восприятии тона наши термины более точны - "иллюзия", "визуальный обман - степень достоверности". Чувственная часть на любые такие замеры среагирует только количеством "ох" и "ах", практически не подлежащих измерениям. Разум же в своих понятиях может построить относительно точные для данной среды матрицы и шкалы, а следовательно, постоянно будет сталкиваться с разницей между ожидаемым и наблюдаемым.
Творчество подчиняется тем же законам. И цветовой составляющей нашей картинки мы воздействуем на эмоции и чувства зрителя, а тоновой частью - на разум и сознание.
На этом примере разделение весьма условное, но достаточно наглядное. Какая из половинок вам больше нравится? Думаю, что вы сразу определите "неполноценность" и той, и другой. И те же цветовые схемы из прошлой статьи настолько же неполноценны без тональной составляющей, без опосредования. И даже в отвлеченной схеме им можно придать некий опосредованный вид, изменяя тональную составляющую.
Естественно, при изменении цветового тона изменяется и восприятие цветовой составляющей. При этом его изменение в среде будет иметь один вид, а в нашем сознании - другой. Ибо любую, даже очень плоскостную среду мы склонны представлять прежде всего в виде пространственной иллюзии, и только потом свести до состояния плоскости. Даже на приведенных выше примерах с плоскостной расстановкой объектов можно попытаться увидеть пространственное движение объектов на зрителя и вглубь. Разумеется, это зависит не только от тона, но и от цвета... И в каких-то моментах вдруг сможете обнаружить, как ваш объект вдруг умудряется образовать "дыру" в пространстве, визуально размещаясь "позади" его же фона.
Два примера простейшей тонально-пространственной иллюзии. Хотя, думаю, в дальнейшем термин "иллюзия" нам следует заменить на "впечатление", или даже "восприятие". Во-первых, потому что такие илюзии для нас считаются нормой, а во-вторых, под термином "иллюзия" психологи, да и художники понимают немножко другой тип восприятия реальности.
НАСЫЩЕННОСТЬ ЦВЕТОВОГО ТОНА.
Под насыщенностью цвета следует понимать его максимальную цветовую составляющую, неопосредованное значение того или иного цвета. Понятно, что среда и другие источники света (и отражатели цвета) будут менять это значение в ту или иную сторону (темнее, светлее или получение дополнительных оттенков).
В привычной нам фотошоповской палитре мы сразу видим шкалу цвета, спектр. Это линейка справа. Она сохраняет правила присказки о цвете КОЖЗГСФ. И любая точка на этой шкале определяет нам наш выбор цвета как факт, в левой части таблицы определяемый правым верхним углом. Это точка максимально насыщенности цвета, где его цветовая (эмоционально-чувственная) составляющая полна по максимуму, а влияние тона (среды) практически отсутствует. Разумеется, и эта точка имеет также свой цветовой тон, который визуально светлее у желтого и голубого, и темнее у синего и красного. Разумеется, это все условно, иллюзорно, как и дальнейшие понятия насыщенности и яркости.
Количество цвета в определенном участке среды определяет насыщенность цвета, яркость цвета определяет дополнительный фактор в виде взаимодействия конкретного цвета с белым или другим, дающим в сумме белое свечение. Как наглядный пример - ваш экран монитора. Зеленые, синие и красные точки дают нам достаточный для наших рамок восприятия комплект свето-цветовой шкалы. И мало кто спрашивает, откуда на мониторе белый цвет, если нет такой экранной точки. И это тоже опосредованная иллюзия. Цветные точки всего четырех красок при визуально-оптическом смешении дают нам красивую журнальную картинку. В теории мы можем рассуждать понятиями цвета и тона достаточно точно, выстраивая мерительные линейки с математической точностью... Но как только дойдет до практики - тут же вмешается среда, а следовательно, и наша иллюзорность восприятия.
Как художнику или дизайнеру справиться с этой иллюзорностью? Как сделать свое восприятие сюжета "аналогичным" хоть чуть с восприятием зрителя? В этом художнику помогает прием использования СО-отношений.
СООТНОШЕНИЯ.
Любое измерение всегда требует свой эталон, относительно которого и будут производиться работы и замеры. Один метр (100см = 1000мм), дюжина (12 чего-то), попугаи (38 попугаев = 1 удав). Это примеры внешних эталонов. Любое искусство имеет свои внутренние, "встроенные в результат", эталоны. В живописи, например, в каждой картине есть своя шкала тональных и цветовых тонов, называемая гаммой, общим тоном (для цвета в живописи применяются такие термины как "колорит" и "валер").
Изначально предполагается наличие в работе самой светлой и самой темной точек шкалы. И необязательно самая светлая должна соответствовать нашему привычному 255, 255, 255.
Есть самый светлый тон, есть самый темный тон, и есть промежуточный в примерном соотношении к базовым. Как только средний тон станет светлее светлого тона - соотношение будет нарушено. В привычных реалистичных изображениях будут разрушены наши привычные иллюзии восприятия среды.
И обычной ошибкой в рисунке является нарушение, несоблюдение этих тональных соотношений. Как следствие - части изображаемого объекта начинают "проваливаться" или "выпирать", нарушается визуальная целостность среды. И обратный вариант у мастеров живописи - грамотное и творческое изменение тональных соотношений может придать работе дополнительную свежесть и необычность восприятия.
