Привязки (contraints) в Figma - полный обзор!

Подписаться 10 тыс.

Просмотров 8 тыс.

50% 1

🔥 Мой авторский курс «Figma с нуля»: 👉 designsweets.co/courses/figma...
В этом коротком видео мы рассмотрим как работают привязки (constraints) в Figma. Не путайте их с Autolayout! Привязки - удобный функция для создания адаптивных макетов, особенно если речь идет о дизайне мобильных приложений, когда нужно подогнать макеты под разные экраны.
👉 Бесплатный доступ к исходнику: www.buymeacoffee.com/chyrkov/...
🔗 Мои ссылки:
Мой канал в телеге: t.me/chyrkovfm
Мой авторский курс «Figma с нуля»: 👉 designsweets.co/courses/figma...
Студия: chyrkov.studio
Behance: www.behance.net/chyrkov
Dribbble: dribbble.com/chyrkov
Портфолио по фото: sergeichyrkov.com
_____________
#Figma #FigmaTutorial #UXDesign #Webdesign

Опубликовано:

7 июл 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 56

@user-iu3vb2cm1r 10 месяцев назад

Обожаю спокойных и умных мужчин:) Суперски полезно! Голос приятно слушать:)

@Chyrkov 10 месяцев назад

😂 благодарю

@flirdiz Год назад

Великолепно! Профессионально! Невозможно оторваться от экрана, наблюдая изучаючи, как рождается волшебство. Материал на канале весь достоин интереса, уважения к подаче и всяческих похвал. Вы-мастер. Продолжу наслаждаться изучением. Спасибо!

@Chyrkov Год назад

Благодарю за такой прекрасный отзыв!😊 успехов вам!)

@elizavetasaitova1881 Год назад

Отличная подача и содержание. Все понятно и доступно. Ваши видео дают мне гораздо больше понимания, чем какие-либо онлайн школы!

@Chyrkov Год назад

спасибо огромное за отзыв!) рад, что нравится!

@user-pp8bk8rs5g 2 года назад

Замечательный урок! Нравится Ваша спокойная, приятная манера объяснения и музыка не отвлекает)

@Chyrkov 2 года назад

спасибо большое!)

@nerazumno Год назад

Сергей, огромное спасибо за ваш урок и ваш труд! Никогда не писала комментарии, но в этот раз просто не смогла не отблагодарить вас! Все никак не получалось понять данную тему, но благодаря вашему уроку поняла все очень легко. Еще раз благодарю вас и желаю удачи в продвижении канала🙌🏻

@Chyrkov Год назад

Благодарю за приятный отзыв!) рад, что нравится!) Вам тоже успехов!✊

@user-dy8yo5lh3c 2 года назад

Посмотрела несколько видео по данной теме. После Вашего - все стало понятно. Спасибо!

@Chyrkov 2 года назад

Спасибо большое за отзыв!) рад, что вы разобрались с привязками!)

@viitony5155 Год назад

Спасибо! Смотрела другие видео и тупила, а тут понятно )

@Chyrkov Год назад

Я рад, что все стало понятно!😊

@user-mb8xf4gm1l 2 года назад

Большое спасибо за урок! Особенно полезной оказалась информация про привязку таб бара к сетке!

@Chyrkov 2 года назад

Спасибо)) рад, что было для вас полезным!)

@user-jz1hx6gp8z 2 года назад

Спасибо! Все супер понятно стало, особенно полезна инфа про то, как реагирует привязка на сетку

@Chyrkov 2 года назад

Рад, что помог!)

@alexandramazur8668 2 года назад

Отличный урок! Смотрела другое видео, ничего не было понятно. Включила ваш урок и супер объяснение. Спасибо!

@Chyrkov 2 года назад

спасибо! рад, что понравилось!)

@elizavetash6190 2 года назад

очень интересно и понятно) спасибо вам за вашу работу!

@Chyrkov 2 года назад

Спасибо за отзыв) стараюсь для вас)))

@irinamartynenko3325 2 года назад

Отличное видео ! Все доступно и понятно:)

@Chyrkov 2 года назад

Спасибо вам за отзыв!😊

@juliaelynuya8729 Год назад

Спасибо! Всё понятно, очень подходит такая скорость подачи материала. Комфортно воспринимать информацию и одновременно повторять действия в фигме 🙏

@Chyrkov Год назад

Спасибо за отзыв!) рад, что вам нравится!)

@OzbegimMarketing 2 года назад

Вообще супер то что я искал Как всегда круто!

@Chyrkov 2 года назад

Ура) рад, что помогло!)

@TyttuFrytu Год назад

спасибо Сергей, суперпознавательно

@Chyrkov Год назад

Спасибо) рад, что понравилось!)

@romanbukarev6282 2 года назад

Спасибо. Очень понятно!

@Chyrkov 2 года назад

и вам спасибо! рад, что помог!)

@z1mmex 2 года назад

Отличное видео, подписался на канал)

@Chyrkov 2 года назад

спасибо большое!) успехов вам!)

@user-rd8cu8nk4f 2 года назад

Спасибо! Было очень полезно)))

@Chyrkov 2 года назад

Пожалуйста!) я рад!)

@vasiliykonkret2889 Год назад

Благодарю! Наконец понял как работать с этой функцией

@Chyrkov Год назад

Отлично!) рад, что помог!)

@nytamelroyz Год назад

Я мучилась 4 часа и только открыв ваш урок за 5 минут все поняла и сделала мин за 15, спасибо вам огромное😄

@Chyrkov Год назад

Прекрасно!) спасибо за отзыв!) рад, что нравится!

@user-mv6zj8ns7z 2 года назад

спасибо! инфа супер, и нам шпаргалочка к домашке)) кто знает, тот поймет)))

@Chyrkov 2 года назад

Оставим это в секрете😅

@OzbegimMarketing 2 года назад

Бро Спасибооооо! очень памог.

@Chyrkov 2 года назад

Пожалуйста)

@radionadamets8074 2 года назад

Спасибо за видио! 👍🏽 если будет возможность разбери пожалуйста атомарный дизайн)

@Chyrkov 2 года назад

Договорились)

@alex_pivko 2 года назад

вопрос: как тогда делать адаптивные версии декстопа на планшеты и с планшетов на мобилки? с привязками на мобилках все очень понятно, спасибо!

@Chyrkov 2 года назад

С Десктопа на мобилу только ручками)) так это уже адаптивный дизайн и шаг в брейкпоинтах слишком большой

@alex_pivko 2 года назад

@@Chyrkov вот я вообще не понимаю из чего адаптивный дизайн строится ? То есть у нас есть версия десктоп , в ней надо все элементы настраивать через привязки ? Ну например версия 1920 , чтобы адаптировать под 1000 надо просто вручную все элементы подредактировать и все ? И например с 1000 на 720 и потом на 480 и 320 , тоже просто вручную делать изменения ? Для меня этот вопрос не понятный совсем. А «резиновый» дизайн это разве не адаптивный дизайн ? Его же надо как то показать

@Chyrkov 2 года назад

@@alex_pivko да все верно. но лучше начинать с чего-то среднего. например мы обычно делаем под 1280 или 1440. Это ноутбук. Макеты утверждаются с клиентом и потом если нужно их перегоняем ручками под 1920 (Full HD монитор) и 768 (планшет) и 320 (мобилка). Резиновый дизайн и адаптивный это разные вещи. Запишу видео об этом, спасибо за идею!!! В адаптивном вы дорисовываете какие-то элементы специально для мобилы например, которых на десктопе нет, например меню бургерное. А резиновый это просто элементы подстраиваются под разные экраны (как раз вариант когда нужны привязки).

@user-jz2st3bb7s Год назад

Вітаю! А чому в вас всі іконки без фрейма? Хіба так можна робити?

@Chyrkov Год назад

Привіт! Так, звичайно, ти маєш рацію, краще створювати квадратний кадр і розміщувати в ньому іконку. Розміри таких кадрів краще робити однаковими. Але в рамках цього відео я це не робив, щоб не гаяти час =)