Основи візуального дизайну (Рух)

Малобюджетні сайти.

Просування веб-сайту.

Основи візуального дизайну (Рух)

Рух – це елемент дизайну, який діє у четвертому вимірі – у часі. Рух – це процес переміщення об'єктів у просторі щодо часу. Ми маємо на увазі рух буквальний чи композиційний.

Сам факт руху є частиною дизайну певних об'єктів; тут ми ведемо мову пробуквальний рух. Іноді відчуття руху створюється використанням символічних форм, які мають на увазі швидкість та рух. Наприклад, машини, від початку були призначені для руху, але їх форми цього не мали на увазі. Навіть після того, як почалося масове виробництво автомобілів, їхній зовнішній дизайн мало мав спільного з фактом руху.

візуального

У 30-ті роки концепції аеродинаміки, розроблені спочатку для літаків, були застосовані до дизайну автомобілів, тобто коли машини стали їздити швидше і конкуренція на ринку зросла. В результаті машини набули форм, які мали на увазі рух і швидкість, а ми всі тепер звикли до того, що аеродинамічні форми пов'язані з великою швидкістю руху.

І винахід машин та поява кіно на початку 20-х років створили романтичне захоплення швидкістю та рухом. Багато художників почали звертати увагу на рух. Питання полягало в тому, як художникам, які працюють з нерухомим планом, передати відчуття руху, як зобразити рух предмета, який не міг рухатися буквально.

Ще до появи кіно художники намагалися передати рух, використовуючи діагональні лінії (дисбаланс) та особливе розташування предметів у композиції.

основи

Проте з появою кінематографу та стоп-кадрівбуло запропоновано нові підходи. Футуристичні художники, наприклад Балла (Balla) скористалися цими ідеями передачі руху і швидкості. Марсель Душам (Marcel Duchamp) у своїй картині "Нагая спускається сходами", спробував передати весь процес руху використовуючи "стоп-кадри".

Нарешті, Олександр Кальдер (Alexander Calder) став створювати рухомі скульптури, які він називав мобілями. Згодом багато художників застосовували рух у своїх творах, використовуючи механічні чи електричні засоби, які пов'язували світ мистецтва з механікою.

У візуальному дизайні зараз дуже популярні такі прийоми зображення руху:

  • Розмитість. Ідея прийшла із фотографії. Якщо предмет рухається дуже швидко, то на фотографії він виглядатиме розмитим, нечітким, із туманними краями. Свідомо використовуючи розмитість, художник створює відчуття, що предмет рухається дуже швидко. Наприклад, до зображення автомобіля, що швидко рухається, часто додають залишковий, розмитий шлейф після нього.
    руху
  • Перспектива. Ідея діагональних ліній. Вид набігає дороги з вітрового скла автомобіля.
    візуального
  • Часті горизонтальні лінії. Якщо ви подивіться у вікно автомобіля при дуже великій швидкості руху, ти навряд чи зможете розглянути будь-які об'єкти, натомість ви побачите мелькаючі горизонтальні лінії. Використовуючи цю ілюзію, художник передає відчуття швидкості – чим сильніше зроблено акцент на лінії – тим вище відчуття швидкості, руху.
  • "Падають/біжучі" предмети. Використовується візуал людини, що рухається, предмета. Дуже популярні візуали з людьми, що стрибають, несуть кудись, кіньми, кроликам та іншою живністю.
Природно, ці ж прийоми використовуються і у візуальній частині веб-дизайну.

Танець - мабуть найдавніша форма мистецтва, що використовує рух. Найекспресивніше використання елемента руху об'єктів у часі просторі.

Інше поняття руху пов'язане з тим, як рухається погляд глядача по композиції. Це те, що ми називаємо композиційним рухом. І тут нас не цікавить присутність (чи відсутність) ілюзії руху на зображенні. Натомість нас цікавить, як глядач сприймає композицію - як взаємодіють її компоненти і куди вони ведуть увагу глядача.

Композиційний рух може бутистатичним: тобто погляд глядачаперескакуєі метається між окремими компонентами зображення, що залучається подібністю, або просто бігає по фігурах, які мають однакову форму або колір. Композиції зі статичним рухом характеризуються наявністюповторнихсхожих елементів іконтрастомкольорів та/або яскравості.

дизайну

У веб-дизайні: дослідження показали, в якому порядку користувач найчастіше ковзає поглядом по певних ділянках веб-сторінки.

рухається

Рух також може бути динамічним. Динамічне рух характерно тим, що погляд плавно ковзає від однієї частини композиції до іншої, ведений безперервними лініями або фігурами, а також градаціями кольору або фігур. Динамічне рух характеризується наявністю незамкнутих фігур чи фігур, які тісно примикають друг до друга.

рухається

Веб-дизайн: На ​​противагу спробі "підставити" під погляд відвідувача елемент у певному місці сторінки також використовується прийом "притягування". Як було описано вище, погляд відвідувача "штовхається"/"притягується" до певної ділянки сторінки, де розташовується важлива інформація: головний заголовок,головне посилання, головну фотографію тощо. Це робиться за допомогою ліній (т.зв. "силові лінії"), фігур (кола, завитки, спіралі), покажчиків (стрілок, будь-яких вказівних пальців) або візуалів (спрямований у певне місце рух машини, людини, руки)

візуального

Погляд рухається по композиції завжди, так що композиційний рух (який би він не був) присутній завжди. Усі композиції можна віднести до того чи іншого типу руху - або обох.