Тимур спасибо огромное тебе за такие чудесные уроки! Во многом помогли мне как начинающему дизайнеру! НОООООО! Что за музыка! Вынос мозга полный! Я не собираюсь спорить о музыкальных предпочтениях - это личное дело каждого из нас. Но очень прошу в следующих роликах использовать нейтральную фоновую музыку. Ещё лучше когда ты комментируешь свои видео! А так отличный канал, с удовольствием и большой пользой провожу время за просмотром твоих роликов. С уважением Александр.
Спасибо, кнопка - № 3, нужно в первой кнопке сделать в 1px шириной полоску вертикальную на высоту кнопки и наложить ее прям на край обводки, после дублируем кнопку, и во второй кнопке при наведении эту полоску в 1px расширяем на ширину самой кнопки, получится то что в видео. также сдублируйте исходник и посмотри в слоях, сравните их, уверен сразу догадаетесь.
@@timurislakaev-uiuxwebdesign тогда после клика, открытия и потом закрытия попапа, кнопка остается в состоянии ховера, а не возвращается в первоначальное. Или я что-то не так делаю?
@@sokolovdesign87 ага что то не так делаешь, если в прототипе выбрать ховер, то изменения будут только при наведении, а если выбрать клик, то изменения будут работать по клику и назад уже не вернуться на состояние дефолт, только если не сделать в обратную сторону клик на первый прототип
@@timurislakaev-uiuxwebdesign Вот реально, такую музыку на туториалах это просто пиздец, вот серьезно! Без негатива, просто это отпугивает. За видео спасибо!
А как сдавать проект сделаный в figme? В фотошопе отдаешь psd, а тут как не пойму. Не ужели на выходе верстальшик получает вот такую кучу страниц как у тебя в видео?
В фигме еще проще передать исходник, шаришь ссылку верстаку и он может работать с файлом из браузера. а по поводу большого кол-ва страниц, конечно так исходник не собирается для разработчика, это только демонстрация для клиента, для верстака достаточно показать одно действие или отдельно ТЗ, а лучше отдельный uikit файл со всеми элементами взаимодействия.
:) ну там же я оставил исходник, что бы посмотреть что внутри, принцип везде одинаковый. Но думаю стоит отдельно записать видео подробное на каждую кнопку
Для демонстрации достаточно показать одну кнопку, так будет понятнее, что должно быть, как для клиента, так и для верстака. Эффектная презентация намного увеличивает впечатление и тем самым повышает процент, что ваш проект примут и утвердят. А что скрыто внутри и как это сделано, это уже не так важно, главное конечная цель.
Animated Buttons in #FIGMA Анимируй кнопки в FIGMA
Prototype file: www.figma.com/proto/8T2HgwMmSgcUd9cJ9abc3g/BUTTONS-Animation-in-FIGMA?node-id=1%3A5&viewport=1024%2C1052%2C0.5&scaling=min-zoom
Исходник / Source file: www.figma.com/file/8T2HgwMmSgcUd9cJ9abc3g/BUTTONS-Animation-in-FIGMA?node-id=0%3A1
А если изображение имеет скроллинг, и при ховеры вы прокрутились немного, то изображение будет прыгать вверх?
Невероятно, шикарные кнопки👏 😊 Однозначно подписка👌успехов с каналом💪
спасибо
Привет, попробовал 4 кнокпи из примеров, все получилось, все гуд! спасибо!
Видео хорошее, но почему не показаны другие варианты. В исходнике все тоже самое, как понять как делать другие анимации
шикарно спасибо за видео
Круто, очень круто ,молодец!!
Спасибо большое! Всё понятно!
Тимур спасибо огромное тебе за такие чудесные уроки! Во многом помогли мне как начинающему дизайнеру! НОООООО! Что за музыка! Вынос мозга полный! Я не собираюсь спорить о музыкальных предпочтениях - это личное дело каждого из нас. Но очень прошу в следующих роликах использовать нейтральную фоновую музыку. Ещё лучше когда ты комментируешь свои видео! А так отличный канал, с удовольствием и большой пользой провожу время за просмотром твоих роликов. С уважением Александр.
Музыка годная, мне зашло
Я не понял, как мне потом в других фреймах эту кнопку использовать? Простое перетаскивание/копирование не работает, в компонент перевожу - тоже(
то что надо! СПАСИБО! Подписалась в колокол ударила =) Удачи с каналом!
amazing buttons bro
Круто! Удачи тебе
Спасибо за видео! Подскажите пожалуйста как вы заанимировали третью кнопку. Никак не получается((((
Спасибо, кнопка - № 3, нужно в первой кнопке сделать в 1px шириной полоску вертикальную на высоту кнопки и наложить ее прям на край обводки, после дублируем кнопку, и во второй кнопке при наведении эту полоску в 1px расширяем на ширину самой кнопки, получится то что в видео. также сдублируйте исходник и посмотри в слоях, сравните их, уверен сразу догадаетесь.
БРО ты помог мне ... Я как раз делал сайт и не получалось не как ховер у кнопки сделать! Спасибо от души!
Спасибо
Классный урок!
super
Привет,а где взять этот синий маркер на нижний слое,когда ты нажал prototype
Супер) Только один вопрос, как их сделать кликабельными? Чтобы навёл курсор получил эффект, а потом ещё и нажал на неё с переходом на другую страницу.
для этого надо на второй кнопке где дизайн ховера сделать переход на страницу при клике
@@timurislakaev-uiuxwebdesign спасибо 🤝 и отдельно спасибо за видео. 💪 Однозначно подписка!
@@timurislakaev-uiuxwebdesign тогда после клика, открытия и потом закрытия попапа, кнопка остается в состоянии ховера, а не возвращается в первоначальное. Или я что-то не так делаю?
@@sokolovdesign87 ага что то не так делаешь, если в прототипе выбрать ховер, то изменения будут только при наведении, а если выбрать клик, то изменения будут работать по клику и назад уже не вернуться на состояние дефолт, только если не сделать в обратную сторону клик на первый прототип
Timur, спасибо!
Нереально хорошо и грамотно!
На канал подписался! Класс - жду новых фишек!
Красавчик, подписался!
Если много экранов, то таким способом создавать для каждого экрана копиюю это жуть как неудобно.
Как кнопку сохранить с анимацией? И как ей задать адрес,чтобы при нажатии перекидывало на опред страницу на апт сап например
Отличные видео! Спасибо!
Классно получилось!
Я так и не поняла как делать остальные кнопки(
Спасибо!
Спасибо
Какой стандартный размер сайта в пикселях
Если можешь ответь, очень нужно...
How did you solve the problem of the top button? It is animating while hovered in the button below. I am facing the same problem
I don't see any problem, which number is the button?
Background music is insane. And not in a good way. Okay lemme try this is again, The background music is f*cking INSANE, are you crazy?!!
GOD smh
you made me laugh
@@timurislakaev-uiuxwebdesign Вот реально, такую музыку на туториалах это просто пиздец, вот серьезно! Без негатива, просто это отпугивает. За видео спасибо!
@@timurislakaev-uiuxwebdesign присоединяюсь, диз поставлен только из-за музыки
А как сдавать проект сделаный в figme? В фотошопе отдаешь psd, а тут как не пойму. Не ужели на выходе верстальшик получает вот такую кучу страниц как у тебя в видео?
В фигме еще проще передать исходник, шаришь ссылку верстаку и он может работать с файлом из браузера.
а по поводу большого кол-ва страниц, конечно так исходник не собирается для разработчика, это только демонстрация для клиента, для верстака достаточно показать одно действие или отдельно ТЗ, а лучше отдельный uikit файл со всеми элементами взаимодействия.
Видео хорошее, но я либо тупой, либо да, потому что у меня начинается адские пляски с фреймами, хотя я делаю всё, как ты показал.
возможно, что скорее всего, какой то шаг пропустил, думаю стоит повторить процесс и все обязательно получится
@@timurislakaev-uiuxwebdesign А, ну я не правильно делал. Я копировал не весь фрейм, а только кнопку, вот и был ад.
в начале видео показал как крутые кнопки, а показал как делать элементарную очевидную кнопку, а остальные догадайтесь сами, блин, издевательство
:) ну там же я оставил исходник, что бы посмотреть что внутри, принцип везде одинаковый. Но думаю стоит отдельно записать видео подробное на каждую кнопку
@@timurislakaev-uiuxwebdesign там только просмотр доступен, все равно не видно как это сделано
@@ІраГорай-л5х напишите мне в телеграм, я вам помогу t.me/Timur_Islakayev
Покажи как делать остальные кнопки, а то смысл тогда из здесь демонстрирвоать ???
Во описании есть исходник
Минус. Через оверлей намного разумнее это делать
Через оверлей не будет анимации как в примерах
Для демонстрации достаточно показать одну кнопку, так будет понятнее, что должно быть, как для клиента, так и для верстака. Эффектная презентация намного увеличивает впечатление и тем самым повышает процент, что ваш проект примут и утвердят. А что скрыто внутри и как это сделано, это уже не так важно, главное конечная цель.
Также в грамотной дизайне не должно быть большое разнообразие кнопок, достаточно обойтись 2-3 стилями кнопок на весь дизайн
@@timurislakaev-uiuxwebdesign думал в фигме придумали наконецто анимацию ховеров, а тут опять эти новые страницы создаются
@@romanbaev3206 там ничего нет(