Тёмный

Как пользоваться Auto Layout?! Урок по Фигме | Пошаговое объяснение 

TOP in design | Web-designer Krupina Tatiana
Подписаться 27 тыс.
Просмотров 16 тыс.
50% 1

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

 

31 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 67   
@rigayaya
@rigayaya Год назад
Осенью 2024 стартует Наставничество от меня, где ты получишь комплекс знаний в UX/UI дизайне: 💜Расширенные знания в Figma (компоненты, AL, прототипирование, анимации, токены) 💜3 проекта в портфолио: коммерческий лендинг, интернет-магазин и креативный лендинг 💜Два проекта из трёх сможешь сверстать на Тильде прямо во время обучения под моим курированием 💜Поделюсь своими эффективными способами привлечения и поиска клиентов 💜Получишь навыки общения с клиентом и ведения проекта (работа с возражениями, закрытие на продажу, как презентовать дизайн чтобы не было правок) 💜Знания по предпроектному исследованию на фрилансе для создания осознанного дизайна (UX-анализ конкурентов, построение гипотез, проведения опросов) 💜Узнаете про все юридические аспекты: как обезопасить себя на фрилансе, нужен ли договор, про самозанятость и т.д. Попасть в предзапись -- t.me/+JQn_o-N58lw3NzRi
@ЯНастя-ж7д
@ЯНастя-ж7д 20 дней назад
Все так понятно, ещё и с практикой - просто вау🥺❤️ огромное спасибо Даже не знаю, где могла бы узнать и попрактиковаться более эффективно
@rigayaya
@rigayaya 19 дней назад
@@ЯНастя-ж7д спасибо вам большое за обратную связь ❤️
@Undertaker-u6p
@Undertaker-u6p 3 месяца назад
самый понятный туториал по автолейаут на реальном примере. Для людей из 2024 года до сих пор актуален
@rigayaya
@rigayaya 2 месяца назад
спасибо!) приятно ))
@aaaaaafgjyrf
@aaaaaafgjyrf 8 месяцев назад
Спасибо за урок! Возникли сложности с использованием этой функции, буду разбираться чтобы внедрять в работу 👍🏻
@sabira-ru7zk6xk8x
@sabira-ru7zk6xk8x 4 месяца назад
Вот это прокачка по Auto Layout! Спасибо за урок!❤💯
@EliKinnUXUI
@EliKinnUXUI Год назад
Первый раз увидел твой канал и влюбился с первых же секунд в голос и манеру подачи. Действительно, няша. 😅 Подписался тут же и теперь буду внимательно следить за каналом. Конкретно лейауты до сих пор были тёмным пятном в работе. Умом всё понимал, руками сделать не мог.
@АлександрФилипушко
спасибо, классный урок
@stanislavsmiley193
@stanislavsmiley193 Год назад
Все четко и по делу😊Очень качественное видео!!!Благодарю.😁
@KiRaDubova
@KiRaDubova 8 месяцев назад
Большое спасибо за урок, все очень стало понятно😊
@rigayaya
@rigayaya 8 месяцев назад
класс, рада помочь!)
@JuliaZbrykina
@JuliaZbrykina Год назад
Таня, спасибо за подробный урок! Очень полезно! ❤ Компоненты очень ждем тоже!! Хотелось бы делать легко адаптивы с Autolyout, если сможешь записать подробное видео - это будет пушка
@rigayaya
@rigayaya Год назад
Да, в планах такое 🔥пока можешь глянуть видео где я делаю карточку товара или дашборд, там и АЛ и компоненты присутствуют в работе)
@Noname-z7k2y
@Noname-z7k2y 7 месяцев назад
Благодарю автора 👍
@pinkpanther2349
@pinkpanther2349 3 месяца назад
Спасибо большое! 👍🔥👍
@WhisperOfHorrorr
@WhisperOfHorrorr Год назад
Спасибо большое за видео👍 Жду видео про компоненты😊
@rigayaya
@rigayaya Год назад
Обязательно! 🤩
@3DVad
@3DVad 9 месяцев назад
6:00 Я этот дивайдер раз пять перематывал видео что бы его найти.. Риктенгел там написано в проекте а не дивайдер . а еще когда вы двигаете блоки у вас расстояние красным подсвечивает а у меня не подсвечивает.. А в целом вы большая умничка спасибо! За исключением того что все самые важные процессы закрываются вашим лицом. Например описание первая же строка постоянно ломается если повторять за вами.. А что бы увидите почему нужно вас подвинуть а вы не догадались
@ИванИванов-м6ф4н
@ИванИванов-м6ф4н 10 месяцев назад
Спасибо ! Все очень понятно ! подписался, лайк поставил !
@webdesigner_4051
@webdesigner_4051 5 месяцев назад
История, эта история, такую историю) Избавляйтесь от истории) А так толково и понятно, спасибо!
@АнастасияЖуковская-е8ж
Большое спасибо за ваш труд и урок, c удовольствием буду смотреть вас дальше, буду рада уроку с компонентами!
@АлинаГончар-э1п
@АлинаГончар-э1п 9 месяцев назад
Большое спасибо!!
@MrSkiff88
@MrSkiff88 Год назад
Клёвое видео! Спасибо! Было бы интересно подробно узнать про настройки FILL-HUG, чтоб адаптивилось красиво!!))
@vika11.01
@vika11.01 Год назад
Видео правда было полезным, спасибо за качественное объяснение, теперь жду видео с компонентами)
@rigayaya
@rigayaya Год назад
Спасибо!) буду снимать значит 🤩
@АлексейЛашманов-и1б
Спасибо, было интересно !
@АлександрМакедонский-з9н
видео крутое, обучился. но хотелось бы добавить, чтобы делала плашку со своим лицом чуть поменьше, так как это мешает просмотру левой части, где обозначения и тд
@СтаниславБригида-х5ь
Кайф. Очень полезно❤
@irinabordugova751
@irinabordugova751 Год назад
Очень подробное видео, спасибо за полезную информацию. Смотреть тебя одно удовольствие)
@rigayaya
@rigayaya Год назад
спасибо, очень приятно!)
@frila_academy
@frila_academy Год назад
Отличное видео❤
@Николай-ц9ф4р
@Николай-ц9ф4р Год назад
Татьяна, подскажите, пожалуйста, осваивать Фотошоп необходимо для веб-дизайнера? Есть ли хорошие бесплатные альтернативы?
@Helly93
@Helly93 Год назад
Присоединяюсь к вопросу)
@ВикторияЭльдемурова
да, обязательно. и не только фш, но и иллюстратор как минимум. В идеале еще XD знать и любую прогу для анимации, хотя бы элементарный базис. Это база и без этого никак, если хотите вырасти выше джуна
@konstantinova59
@konstantinova59 4 месяца назад
Как классно сделано,плагины сбоку размещены,кааак это сделать?🫠🫶🏻
@rigayaya
@rigayaya 3 месяца назад
это разрешение для браузера figma ex
@nefertiti333
@nefertiti333 8 месяцев назад
А можно такое же видео про компоненты¿)
@opianist4
@opianist4 5 месяцев назад
skavuska!
@cobrate_G
@cobrate_G 8 месяцев назад
Спасибо тебе огромной .Только вот не понимаю одного почему мы добавляем авто лоят по два раза одно и тоже ?
@SLAYTLY
@SLAYTLY 11 месяцев назад
Крутое видео. А как ты вывела плагины справа чтобы они были видны?
@rigayaya
@rigayaya 11 месяцев назад
Figma EX
@Maksims-x5v
@Maksims-x5v 9 месяцев назад
Как насчет адаптивной верстки при данном подходе?
@psihopiperay
@psihopiperay 10 месяцев назад
Подскажите пожалуйста, можно ли сделать фигурную кнопку в автолэйауте?
@rigayaya
@rigayaya Год назад
Смотрите новое видео про обновлённый Auto Layout🥳 Теперь адаптив делать просто 🔥 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5orYEmgemnk.html Бесплатный курс по Тильде 😱😱😱 ru-vid.com/group/PLagQa9AgVWdPd4yjZPOShdyI0SECD2EzL Показываю, как веду реальные проекты с фриланса 💸💸💸 ru-vid.com/group/PLagQa9AgVWdPUWm3xIYR77to3eRxLd6eh
@ЕкатеринаКолесова-х9с
Привет, а можешь подсказать почему текстовый элемент, который состоит из разных цветов нужно разделять на разные текстовые элементы? ( Говоришь об этом на моменте 20:17 ) Я так понимаю, что это для удобства верстальщика?
@Barashev
@Barashev Год назад
Такая умница божеж мой
@kvasayv5336
@kvasayv5336 8 месяцев назад
Подскажите как сделать в фигме таблицу, чтобы в html был код для table, а то у меня получается все дивами. Код смотрю через плагин AutoHTML. Может плагин криво работает. Подскажите как вы код смотрите?
@rigayaya
@rigayaya 8 месяцев назад
Я не смотрю код потому что в нём не разбираюсь) таблицы делаю через АЛ и компоненты
@АлёнаМерзагитова
Возможно глупый вопрос, но как у тебя быстро видны все отступы, куда ты не наведешь? 😅
@ЕкатеринаКолесова-х9с
Нужно зажимать ALT, когда выделен объект, от которого нужно посмотреть расстояние и навести курсор на объект до которого нужно узнать это расстояние (Кстати ответ на этот вопрос можно найти в любом поисковике) 😊☺😀
@ЕкатеринаКолесова-х9с
1) выделяем объект 2) зажимаем ALT 3) наводим на объект, до которого нужно посмотреть расстояние
@БимТВ-б7т
@БимТВ-б7т Год назад
Получается, в каждом макете нужно всë подряд загонять в автолэйаут?
@rigayaya
@rigayaya Год назад
В данном видео специально был выбран экран с большим количеством элементов, чтобы можно было на большом кол-ве примеров показать когда и как использовать АЛ. Можно и всё загонять, если ты это делаешь осознанно, а не лиж бы как) У меня АЛ уже на автомате в работе создаются, потому что реально почти везде им можно применение найти
@БимТВ-б7т
@БимТВ-б7т Год назад
@@rigayaya а все эти автолэйауты в иерархии можно безымянными оставить или нужно обязательно переименовывать их для верстальщиков?
@rigayaya
@rigayaya Год назад
@@БимТВ-б7т верхние слои иерархии можно переименовать, но прям каждый элемент - это уже лишнее))
@ГлебПопов-б7ж
@ГлебПопов-б7ж 4 месяца назад
Круто 🔥. Только мне бывало что мешала видео аватарка, чтобы то что говоришь согласовать с визуально со слоями. Может в следующих видео либо скрыть себя либо как-то расположить чтобы не мешалось. А так очень полезный контент. Благодарю. Больше такого контента👍
@rigayaya
@rigayaya 4 месяца назад
рада помочь) окей, подумаю на счёт аватарки))
@Joposranchik1993
@Joposranchik1993 Год назад
ой какая няха. Будто из аниме вышла. Ичи ни сан ))) Ня Аригатооооо.
@shtormmen7171
@shtormmen7171 Год назад
я все равно ничего не понимаю зачем он нужен и без него же хорошо
@ЛысыйГлобус-ц8ш
@ЛысыйГлобус-ц8ш 4 месяца назад
Чтобы быть крутым
@ЛысыйГлобус-ц8ш
@ЛысыйГлобус-ц8ш 4 месяца назад
Перцем
@sevastyanyoung5778
@sevastyanyoung5778 9 месяцев назад
Господа, как сделать такую же менюшку плагинов?
@Nigora1982
@Nigora1982 Год назад
Я подожду может ешо чтота выйдить чтобы я роботала и зороботала😢
@Антарктида-п7п
@Антарктида-п7п 3 месяца назад
Я опять ничего не поняла 😢
@aysaulekydyrbaeva1321
@aysaulekydyrbaeva1321 Год назад
Спасибо большое! ❤
@rigayaya
@rigayaya Год назад
Рада помочь 🤩
Далее
Встреча в Лифте 😂
00:43
Просмотров 274 тыс.
ТР3Ш-СГ4ГК II: The Возвращенje
3:21:49
Просмотров 525 тыс.