Скошенный или волновой переход между секциями в webflow. Создаем векторные фоновые переходы в figma

8 просмотров

Описание

Нестандарный переход между блоками, элементами или секциями сайта в виде волны, белых, цветных или градиентных тучек, да хоть произвольной формы оборванная картинка первого экрана, все это доступно для быстрой и легкой реализации с помощью фигмы и вебфлоу. Я покажу как самому нарисовать переход между секциями той формы которая нужна именно вам и как вообще обходится без сторонних изображений, а использовать обычный див блок, для аналогичного эффекта. Сами по себе динамичные переходы между блоками выглядят современно и не скучно, по сравнению со стандартным прямым подходом, но и тут нужно учитывать тематику сайта, поскольку иногда все таки лучше использовать классические прямые окончания секций. ••••••••••••••••••••••••••••••• — Полезные штуки для webflow freelance-blog.com/webflow/ — Индивидуальное обучение freelance-blog.com/study/ — Блог про фриланс и вебфлоу freelance-blog.webflow.io/ ••••••••••••••••••••••••••••••• ❓❓❓ Что такое этот вебфлоу? Почему это НЕ конструктор? Как на нем зарабатывать больше денег, чем остальные? • Что такое webflow и как правильно про... БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый расширенный (для новичка) • Курс для новичка по webflow 👉 • Базовый ускоренный, для новичка который спешит • Трелло для фрилансера, ускоряем свою ... 👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow 👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с... 👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве... ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! freelance-blog.com/study/ Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм t.me/artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — freelance-blog.com/ 👉 • Инстаграм — www.instagram.com/freelance_p... 👉 • Бесплатные плюшки — freelance-blog.com/webflow/ 👉 • Материалы для уроков — freelance-blog.webflow.io/ 👉 • Индивидуальное обучение — freelance-blog.com/study/ ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Показываю о чем речь пойдет 00:17 Переходим в фигму 00:42 Базовые способы создания векторных объектов 06:58 Вставляем на сайт в вебфлоу сделанную волну 08:38 Рисуем произвольный фон 09:52 Сново таки добавляем его в вебфлоу 11:49 Как можно обойтись без фигмы и сделать скошенный переход между секциями с помощью див блока 13:05 Итоги

Avatar

Комментарии

0 комментариев
Avatar
0/1000
канал
Подбираем видео для вас