Как стать автором
Обновить

Динамика формы и дизайн сайтов

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


(Hajo Rose, Highjumping, 1930)

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

Cамая основная сила, которая действует на нас всегда — это сила всемирного тяготения. В форме она может быть выражена ассиметрией относительно горизонтальной оси — тяжесь заставляет массу объекта смещаться вниз к земле. Так же, о наличии тяготения свидетельствует поддержка объекта. Зрителю должно казаться, что если ее убрать, объект упадет.

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



Продолжение под катом.



Можно вдохновиться этим примером и попробовать нарисовать что-нибудь на его основе



НЛО отрицает гравитацию, %username%.



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



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



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


(Life Experience, Rob Morris, 2008)

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


(Spring Fair + Building and Transport, Otto Treumann, 1965)

Но что же дизайнеры сайтов? Есть ли такие сайты, чья композиция перекликается
с физическими процессами в реальной жизни?

Честно говоря, самый яркий пример, который я нашел — это первая версия Яндекса.



Не очень понятно зачем это здесь применено, но по крайней мере все части страницы создают ощущение одного вектора направления сил, что интересно просто с точки зрения нашей темы.

Большинство же сайтов цитирует «физику» лишь частично.

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


(www.vlourenco.com/work)

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


(www.sangerinitiative.com)

Улетающая ракета дополняет рекламный текст, но на этом все и заканчивается.


(www.wishingsky.com)

Использование спирали задает дополнительной скорости бегущему человечку


(www.digitalmash.com)

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


(www.sheridanandco.com)

Наконец, сия птичка, похоже, собралась взлетать.


(www.vlourenco.com)

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

Жалко, что оформители не часто применяют выкрутасы, подобные описанным, максимум уделяя внимание правильному расположению теней. Я был бы рад интересным примерам по этой теме, которые могут привести читатели.

Теги:
Хабы:
+47
Комментарии 19
Комментарии Комментарии 19

Публикации

Истории

Работа

Веб дизайнер
36 вакансий

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн
PG Bootcamp 2024
Дата 16 апреля
Время 09:30 – 21:00
Место
Минск Онлайн
EvaConf 2024
Дата 16 апреля
Время 11:00 – 16:00
Место
Москва Онлайн