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