ДВИЖЕНИЕ • Буквальное движение — процесс

ДВИЖЕНИЕ

• Буквальное движение - процесс перемещения объектов в пространстве относительно времени • Движение - это элемент дизайна, который действует в четвертом измерении - во времени

• Иногда ощущение движения создается использованием символических форм, которые подразумевают скорость и движение. • аэродинамические формы связаны с большой скоростью движения.

• Изобретение кинематографа • художественные формы, которые не стояли на месте, а двигались

А как художники? • диагональные линии (дисбаланс)

• особое расположение предметов в композиции Балла (Balla)

• кинематограф и стоп-кадры Марсель Душам (Marcel Duchamp)

• движущиеся скульптуры Александр Кальдер (Alexander Calder)

Изображение движения в визуальном дизайне • Размытость • Перспектива • Частые горизонтальные линии • “Падающие/бегущие” предметы

Размытость

Перспектива • Идея диагональных линий

Частые горизонтальные линии мелькающие горизонтальные линии чем сильнее сделан акцент на линии - тем выше ощущение скорости, движения.

“Падающие/бегущие” предметы • Используется визуал движущегося человека, предмета

Композиционное движение • Как двигается взгляд зрителя по композиции • как взаимодействуют ее компоненты и куда они ведут внимание зрителя

Статическое композиционное движение • взгляд зрителя перескакивает и мечется между отдельными компонентами изображения

В web-дизайне в этих местах на странице принято располагать самые важные ключевые элементы сайта: главный заголовок, главную ссылку, главную фотографию

Динамическое композиционное движение Взгляд плавно скользит от одной части композиции к другой, ведомый непрерывными линиями или фигурами, а также градациями цвета или фигур

В дизайне • прием “притягивания” взгляд посетителя “толкается”/ “притягивается” к определенному участку страницы, где располагается важная информация: главный заголовок, главная ссылка, главная фотография и т. д. • линии (т. н. “силовые линии”), • фигуры (круги, завитушки, спирали), • указатели (стрелок) • визуалы (направленное в определенное место движение машины, человека, руки).

Узор

• Узор – это фоновая структура, которая организует плоскости или структуры в нечто однообразное и повторяющееся Питер С. Стивенс (Peter S. Stevens) опубликовал книгу под названием “Узоры в Природе” (“Patterns in Nature”), биолог, Университет Гарварда

Поток • Все течет, следуя пути наименьшего сопротивления

Ветвление • тип узора естественно заимствован из мира растений

Спиральные узоры • начиная с галактик и кончая листьями папоротника, вплоть до микроскопиче ских живых организмов.

Упаковка и растрескивание • обозначают то, как тесно прижатые друг к другу клетки определяют форму друга • Некоторые поверхности сжимаясь, могут трескаться, и в результате получается такой же клеточный узор

Текстура

• Текстура - это качество объекта, которое мы ощущаем, прикасаясь к нему.

• Жесткие, колючие, твердые, • Гладкими, твердыми и холодными. • Влажными или сухими.

Цвет

Тон • "Какой это цвет? « • «тон/hue» - когда мы говорим о красном, желтом, зеленом, и синем цветах и т. д Различные оттенки, одинаковый тон (синий)

Хроматичность • о “чистоте” цвета - если в цвете отсутствуют примеси белого, черного или серого, цвет имеет высокую чистоту цвета с высокой хроматичностью цвета с низкой хроматичностью хроматичность одинакова, среднего уровня

Насыщенность • насыщенность - как цвет выглядит в различных условиях освещенности насыщенность которых одинаковая, т. е. та же интенсивность, различные тона. контраст насыщенности - различные уровни наполнения, тон одинаковый.

Яркость • цвет “темный” или “светлый”, мы имеем в виду его яркость, т. е. насколько он близок к белому. Низкая яркость, постоянная - одинаковый уровень яркости Контраст яркостей - серый = ахроматичный. Контраст яркостей - полное различие яркости.

Тональность, оттенок и тень • Тональность - насколько цвет отличается от своего начального тона (hue) • Если к цвету добавляется белый, эта более светлая разновидность цвета называется “оттенок” (tint) • Если цвет делается темнее путем добавления черного, полученный цвет называется “тень” (shade).

Тональности (добавляем серый к чистому цвету) Оттенки (добавляем белый к чистому цвету). Тени (добавляем черный к чистому цвету)

Комплиментарные цвета • Когда два или несколько цветов подходят “друг к другу”, их называет комплиментарными, дополняющими друга цветами

Основные цвета • Цвета, видимые при расщеплении солнечного света с помощью призмы, иногда называют спектральными цветами: красный, оранжевый, желтый, зеленый, голубой, синий и фиолетовый. • основные цвета аддитивной системы цветов: красный, зеленый и голубой.

Системы RGB, CMYK, HSL • Если мы используем источники света, то RGB (от “red, green, blue” – “красный, зеленый, синий”). • Если цвета получаются путем смешивания красок, пигментов или чернил на ткани, бумаге, полотне или другом материале, в качестве цветовой модели используется система CMYK (от “cyan, magenta, yellow, black” – “голубой, фуксин, желтый, черный”). • Система HSL (от “hue, saturation, lightness” – “тон, насыщенность, яркость”) соответствует тому, как человеческий глаз видит цвет.

Пространство