Роль 3D технологій як одного із найсучасніших трендів "веб-дизайну"

Размещено на http://www.allbest.ru/

Роль 3D технологій як одного із найсучасніших трендів «веб-дизайну»

Шендерук П., ст. гр. Дм-11

Пустюльга С.І, д.т.н., професор

Луцький національний технічний університет

Роль 3D технологій як одного із найсучасніших трендів «веб-дизайну»

Шендерук П, Пустюльга С.

У роботі досліджується роль 3D технологій, як одного із найсучасніших трендів «веб-дизайну». Було виявлено, що перемістивши потрібні елементи у проекті «веб-дизайну» на третю площину, можна створити привабливіший ефект для відвідувачів сайту. «Веб-дизайнер» за рахунок професійного використання 3D може добитися основної мети, - щоб користувачі були уражені побаченим і не ставили запитання, чому вони витратили свій час на перегляд 3D анімації тільки для того, щоб зрозуміти, настільки важливі речі знаходяться усередині «веб-сайту».

A role is 3D technologies as one of the most modern trends of «web-design»

Shenderuk Р., Pustulga S.

A role is in-process considered 3D technologies, as one of the most modem trends of «web-design». It was discovered that transferring necessary elements to the project of «web-design» on the third plane, it is possible to create more attractive effect for the visitors of site. «Web-designer» due to the professional use 3D can obtain a primary purpose, -, that users were staggered by seen and did not put a question, why they expended the time in the revision of a 3D animation only in an order to understand, so important tilings are into a «web-site».

Постановка проблеми

За бурхливим ростом веб-технологій, що забезпечують гіпертекстове представлення і швидку передачу значних об'ємів текстово-графічних даних, почався такий же стрімкий розвиток сфери забезпечення естетики подання інформації, який відкрив дорогу новому напряму професійної діяльності, а саме - «веб-дизайн». У понятті «веб-дизайн» виразно визначені дві його складові: «веб» - (від англ, «web» - мережа, павутина) - ключове слово у словосполученні World Wide Web, яке є назвою основної служби Інтернету, що забезпечує пошук і перегляд гіпертекстових документів і «дизайн« (від англ, «design», - проектувати, створювати, конструювати) - діяльність по проектуванню естетичних властивостей виробу з урахуванням його призначення і специфіки використання. Від так, «веб-дизайн» є технологією, спрямованою на розробку і оформлення об'єктів інформаційного середовища Інтернету [1]. тренд веб дизайн

У загальному випадку, «веб-дизайном» називають процес проектування, планування, моделювання та реалізації доставки електронного вмісту через мережу «Web» із використанням технологій, що забезпечують інтерпретацію і візуалізацію проекту «веб-браузером». Саме така «веб-сторінка» і являє собою продукт діяльності «веб-дизайнера».

За роки інтенсивного використання технологій «Web», «веб- дизайн» вибудував чітку структуру тенденцій свого розвитку. Під словом «тенденція», як правило, прийнято розуміти напрям, у якому йде розвиток певного явища або процесу. Стійка у часі тенденція називається трендом. Тренд виражає закономірність, яка характеризує загальну довгострокову тенденцію при зміні показників тимчасового ряду. Тренд є одним із інструментів аналізу, що дозволяє стратегічно прогнозувати поведінку будь-чого [2].

Зрозуміло, що ніщо не стоїть на місці, і сучасні технології рухаються у своєму розвитку дуже нестримно. Сфера медіа- індустрії особливо чуйно реагує на технічні нововведення, і ретельно відстежує будь-які прогресивні зміни. У зв'язку із цим, фахівці «веб-дизайну» намагаються заглянути в майбутнє і спрогнозувати, які тренди стануть домінувати у «веб-дизайні» в наступні роки.

Аналіз останніх досліджень

Щоб дізнатися, що буде модним у «веб-дизайні» в найближчий період, прийнято аналізувати тенденції минулого року. В аналізі є присутніми, як правило, дві складові: одна - це тренди, що диктуються розвитком сучасних мобільних технологій і дизайнерської думки; а друга - це модні переваги, комбінація з яких дозволяє дизайнерам створювати унікальні і неповторні речі [3], [4]. У кінці кожного року, кращі фахівці в області «веб-технологій» публікують свої прогнози відносно тенденцій для наступного року. За результатами інтернет- публікацій, нижче наведено підбірку основних актуальних трендів «веб-дизайну» у 2021 році, за якими можна прогнозувати найбільш популярні для використання у 2022:

- Темна колірна схема. Довгий час у «веб-дизайні» білий фон вважався єдиним способом створити вільний простір на сайті або в додатку. Великі бренди, для своїх продуктів і портфоліо, активно почали з 2020 року використовувати темний фон, оскільки це відмінний спосіб зробити сайт сучасним і елегантним.

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

- Анти-дизайн. Анти-дизайн - це тенденція, яка виникла в результаті відродження бруталізма у 2019 році. Останнім часом суперечливий стиль просочився в область соціальних мереж і попку льтури, а також у «веб-дизайн» і графічний дизайн. Анти-дизайн описується як щось сире, грубе, непримиренне і навіть огидне. Прийняття хаосу і потворності, в цьому випадку, - знак протесту проти традиційних стандартів «хорошого» дизайну. У нього присутні експериментальні і асиметричні деталі, перебільшення, спотворення, нашарування і традиційно потворні елементи, які демонструють, що це дійсно сподобається не кожному.

- Мінімалізм. Тренд в дизайні, який відмовляється покидати моду, - це мінімалізм. Він заснований не на візуальному підході, а на строгих принципах дизайну, на використанні тільки основних графічних елементів, таких як форми, простий текст, обмежені колірні палітри і вільний простір. За допомогою такого підходу створюється щось просте, функціональне, тобто проект запам 'ятову ється.

- Органічний дизайн. Органічний дизайн - орієнтований на наслідування природи і світу навколо нас. Нейтральні кольори копіюють палітру довкілля. Це найпростіший і найбільш ефективний спосіб створити на сайті відчуття природності. Ніжні тони коричневого, бежевого і білого кольорів, рожевого, блакитного і зеленого також є прекрасним доповненням до натуральної колірної палітри.

- Ілюстрація. Ілюстрація стала одним із хітів графічного дизайну, вона також набрала популярність в соціальних мережах і «веб-дизайні». Це визнало численна кількість провідних брендів світу, на сайтах яких художники інтегрували намальовані від руки елементи в дизайн сайтів.

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

- «Моушн-дизайн» і інтерактивність. Відео-контент сьогодні притягає інтернет-користувачів більше, ніж інші форми. Це простий спосіб зробити звичайну «веб-сторінку» цікавішою. Інтерактивність на сайті стала не лише забавним доповнення до якісних проектів, але і відмінним способом притягнути відвідувачів до створеного інтернет-ресурсу. Проте, тут важливо зберегти баланс, щоб інтерактивні елементи «моушн-дизайну» не переважали на сайті і не відволікали користувача від основної мети.

- З Б і геометричний дизайн. Геометричні патерни і елементи часто використовуються у сучасному «веб-дизайні», включаючи класичні плоскі форми, такі як багатокутники, прямокутники, трикутники і ромби. Проте цей тренд еволюціонував і тепер включає сучасніші елементи, такі як тривимірні форми, плаваючі об'єкти і видимі лінії просторової сітки. Тривимірні форми і плаваючі об'єкти в геометричному дизайні з'являються, завдяки змішенню сюрреалістичних анімацій із реальними об'єктами. Таким чином створюється заворожливий футуристичний ефект. Цей стиль часто використовується в рекламних роликах для демонстрації нових продуктів, які в цьому випадку обертаються, немов підвішені в повітрі. Для того, щоб сайт притягав відвідувачів, при використанні З Б слід додати до створених об'єктів ще один шар або вимір [5].

Нові тренди, перераховані вище, швидко стають звичайним явищем у «веб-дизайні». Частина із них незабаром відімре, заміниться іншими, нерідко контрастно-протилежними до попередніх. Однак застосування ЗБ зображень у проектах сайтів, беззаперечно, став одним із найбільш модних трендів сучасного «веб-дизайну».

Формулювання цілей статті

Метою даної роботи є дослідження ролі 3D технологій при розробці сучасних «веб сайтів», їх впливу на відвідуваність та результативність розроблених дизайнером проектів.

Завдання роботи: 1) проаналізувати історію становлення 3D «веб-дизайну», виокремити основні положення для перспектив ефективного його використання в майбутньому; 2) охарактеризувати найбільш важливі елементи 3D «веб-дизайну»; 3) визначити єдину ЗО-стилістику, яка б підходила для різних ніш рекламної діяльності в мережі Інтернет.

Об'єктом дослідження - є сучасні тренди в технологіях «веб- дизайну».

Предметом дослідження - є роль 3D технологій при розробці «веб- дизайнерських» проектів.

Виклад основного матеріалу

Що ж таке 3D дизайн сайту? 3D дизайн сайту - це використання тривимірних елементів та їх анімацій при розробці проекту сторінки. 3D об'єкти відрізняються від класичних двовимірних зображень глибиною, багатошаровістю, динамічністю. Вони роблять проект інтерактивним і таким, що запам'ятовується. Об'ємність, глибина перетворюють дизайн на віртуальну реальність, з якою можна легко взаємодіяти.

Історія 3D «веб-дизайну» розпочалася у 1950-х і 60-х роках, коли провідними фірмами були розроблені ряд комп'ютерних програм, що дозволяють виконувати тривимірне комп'ютерне моделювання.

Програмне забезпечення Івана Сазерленда, відоме як Sketchpad, було першим, у якому використовувався тривимірний графічний інтерфейс і воно проклало шлях до автоматизованого проектування (CAD). Однак, однією із причин, що заважала попасти 3D дизайн у списки головних тенденцій «веб-дизайну», полягала у тому, що його не завжди було так просто створити.

У 1994 році була впроваджена мова розмітки віртуальної реальності (VRML) з форматом файлів (.wrl). Цей формат файлів, дозволив дизайнерам створювати 3D об'єкти і сцени.

У 1997 році, у проектах «веб-сайтів» з'являється 3D графіка і анімація Flash. Однак для роботи розробник повинен був отримати ліцензію на програмне забезпечення Flash, закодувати її за допомогою ActionScript, а потім вбудувати у проект «веб-сайту».

У 2001році розроблено стандарт X3D, який стає наступником VRML. Його можна було ефективно використати для безлічі 3D застосунків: САПР, гео-просторової візуалізації, людської анімації, доповненої реальності, віртуальної реальності і, звичайно ж, «веб- дизайну».

2011 рік - представлено WebGL, який дозволив дизайнерам і розробникам створювати тривимірну графіку, яка працює у більшості сучасних «веб-браузерів». Єдина проблема з WebGL у тому, що його достатньо складно використовувати. У 2012 році, New York Times опублікувала свою мультимедійну статтю про Snow Fall, тобто ефект штучної 3D прокрутки, яка повсемісно стала поширюватися в Інтернеті. У 2014 році, Google розробляє систему матеріального дизайну, яка привнесла до сторінок сайтів глибину і реалістичність, допомогла підвищити зручність використання інформації [5].

Сьогодні користувачам стали доступними цілий ряд додатків, які дозволяють «веб-дизайнерам» ефективно створювати індивідуальні і складні 3D проекти: AutoCAD, Blender, SketchUp, Vectary, Cinema 4D, 3D-Max та інші.

Щоб урізноманітнити сайт об'ємними елементами, не обов'язково створювати повністю тривимірний дизайн. 3D об'єкти добре адаптуються і до 2D простору, якщо грамотно їх застосувати, наприклад: дозволити відвідувачам взаємодіяти із тривимірним об'єктом; ввести підказки, щоб відвідувачі розуміли, куди натискати; використати паралакс-анімацію для прокрутки сторінки, вона додасть сайту глибини; не використовувати багато 3D елементів по сусідству - це відволікає увагу користувачів від текстового контенту.

Важливими елементами 3D «веб-дизайну» є тіні та багатошаровість. Якщо тінь елементу виглядає природно, вона надає об'єктам глибини, виділяє їх із інших об'єктів або тексту. Робота із тінями вимагає досвіду і відчуттів, без них дизайн може вийти «брудним», тобто неякісним. Використовувати багатошаровість слід грамотно і акуратно, щоб не ускладнити сприйняття головної інформації на сайті (рис. 1).

Рисунок 1

Тривимірність застосовується і до анімованих ілюстрацій. Це може бути банківська карта, прикраси, предмети одягу, реклама фірм або навчальних підрозділів. Сайти із ЗБ анімацією на основі фотографій і малюнків дозволяють користувачеві контролювати процес знайомства із новим об'єктом - обертати його на 360", наближати, знаходити цікаві ракурси.

Часто промо-ролики на сайтах створюються за допомогою «моушн-дизайна». Це дешевше, ніж реальна зйомка і дає більше контролю над процесом. Реклама автомобіля, що мчиться по порожній гірській трасі або промо-відео кросівок із незвичайної тканини, - це продукти ЗБ роботи «моушн-спеціаліста». Такий дизайн є найкращим для ефектної презентації товару.

Достатньо модним у З Б дизайні вважається використання ефектів часток (рис. 2). Вони активно застосовується як в 2Б, так і в ЗБ дизайні, коли об'єкт не має чітких меж, наприклад: вогонь, дим, дощ, туманність. При тривимірній їх візуалізації, елементи виглядають максимально природно, роблять проект креативним, утримують увагу відвідувачів.

Особливе місце у сучасному «веб-дизайні» займають проекти із віртуальними екскурсіями на 360". За допомогою ЗБ візуалізації можна якісно презентувати архітектурно-будівельні комплекси, корпоративні офіси, дачні котеджи, навчальні приміщення і т. і. (рис. 3). Функція віртуальної екскурсії часто використовується на сайтах реклами житлових комплексів, індивідуальних будинків підвищеного класу. Вона дозволяє ознайомитися із потрібними Розділ 5. Кафедра архітектури та дизайну приміщеннями без необхідності особистого візиту.

Рисунок 2

Створення сайтів в ЗБ-стилістиці підходить для різних ніш, залежно від способу реалізації і кінцевої мети власника сторінки:

1. Тривимірні ілюстрації продукту підійдуть для сучасного інтернет-магазину або лендінга, у тому числі спеціальностей ЗВО. Завдяки тому, що потенційний клієнт зможе ближче познайомитися з інформацією, відвідуваність і час використання сторінки підвищиться;

2. Ролики у форматі «моушн-дизайна» відмінно впишуться в люксові ніші: реклама дорогих автомобілів, годинників, прикрас. Нестандартні промо-видео підійдуть сторінкам із креативним напрямом: наприклад, творцям відеоігор або піар-агентствам;

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

Рисунок З

В результаті досліджень було виявлено ряд ефективних напрямів використання ЗБ у «веб-дизайні» для того:

- щоб створити захоплюючий світ для відвідувачів, коли вони уперше заходять на сайт;

- щоб оживити вашу найважливішу графіку;

- щоб надати відвідувачам детальніші покрокові інструкції або огляди товарів та послуг на 360 градусів.

Висновки

Стаття присвячена ролі ЗБ технологій, як одного із найсучасніших трендів «веб-дизайну». Було виявлено, що перемістивши потрібні елементи у проекті «веб-дизайну» на третю площину, можна створити привабливіший ефект для відвідувачів сайту. Неважливо, наскільки великі або невеликі ЗБ проекти. Найважливіше, що треба пам'ятати, при використанні ЗБ у «веб- дизайні», - це те, що це суттєво покращує враження у відвідувачів сайту.

«Веб-дизайнер» за рахунок професійного використання ЗБ може добитися основної мети, - щоб користувачі були уражені побаченим і не ставили запитання, чому вони витратили свій час на перегляд З Б анімації тільки для того, щоб зрозуміти, настільки важливі речі знаходяться усередині «веб-сайту».

Слід також враховувати просту істину - розроблені З Б сцени суттєво впливають на продуктивність розроблених «веб-сайтів». І якщо відвідувачам доводиться чекати більше декількох секунд, поки «веб-сайт» завантажить усю представлену ЗБ роботу, то вони можуть ніколи не побачити її кінцевий варіант.

Перспективи подальших досліджень. Безумовно, подальші дослідження будуть пов'язані із вивченням підходів, методик створення проектів та аналізу програмних продуктів для ефективного застосування 3D технологій у сучасному «веб- дизайні».

Перелік джерел посилання

1. Голомбински К., Хаген Р. Добавь воздуха! Основы визуального дизайна для графики, веб и мультимедиа. - СПб.: Питер, 2013. - 272 с.

2. Макнейл П. Веб-дизайн: идеи, секреты, советы. Самые актуальные темы, тенденции, стили. Питер, 2012. - 271 с.

3. Маркотт І. Чуйний веб-дизайн [Текст] / I. Маркотт - М: Вид-во «Манн, Іванів і Фербер», 2012. -170с.

4. Нильсен Я., Перниче Д. Веб-дизайн: аналіз зручності використання веб- сайтів по руху очей.: перекл. з англ. - К.: TOB «I. Д. Вільямс», 2010. - 480с.

5. Седерхольм Д. Пуленепробиваемый веб-дизайн. Библиотека специалиста. 3-є изд. - СПб.: Питер, 2012. - 304 с.

Размещено на Allbest.ru