
- •Физиологические основы восприятия.
- •Угол зрения
- •Типы и архетипы.
- •Архетипы.
- •Прототип
- •Дизайн в разных типах.
- •Стиль на веб-сайте
- •Основные элементы стиля сайта Логотип Модульная сетка Шрифты Цвета Иллюстративный ряд (приемы обработки изображений)
- •Логотип.
- •Какими же качествами должен обладать логотип?
- •Имитация рисунка на компьютере.
- •Живопись традиционными средствами.
- •Живопись масляными красками.
- •Живопись темперой, гуашью и акварелью.
- •Имитация живописи компьютерными средствами.
- •О будущих статьях на эту тему.
- •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 иллюстраций на белом и цветном фоне.
- •Использование картинки в качестве фона страницы.
- •Смысловая суть картинки-фона.
- •Как выбрать цветовую гамму для дизайна странички или просто цвет фона
- •Ремувер растров.
- •Линия - это уже много...
- •Напомню об основных изобразительных средствах.
- •Свойства линии на уровне задач.
- •Немного психофизиологии.
Взаимодействие
Элементы композиции находятся (должны находиться) во взаимосвязи между собой и с форматом произведения. Эта взаимосвязь определяется прежде всего идеей на уровне композиционой схемы, пластическим мотивом на уровне приемов и принципов композиции, эмоциональным фоном на уровне использования тона и цвета.
Например, произведение, выражающее покой и умиротворение, не должно содержать композиционных групп с элементами хаоса или синкопированного ритма (не является жестким правилом), а выражающее стремление к покою - уже есть движение от группы хаоса к группе порядка через определенные принципы. В первом случае обычно применяется симметричное построение композиции без выраженного движения, во втором - отступление от этой симметрии. На уровне движения он определяет развитие и следование пластического мотива через пятно, ритм или силуэт (оформленный линией или тем же пятном, группой пятен).
Цвет и тон являются в этом случае элементами, способствующими раскрытию замысла (наравне с основными принципами, потому как равноправны с ними). При применении нескольких принципов преобладает наиболее выраженный (акцентированный по сравнению с другими).
В приведенных примерах ни одна из картинок не явялется примером композиции абсолютного покоя, хотя первый вариант очень близок по решению. Чем же он нас не устраивает? Некое условное "повисание" элементов над несуществующей, но автоматически воображаемой плоскостью... Во втором примере нас не устроит "неустойчивость" почти по тем же причинам, что и в первой...
В третьей картинке вы можете провести линию симметрии достаточно четко, но ни она, ни элементы никак не соответствуют состоянию покоя, а скорее вялого, "анемичного" движения... направление движения тоже фактически не угадывается, вернее, их одновременно несколько, и только ось симметрии каким-то образом преобладает над другими направлениями.
Сотрудничество.
Этот весьма оригинальный по звучанию (во всех предыдущих трудах по композиции разных авторов он если и есть, то в весьма расплывчатой форме - вместе с принципом взаимодействия он объединяется обычно под термином "взаимосвязь"). Суть сотрудничества можно проследить на примере ритма (где каждый элемент играет свою роль не только сам по себе, но в совокупности другими), контраста (когда тон любого из сопоставляемых пятен влияет на восприятие тона его окружения). На уровне цвета это можно подтвердить примером, когда одно цветовое пятно усиливает или глушит цвет соседнего пятна, одновременно влияя на восприятие тона, цвета как такового в виде яркости, насыщенности или уровня тона).
Это как раз тот пример, когда за счет свойств одного элемента более выразительно начинают звучать другие, или вся композиция в целом. Например, ровную поверхность шара нельзя сделать более ровной саму по себе, но за счет сложного "рваного фона" или аналогичных элементов усиливается впечатление от ровной поверхности того же шара (прием контраста - противопоставления).
Равновесие (сОразмерность)
Понятие "равновесие" в изобразительном искусстве (равно как в дизайне) относится к принципам, то есть понятиям, которые просто обязаны присутствовать в работе в том или ином виде, вернее, во всех видах. Это вовсе не означает, что темного и светлого в работе должно быть одинаково... Нужна именно точка равновесия, определяющая баланс именно в конкретном случае.
Пример, весьма отвлеченный от изобразительного искусства. Чашка кофе... Кофе, сахар, кипяток. Избыток сахара сделает напиток излишне сладким, недостаток сахара сделает кофе горьким. Недостаток воды сделает кофе излишне крепким, а избыток - слабым. Ну и тот же вариант с количеством самого кофе. Нужные пропорции продуктов определят тот самый неповторимый для вас (именно для Вас) вкус. Понятно, что если вы пьете кофе вообще без сахара, то любое, даже самое малое его количество окажется неуместным. Равновесие продуктов и есть та самая гармония (симпатия).
Так же и в остальном. Равновесие между работой и отдыхом, получением денег и их тратой... и т.д. Равновесие между необходимостью и свободой.
Пример из области веб-дизайна. Количество графики и текста на страничке. Недостаток графики придает тексту монотонность и некоторую скучноватость, эмоциональную невыразительность. Избыток графики отвлекает, мешает сосредоточиться на мысли, выраженной текстом. Одно дело, если у вас графика дополняет текст, иллюстрирует... и Совсем другое, если у вас текст служит пояснениями к картинкам. Пользуясь тем же принципом равновесия (точки баланса) будем считать, что для вступления в данной статье написано вполне достаточно, и переходим к основной части.