Основы визуального дизайна абстрактные элементы

Основы визуального дизайна

абстрактные элементы • • точка линия форма движение пространство цвет текстура шрифт

Основы визуального дизайна КЛАССИФИКАЦИЯ ЭЛЕМЕНТОВ ДИЗАЙНА

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

• • • Точка Линия Форма и фигура Движение Узор Текстура Цвет Пространство Текст и шрифт

ТОЧКА

• Точка - простейший элемент визуального дизайна.

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

• Одна точка – мозг ищет связь или закономерность.

• Две точки воображаемая линия

• Три точки

• невольное соединение точек называется группировкой или гештальтом (gestalt). созвездия

Варьируется лишь плотность точек

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

Эффективное использование • Подчеркнуть ключевую идею

• Привлечь внимание

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

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

Завершение Люди склоны мысленно дорисовывать изображение, если оно им кажется незавершенным. Благодаря этой особенности нашего сознания работают приемы с использованием пустого пространства в логотипах и других элементах.

• Симметрия и упорядоченность. Люди склонны воспринимать объекты как упорядоченные группы, симметрично расположенные вокруг условного центра. Чем более явно выделены эти условия, тем проще дизайн для восприятия.

• Зонирование. Группа элементов воспринимается как единое целое, если она ограниченна замкнутой областью.

• Близость. Объекты, которые расположены ближе друг к другу, скорее воспринимаются как единое целое, нежели объекты, расположенные на удалении

• Продолжение. Элементы, расположенные на одной линии, воспринимаются как целое, даже несмотря на другие критерии группировки (цвет, форма, размер).

The Sims 3 (128% увеличение)

• The Sims 3 (128% увеличение) Оригинальный дизайн содержал 4 CTA (Call To Action) : • Регистрация (или вход) • Посетите магазин • Прочитайте последние новости компании • Получите бесплатные материалы

Device Magic (35% увеличение) Новый дизайн упростил понимание продукта для новых посетителей

Highrise (37, 5% роста)

ЛИНИЯ

• Линия - это черта создаваемая движущейся точкой имеет определенное психологическое значение от направления, толщины и изменения ее направлений и толщины

• Линия - не является искусственным изобретением; • присутствует и в природе в виде части структуры (ветви деревьев), либо части поверхности (полоски на шкуре тигра, волны на раковине моллюска).

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

Выразительные свойства линии • Определенные расположения линий несут в себе определенное значение.

• Линии на картах четко распознаются как символические обозначения места.

• Планы помещений - это специфические карты, которые повсеместно используются для описания зданий

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

• С помощью толщины и направления линий можно передавать настроение и состояние эмоций. • Горизонтальные линии создают ощущение покоя или отдыха.

архитектурный стиль Френка Ллойда Райта (Frank Lloyd Wright)

• Вертикальные линии создают ощущение высоты, полета и воздушности.

Диагональные линии • Создают ощущение движения или направленности, оживляют изображение • Объекты, расположенные диагонально, кажутся нестабильными по отношению к линии силы притяжения

• Сочетание горизонтальных и вертикальных линий передает ощущение стабильности и прочности. • Прямоугольные формы

• Глубокие, острые кривые, с другой стороны, предполагают смятение, волнение, и даже безумие. • Мягкие, неглубокие кривые предполагают комфорт, безопасность, понятность, расслабление.

Качество линии • мягкие, неправильные линии на рисунке быстрый набросок сделанный с натуры

• жесткие, тщательно выведенные линии - свидетельствуют о кропотливой, скрупулезной работе в студии

• качество линии – это средство выражения стиля художника Матисс А. «Женский портрет»

Разделительные и соединительные линии • • линий-разделители линии-соединители пустые интервалы переходы фонового цвета

• Линии-соединители используются для соединения заголовков с текстом, подписей с иллюстрациями, кнопок навигации с относящимися к ним изображениями. • В web-дизайне преимущественно используются горизонтальные и вертикальные линии

Highrise (37, 5% роста)

• Принцип связанности. Если два элемента визуально связаны третьим, они воспринимаются как единое целое.

• Параллельные объекты воспринимаются, как группа.

Горизонтальными линейками часто оформляют выносные цитаты, чтобы они сразу бросались в глаза

Горизонтальные линейки можно использовать для разграничения текстовых глав внутри колонки или привлечения внимания к подзаголовкам

Вертикальные линейки часто применяются для разделения колонок, особенно если текст имеет выключку в левый край

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

Тонкие линейки обычно лучше подходят для документов с большим количеством текста

Следующая лекция ФОРМА И ФИГУРА