Полный гайд по кнопкам для сайта, показываю как правильно делать кнопки на webflow и анимировать их
#webflow #вебфлоу
Полезные штуки для webflow https://freelance-blog.com/webflow/ Кнопки есть на каждом сайте, новичкам сложно понять какими они должны быть, какой размер какие отступы по краям, сверху и снизу. Какой размер шрифта, какая у него должны быть жирность, как подобрать для нее цвет и т.д.
Все это будет освещено в данном видео, пошагово и подробно, так что смотрите внимательно и данный гайд поможет вам делать клёвые кнопки на каждом из ваших сайтов!
Инструкция показана на платформе вебфлоу, но знания эти применимы при любом способе разработки веб-дизайна, будь то фигма или еще что, главное знать как оно должно быть, а сделать с технической стороны не сложно))
Полезные ссылки:
👉 Кнопки с моих заготовок блоков для вебфлоу (видео про них • Заготовки блоков для webflow. Структу... ), получить их можно тут https://freelance-blog.com/webflow/
👉 Про гайд для айдита сайта • Не допускай эти ошибки и твои сайты б...
👉 Все что вам нужно знать про цвет и контраст • Как правильно использовать цветовые с...
•••••••••••••••••••••••••••••••
— Полезные штуки для webflow https://freelance-blog.com/webflow/
— Индивидуальное обучение https://freelance-blog.com/study/
— Блог про фриланс и вебфлоу https://freelance-blog.webflow.io
•••••••••••••••••••••••••••••••
❓❓❓ Что такое этот вебфлоу? Почему это НЕ конструктор? Как на нем зарабатывать больше денег, чем остальные? • Что такое webflow и как правильно про...
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый расширенный (для новичка) • Курс для новичка по webflow
👉 • Базовый ускоренный, для новичка который спешит • Трелло для фрилансера, ускоряем свою ...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! https://freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта — [email protected]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио — https://freelance-blog.com/
👉 • Инстаграм — / artstranger.ru
👉 • Бесплатные плюшки — https://freelance-blog.com/webflow/
👉 • Материалы для уроков — https://freelance-blog.webflow.io/
👉 • Индивидуальное обучение — https://freelance-blog.com/study/
•••••••••••••••••••••••••••••••
Таймкоды:
00:00 Вступление
00:57 Делаем структуру для будущей галлереи разнообразных кнопок
02:24 Первый самый простой вариант кнопки и плавно усложняем его
05:00 Про гайд для айдита сайта • Не допускай эти ошибки и твои сайты б...
08:46 Все что вам нужно знать про цвет и контраст • Как правильно использовать цветовые с...
13:54 Все больше и больше усложняем с кнопкой
14:27 Градиент вместо заливки цветом
19:01 Делаем кнопку в "старинном" стиле аля объем
22:22 Еще варианты оформления кнопки наглядно рядом для сравнения
28:42 Контурные кнопки
35:32 Круглая кнопка
37:45 Кнопки с моих заготовок блоков для вебфлоу (видео про них • Заготовки блоков для webflow. Структу... ), получить их можно тут https://freelance-blog.com/webflow/
40:18 Итоги
Смотрите видео Полный гайд по кнопкам для сайта, показываю как правильно делать кнопки на webflow и анимировать их онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Фриланс прокачка 16 Декабрь 2022. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 2,151 раз и оно понравилось 62 посетителям.
