Как сделать сайт с 3Д объектами | Трендовый дизайн с анимацией
Вставка
- Опубліковано 30 тра 2024
- Создание сайтов с 3D элементами один из трендов в веб-дизайне. В этом видео мы создадим полноценный сайт с 3D элементами не написав ни одной строчки кода.
Сервис Dora позволяет создавать и публиковать сайты с 3D элементами абсолютно бесплатно. Мы научимся добавлять 3D модели, настраивать их размер и положение, а также создадим анимации.
Dora предлагает простой и интуитивно понятный интерфейс, который даже новичок сможет освоить.
Dora - www.dora.run/
Для вашего удобства таймкоды:
00:00 - Вступление
00:20 - Экспорт макета из Figma
00:44 - Знакомство с Dora
01:14 - Перенос макета в Dora
01:51 - Адаптивность в Dora
03:11 - Добавление 3D модели
04:52 - Зачем дизайнерам учить конструкторы?
05:43 - Анимация 3D модели
12:20 - Результат
12:40 - Публикация сайта
14:05 - Заключение
Чтобы узнать более детально об обучении в Пижамной Академии напишите нам в Instagram / webdesign.academy или Telegram t.me/pajamaacademy
Ставь лайк 👍
Подписывайся на канал @design_academy_pj ❤️
Нажимай на колокольчик, чтобы не пропустить новые полезные видео про веб дизайн 🤓
Больше про UX дизайн в Инстаграм:
/ webdesign.academy
подписывайся 💛
Заглядывай в телеграм комьюнити:
t.me/pajamaacademy
#Dora #webdesign #3D #вебдизайн #Design #дизайн #website #вебсайт #верстка #frontend #NoCode #3DWebDesign #WebsiteCreation #WebDevelopment #WebDesign #3DElements #InteractiveDesign #WebsiteBuilder #VisualEffects #DigitalDesign #CreativeTechnology #WebDesignInspiration #WebDesignTrends #UserExperience #UIUXDesign #OnlinePresence #WebDesignInspiration #WebDesignCommunity #WebDesignTips #WebDesignTutorial #CodeFree #СозданиеСайтов #БезКода #ТрехмерныеЭлементы #ВебРазработка #ДизайнСайта #ИнтерактивныйДизайн #Технологии #КреативныйДизайн
![[柴犬ASMR]曼玉Manyu&小白Bai 毛发护理Spa asmr](http://i.ytimg.com/vi/0TsXQ7z2Dh4/mqdefault.jpg)
Для меня Dora открытие, обычно работаю с Тильда.
Спасибо, очень познавательно!
очень круто! реально открытие я такое еще не видела
Спасибо ☺️
Вау! Просто нереально! ❤ Спасибо
Всегда пожалуйста 💛
Классно, спасибо!
🤓✌🏻
Большое спасибо ❤
Спасибо за фидбэк 🤓🫶🏻
Блин, очень круто 👍
Спасибо! Обязательно используйте 🤓
Неймовірно😃 Дякую!!!
Це магія 🤩
А можете подсказать ее реально поставить на домен рег ру?
Dora позволяет поставить созданный вами сайт на собственный домен, без суб домена .dora. Посмотрите вот эту статью
dora-design.notion.site/Publish-Custom-Domain-be8260e71892403da18d0d8a3f24b0e4#9e5cee3882c04e078e8144dd7ab2ffc0
Мы не уверены насчёт .ru доменов, но .com, точно можно ✌️🤓
Если я отправлю эту работу заказчику,он так же будет видеть эту анимацию?тоесть кадировать вообще не нужно для этой 3д анимации?
Вы можете сразу опубликовать сайт в интернетах) И заказчик будет видеть его, как готовый сайт
@@design_academy_pj спасибо, но я уже за эти 7 часов залез в three ,и начал много изучать,хотя пару дней назад я только начал изучать дизайн в сигме, не сильно ли я спешу с этим?Или же это наоборот хорошо,что скажете?
Давайте чравнение Dora vs Webflow. Что мне учить?)))
Хорошая идея, Дора намного проще, но и ограничения у неё есть по сравнению с вебфлоу 🤓
Тут нужно смотреть по вашим нуждам, но Дору не упустите, она реально супер простая в использовании
webflow
Прикольно)
А як збирати дані з форми?
Як туда скрипи підключити?
Вы намекаете на полноценную серию уроков по доре? 🤓 если эта тема интересна, будем снимать и все вам расскажем 🫶🏻
@@design_academy_pj якщо там стільки можливостей, чом би ні?)
а кнопки не нажимаемы?
Можно сделать и нажимаемыми, подвязав к ним страницы и добавив анимации 🤓
Такое можно в фигме сделать?
К сожалению, в фигме такое сделать не получиться, т.к. в ней нет инструментов для работы с 3D, да и тайм лайн для пошаговой анимации отсутствует 🤓
@@design_academy_pj тогда через дору делать?
Просто не знаю как сделать, сначала анимацию с фрейма на фрейм и потом добавить фигуру и в доре ее вращать ?
@@niko_belik Можете попробовать ✌️🤓
У меня почему-то без фото скапировалось 😢😢😢 и ваще не выходит
Воозможно, вы что-то не так делаете? Или у фотки может быть какой-то другой формат.
Попробуйте добавить фото не через плагин, а напрямую 🤓💛
Какая неприятная опечатка на картинке к видео. Благо, поправимо :)
Спасибо, что заметили, исправили 💛