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