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