001_Основы визуального дизайна.ppt
- Количество слайдов: 56
Основы визуального дизайна
абстрактные элементы • • точка линия форма движение пространство цвет текстура шрифт
Основы визуального дизайна КЛАССИФИКАЦИЯ ЭЛЕМЕНТОВ ДИЗАЙНА
Элементы - это части или компоненты, которые можно выделить и определить в любой визуальной композиции или произведении искусства. • создают структуру произведения, • могут нести множество различных идей.
• • • Точка Линия Форма и фигура Движение Узор Текстура Цвет Пространство Текст и шрифт
ТОЧКА
• Точка - простейший элемент визуального дизайна.
• Точка служит в качестве фокуса изображения, выделяя важную информацию или притягивая к ней внимание
• Одна точка – мозг ищет связь или закономерность.
• Две точки воображаемая линия
• Три точки
• невольное соединение точек называется группировкой или гештальтом (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% роста)
• Принцип связанности. Если два элемента визуально связаны третьим, они воспринимаются как единое целое.
• Параллельные объекты воспринимаются, как группа.
Горизонтальными линейками часто оформляют выносные цитаты, чтобы они сразу бросались в глаза
Горизонтальные линейки можно использовать для разграничения текстовых глав внутри колонки или привлечения внимания к подзаголовкам
Вертикальные линейки часто применяются для разделения колонок, особенно если текст имеет выключку в левый край
При выборе линеек следует иметь в виду, что они должны гармонировать с общей тональностью полосы. Толстые линейки затемняют документ, если их не уравновесить белым пространством.
Тонкие линейки обычно лучше подходят для документов с большим количеством текста
Следующая лекция ФОРМА И ФИГУРА
001_Основы визуального дизайна.ppt