Пожалуйста! 😌 Спасибо за добрый комментарий, Игорь! Думал об этом, боюсь вводить зрителей в заблуждение горячими клавишами macOS, а Windows аналогию абсолютно не помню 😅
Классный ролик, несмотря на то, что я уже прошла большой курс по Ui/Ux оказалось очень полезным,чтобы систематизировать все и понять как это конкретно делать на практике. Не могу не поддержать автора за такой классный и полезный подробный контент, спасибо 🙌👍🏻🔥
Здравствуйте! Спасибо, очень полезный урок❤ Скажите, а как правильнее, кнопку делать hug или фиксированной ширины? Делала hug и столкнулась с тем, что когда в состоянии loading добавляется иконка загрузки, то кнопка становится шире:( Нормально ли что кнопка будет так скакать? А еще, если кнопка с иконкой, то опять же в loading состоянии как-то странно что становится две иконки.
Здравствуйте! 👋 Пожалуйста, рад это слышать 😉 В данной ситуации, вы верно размышляете, кнопку нужно установить фиксированной. В подобном сценарии, нужно индивидуально настроить с максимально возможной, фиксированной шириной, и это будет выглядеть хорошо 👍 Во втором случае с 2 иконками, конкретно в состоянии загрузки, лучше заменять выбранную иконку на loading иконку, это частая практика 🙌
@@denisamelchenko Спасибо! Тоже думала про фиксированные, но с разработкой не удалось договориться. Выкрутилась таким способом, возможно не очень правильным, не знаю: для loading кнопки убрала прозрачность у текста, и вставила иконку загрузки, обернутую во фрейм с нулевой шириной, и расположила иконку как мне надо. Может кому пригодится
Думаю нужно посмотреть в контексте, боюсь неправильно понять. В целом кнопка в форме эллипса это не очень хорошая идея, я бы сказал очень смелая. В классическом виде любая кнопка, это прямоугольник со скруглениями, скругления могу быть максимальны вплоть до полной окружности. Также может быть кнопка равносторонний круг, когда например вместо текста только иконка. Но именно эллипс с разной шириной и высотой может быть очень странным решением в интерфейсе в глазах пользователя. Я привык все кнопки делать в прямоугольнике, а если нужен круг просто задаю максимальное скругление. Проблема автолейаута, скорее в параметрах, возможно верхний отступ настроен большой, вот он и падает, попробуйте их проверить. Или просто откажитесь от фигуры эллипса и используйте прямоугольник. Задайте прямоугольнику максимальные скругления, а чтобы получился круг сделайте ширину и высоту одинаковой, с параметром Fixed.
@@denisamelchenko Да, на моменте, когда вы добавили начертание Bold цветной кнопке, я сразу все понял. В рунете не видел, чтобы кто-то такие детали объяснял и обосновывал. Я рад, что и вы тоже несете в народ выверенные решения. Сейчас смотрю материалы по компонентам и дизайн-системам, мышление прокачано, теперь нужно обёртывать в технические знания.
@@denisamelchenko Пожалуйста! Денис, могли бы вы в одном из роликов рассказать с чего можно начать разрабатывать дизайн-систему? Как структурировать макет в Фигме так, чтобы все лежало на своих местах? Интересен ваш подход.
@@ВячеславМакаров-ю4ф базовый подход я уже показал в этом видео - th-cam.com/video/LIYHgEWRHNE/w-d-xo.html Но думаю более подробный подход к структуре тоже можно затронуть, возможно даже на реальном примере проекта 👍
Спасибо большое за самое подробное описание как рисовать кнопки в моб версиях
Пожалуйста, Анастасия! Очень рад что вам понравилось! 😊
Отличные уроки, хорошо объясняешь!
Спасибо! Стараюсь! ✌️
Отличный урок, спасибо большое, что так много рассказали про дизайн-систему кнопки :)
Пожалуйста, спасибо большое за добрый комментарий, Ольга! 😌
Круто, спасибо за подробный туториал.
Пожалуйста, спасибо за добрый комментарий! 👍
Отличный урок, спасибо
Пожалуйста, Михаил! Спасибо за комментарий! 🙌
Спасибо за урок ! Все ясно и понятно. Вот бы еще горячие клавиши выводить на экран при нажатии )
Пожалуйста! 😌 Спасибо за добрый комментарий, Игорь! Думал об этом, боюсь вводить зрителей в заблуждение горячими клавишами macOS, а Windows аналогию абсолютно не помню 😅
Классный ролик, несмотря на то, что я уже прошла большой курс по Ui/Ux оказалось очень полезным,чтобы систематизировать все и понять как это конкретно делать на практике. Не могу не поддержать автора за такой классный и полезный подробный контент, спасибо 🙌👍🏻🔥
Пожалуйста! 🙌 Спасибо за добрый комментарий, Лиза! 😉
спасибо большое, очень помог
Пожалуйста, рад что было полезно! 🫰
🔥🔥🔥
Спасибо за огненный 🔥 комментарий, Альмира! 🙌
Здравствуйте! Спасибо, очень полезный урок❤ Скажите, а как правильнее, кнопку делать hug или фиксированной ширины? Делала hug и столкнулась с тем, что когда в состоянии loading добавляется иконка загрузки, то кнопка становится шире:( Нормально ли что кнопка будет так скакать? А еще, если кнопка с иконкой, то опять же в loading состоянии как-то странно что становится две иконки.
Здравствуйте! 👋 Пожалуйста, рад это слышать 😉 В данной ситуации, вы верно размышляете, кнопку нужно установить фиксированной. В подобном сценарии, нужно индивидуально настроить с максимально возможной, фиксированной шириной, и это будет выглядеть хорошо 👍 Во втором случае с 2 иконками, конкретно в состоянии загрузки, лучше заменять выбранную иконку на loading иконку, это частая практика 🙌
@@denisamelchenko Спасибо! Тоже думала про фиксированные, но с разработкой не удалось договориться. Выкрутилась таким способом, возможно не очень правильным, не знаю: для loading кнопки убрала прозрачность у текста, и вставила иконку загрузки, обернутую во фрейм с нулевой шириной, и расположила иконку как мне надо. Может кому пригодится
@@helen1469 на самом деле, подобные, индивидуальные состояния можно рисовать отдельно, не привязываясь к компоненту. Главное чтобы разработчик понял))
А можно круглую кнопку сделать (из элипса)?
Просто пыталась делать, но у меня текст уходит под элипс в автолэйауте
Нет, только из прямоугольника. Можно сделать с помощью абсолютного позиционирования
Думаю нужно посмотреть в контексте, боюсь неправильно понять. В целом кнопка в форме эллипса это не очень хорошая идея, я бы сказал очень смелая. В классическом виде любая кнопка, это прямоугольник со скруглениями, скругления могу быть максимальны вплоть до полной окружности. Также может быть кнопка равносторонний круг, когда например вместо текста только иконка. Но именно эллипс с разной шириной и высотой может быть очень странным решением в интерфейсе в глазах пользователя. Я привык все кнопки делать в прямоугольнике, а если нужен круг просто задаю максимальное скругление.
Проблема автолейаута, скорее в параметрах, возможно верхний отступ настроен большой, вот он и падает, попробуйте их проверить. Или просто откажитесь от фигуры эллипса и используйте прямоугольник. Задайте прямоугольнику максимальные скругления, а чтобы получился круг сделайте ширину и высоту одинаковой, с параметром Fixed.
@@denisamelchenko Спасибо большое! Скруглила на максимум и все получилось)
Денис, здравствуйте. Вы, случайно, не обучались у Андрея Лова?
Здравствуйте, Вячеслав! Да верно, я обучался у Андрея. Он невероятно доходчиво обучает дизайн мышлению 🙌 Чувсвуется его рука да? 😅
@@denisamelchenko Да, на моменте, когда вы добавили начертание Bold цветной кнопке, я сразу все понял. В рунете не видел, чтобы кто-то такие детали объяснял и обосновывал. Я рад, что и вы тоже несете в народ выверенные решения. Сейчас смотрю материалы по компонентам и дизайн-системам, мышление прокачано, теперь нужно обёртывать в технические знания.
@@ВячеславМакаров-ю4ф спасибо, приятно это слышать)) ☺️
@@denisamelchenko Пожалуйста! Денис, могли бы вы в одном из роликов рассказать с чего можно начать разрабатывать дизайн-систему? Как структурировать макет в Фигме так, чтобы все лежало на своих местах? Интересен ваш подход.
@@ВячеславМакаров-ю4ф базовый подход я уже показал в этом видео - th-cam.com/video/LIYHgEWRHNE/w-d-xo.html
Но думаю более подробный подход к структуре тоже можно затронуть, возможно даже на реальном примере проекта 👍
зачем включен режим бочки? ничего не разобрать
Не очень понял, что за режим бочки вы имеете введу))
@@denisamelchenko звук как будто из бочки
@@GamDevRus да потом разобрался, чуть исправил в новом видео, записываю с того что есть 😄