Иллюзия движения в графическом дизайне

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

Продолжайте читать, чтобы познакомиться с этими эффективными приемами.

В дизайне существует три ключевых категории движения:

• • Кинетика — как конструкции меняют свое положение в пространстве и времени
  • Ритмичные — они образуют линии, формы и цвета, которые направляют взгляд на всю композицию
  • Иллюзорное движение (или иллюзия движения) — как элементы взаимодействуют друг с другом, вызывая движение

В этой статье мы сосредоточимся прежде всего на том, как создать иллюзорное движение в дизайне.

Возьмите их с собой
—

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

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

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

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

Здесь мы подробно рассмотрим 9 методов, которые можно использовать для создания иллюзии движения.

Давайте начнем двигаться!
—

Линии движения

Используя простую технику линий движения, объект, который кажется инертным, может быстро проникнуться ощущением движения. Эта техника самая простая и интуитивно понятная. Дети от одного до девяноста двух лет часто применяют его автоматически при рисовании фигур. Круг для головы, три линии для тела, несколько горизонтальных линий позади и БУМ! Придерживайтесь фигуры в действии. Иногда самое простое решение действительно лучше.

Среднее нарушение

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

Эта техника — действительно более конкретная версия линий движения. Они оба указывают на эффект перемещения объекта в пространстве, но в то время как линии движения являются скорее намеком, среднее возмущение добавляет больше деталей. Уровень детализации может варьироваться от стилизованного до реалистичного — выбор за вами. Как вы можете видеть на примере Orange Fury, этот апельсин идет горячо!

Ожидаемое движение

Этот метод использует предложение движения по неподвижной двумерной поверхности. Его успех основан на предыдущем воздействии наблюдателя на сопоставимый сценарий — например, на прыгающую обезьяну. Мы все видели замедленное видео с обезьяной, прыгающей вперед (если вы этого не сделали, это YouTube. Это увлекательно). Если мы увидим, как обезьяна наклонилась вперед, как будто она собирается прыгнуть на ветку, мы автоматически переключимся на это видео, которое теперь хранится в нашем разуме. Эта реакция заканчивается, когда мы видим дизайн любого существа в ожидаемом движении. Мы можем чувствовать, как будет выглядеть следующее движение.

Несколько изображений
—

Start. Изменить. Стоп. Это цикл действий. Множественные изображения — это структурная техника, изображающая цикл действия путем представления субъекта в разных позах, которые передают повествование наблюдателю. В наши дни цифровое кинопроизводство стало нормой, но все вы, динозавры, помните, что в свое время целлулоидные пленки работали по одному и тому же принципу — объединяя несколько изображений, чтобы создать иллюзию движения.

Прозрачность

В этой технике формы различных помутнений накладываются друг на друга, чтобы воспроизвести движение. Если бы крылья колибри в логотипе Astoryo были непрозрачными, это было бы просто похоже на мутанта с четырьмя наборами крыльев. Но поскольку крылья прозрачны, мы понимаем, что у птицы есть один набор крыльев, просто мы видим процесс ее диапазона движения.

Размытые контуры

Быстро движущиеся объекты выглядят размытыми. Это явление заставляет нас связывать размытые края с движением. Держите камеру неподвижно, фотографируйте быстро движущийся объект, проходящий мимо объектива, и вы получите этот эффект без использования графического дизайна. В этих примерах техника размытых контуров дает ощущение ловкости, а также дает призрачный эффект.

Силовые линии

Обычно это невидимые (но рекомендуемые) линии, которые направляют направление движения с убедительным визуальным акцентом на значение движения. На изображении океана обратите внимание на то, как можно проводить диагональные линии, начиная справа налево, по крайней мере, в трех местах: на береговой линии, где белая пенистая вода превращается в волну, и на гребне волны. Эти линии сходятся при движении влево к точке схода, где они врезаются в симфонию горизонтальных, вертикальных и диагональных линий, создавая ощущение турбулентного движения.

Оптическое движение

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

Оптическая иллюзия

Мы сохранили самый драматичный из последних — иллюзия змеи. Смотрите на него достаточно долго, и он начинает двигаться. Принцип действия здесь называется видимым движением. Это происходит потому, что так много геометрических повторений и других данных влияют на различные части нашей сетчатки одновременно. Эта куча деталей мгновенно передается в нашу зрительную кору, и она является головокружительной для разума, который одурачен, полагая, что движение существует.

Переместить его
—

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

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