Применение 3D-графики в веб-дизайне

1. Практический семинар по интернет-маркетингу
ПРИМЕНЕНИЕ 3D-ГРАФИКИ
В ВЕБ-ДИЗАЙНЕ
10 / 12 / 2015
ПАВЕЛ ВЫБОРНОВ,
маркетинговая группа «Текарт»

2. 3D. НОВАЯ ВОЛНА
Применение 3D-графики в веб-дизайне 2/31

3. techart.ru

4. СПОСОБЫ РЕАЛИЗАЦИИ
ИНТЕРАКТИВНОЙ 3D-ГРАФИКИ
Применение 3D-графики в веб-дизайне 4/31
Интерактив
на основе видео
и изображений
Интерактив
с использованием
трехмерных
моделей

5. ИНТЕРАКТИВ НА ОСНОВЕ
ВИДЕО И ИЗОБРАЖЕНИЙ
Применение 3D-графики в веб-дизайне 5/31
3D-редактор HTML5Медиафайлы

6. ip-oka.ru

7. extraordinary.pwc.com

8. ИНТЕРАКТИВ С ИСПОЛЬЗОВАНИЕМ
3D-МОДЕЛЕЙ
Применение 3D-графики в веб-дизайне 7/31
3D-редактор WebGL, HTML53D-модель

9. madebyevan.com/webgl-water/

10. WEBGL
(Web-based Graphics Library)
Применение 3D-графики в веб-дизайне 10/31
Программная библиотека для языка
программирования JavaScript
Дата выхода: 3 марта 2011
Разработчик: Khronos Group
Рабочая группа: Apple Safari
Google Chrome
Mozilla Firefox
Opera
AMD
Nvidia

11. WEBGL. СТАТИСТИКА*
Применение 3D-графики в веб-дизайне 11/31
*Источник — WebGL Stats
2014 20142013
Выпущена версия 1.0.2
1 марта 2013 92.2% 84.4%
2013
0% 0%
25% 25%
50% 50%
75% 75%
100% 100%
2015 2015
ПРОЦЕНТ ПОЛЬЗОВАТЕЛЕЙ ПЕРСОНАЛЬНЫХ
КОМПЬЮТЕРОВ С ПОДДЕРЖКОЙ WEBGL
ПРОЦЕНТ ПОЛЬЗОВАТЕЛЕЙ МОБИЛЬНЫХ
УСТРОЙСТВ С ПОДДЕРЖКОЙ WEBGL

12. ОБЛАСТИ ПРИМЕНЕНИЯ:
ПРЕЗЕНТАЦИЯ ПРОДУКТА
Применение 3D-графики в веб-дизайне 12/31

13. lacostewinter.seeourwork.cn/en/experience

14. www.fairphone.com/phone/

15. ОБЛАСТИ ПРИМЕНЕНИЯ:
ГЕОЛОКАЦИЯ, ЛАНДШАФТ
Применение 3D-графики в веб-дизайне 15/31

16. www.axeoncycling.com

17. airbnb.ru/map

18. ОБЛАСТИ ПРИМЕНЕНИЯ:
ВИЗУАЛИЗАЦИЯ ДАННЫХ
Применение 3D-графики в веб-дизайне 18/31

19. histography.io

20. globe.chromeexperiments.com

21. ОБЛАСТИ ПРИМЕНЕНИЯ:
ОНЛАЙН КОНСТРУКТОРЫ
Применение 3D-графики в веб-дизайне 21/31

22. bugaboo.com/RU/en_RU/strollers/create?sId=DKTWISTD

23. www.buildwithchrome.com

24. ОБЛАСТИ ПРИМЕНЕНИЯ:
ВИЗУАЛИЗАЦИЯ ОБЪЕКТОВ
НЕДВИЖИМОСТИ
Применение 3D-графики в веб-дизайне 24/31

25. vilniustechpark.com

26. status-irkutsk.ru

27. ОБЛАСТИ ПРИМЕНЕНИЯ:
СОЗДАНИЕ УНИКАЛЬНОГО
ПОЛЬЗОВАТЕЛЬСКОГО ОПЫТА
Применение 3D-графики в веб-дизайне 27/31

28. pensemenosamemais.com.br/mosaico/

29. themes.themolitor.com/vysual-video

30. НАСКОЛЬКО ПРОСТО
ЭТО ОСУЩЕСТВИТЬ?
Применение 3D-графики в веб-дизайне 30/31
3D-моделирование Дизайн Программирование

31. ИМЯ ДОКЛАДЧИКА,
департамент
СПАСИБО ЗА ВНИМАНИЕ!
ПОЖАЛУЙСТА,
ЗАДАВАЙТЕ ВОПРОСЫ.
ИМЯ ДОКЛАДЧИКА,
департамент
СПАСИБО ЗА ВНИМАНИЕ!
ПОЖАЛУЙСТА,
ЗАДАВАЙТЕ ВОПРОСЫ.
ПАВЕЛ ВЫБОРНОВ,
маркетинговая группа «Текарт»