Auto layout в Figma | Рисуем раскрывающийся список [Figma уроки]
HTML-код
- Опубликовано: 7 мар 2021
- 🔥 Не забудьте скачать мою книгу «от Курьера до Дизайнера интерфейсов»
disk.yandex.ru/i/NRKQQjVT-dqsZg
В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я действовал сегодня, если бы начинал все с «чистого листа».
👇 Присоединяйтесь
Канал в Телеграм: t.me/bygeorgytim
В этом уроке я покажу вам как сделать адаптивную карточку отзыва через auto layout в фигме.
Для тех, кто не в курсе, фигма (figma) - это графический редактор, предназначенный для разработки дизайна различных интерфейсов (от простых сайтов, до сложных проектов). Данное видео подойдет для тех из вас, кто хочет освоить веб дизайн с нуля.
Подписывайтесь на канал, здесь я бесплатно выкладываю figma уроки про web design и ux ui дизайн, которые помогут вам прокачать свои скилы в дизайне.
А как прототипировать этот список?
Почему по итогу не показали как делать анимацию выпадающего списка?(
Георгий, спасибо за классный урок! Отдельное спасибо за alt h, alt v.
Спасибо большое, пошла повторять в своем дизайне
А как на прототипе это выглядит? Чот у меня на примере всё работает, а в проект засунул и на прототипе не работает. Где-то что-то упустил. Ломаю голову, но хочу разобраться ((
Спасибо большое за полезный урок) авто лейаут оказался весьма функциональным инструментом) тоже проделала несколько весь маршрут.
А правильно же понимаю, что для каждого пункта списка нужно сделать свой дефолтный и открытый вариант (это можно сделать дублем от этой модели, останется только изменить текст. И для каждого пункта правильно оформить отдельный блок=Items 1,2 и т.д?)
Благодарю за урок! :)
Есть один вопрос, как сделать так чтобы в приложении при нажатии и "удержании" открывалось меню? (и оставалось открытым), и чтобы по этой же кнопке при обычном клике можно было перейти на другую страницу.
Переход на другую страницу сделать легко, а вот добавить этой кнопке удержание никак не получается..
👍👍👍 Спасибо большое!
Спасибо за видео
Спасибо!!!!!
Сейчас вместо Variant стоит Properties, и оно сразу не дублируется при нажатии Variant, самому вообще не катит делать дубликат, при тесте "открытый" вариант вертикально поворачивается. Не актуально уже походу.
Три раза пришлось заново все делать чтоб получилось. Нужно быть предельно внимательным. Но тема классная. Спасибо за такое подробное объяснение!))
Если научитесь пользоваться авто лейаутами, то значительно упростите себе работу)
@@user-bp8rq7dk9c Да, я понимаю всю их важность и что без навыков их использования далеко не уедешь))
извеите, а какие есть варианты кроме автолеяута? подскажите если не сложно? я училась изночально с ним потому не представляю
А как в прототипе сделать так, чтобы предыдущая ссылка закрывалась автоматически?
Почему нет строчки resaiding? Что нужно сделать чтобы появилась?
Если у вас макбук, то он оказывается стоит в правом верхнем углу вместе с параметрами контейнера, Hug и Hug , когда нажимаете выходят варианты
🔥 Бесплатная книга «от Курьера до Дизайнера интерфейсов». Моя история, как я стал дизайнером.
disk.yandex.ru/i/NRKQQjVT-dqsZg
Поддержать канал - boosty.to/georgytim
Телеграм - t.me/bygeorgytim
как сделать так, чтобы при воспроизведении эти кнопки работали?
чтобы список открывался при нажатии кнопки
Добавьте в меню prototype действия для элементов, в этом видео всё происходит только в меню design
Не, ничего не вышло. Как только нажимаешь fill container, все сдвигается
Проще так нарисовать, пока будешь эти настройки выставлять кукуха съедит, еще какие-нибудь фигню пропустишь или не то значение в ведёшь вообще запутаться можно и так пройдет 2 часа с этим списком, мне проще так и быстрее
Проще это как
@@notvesh5102 это просто сделать этот список без этого auto layota просто нарисовать и все
вот когда вам понадобится внести правки в такой список или сделать из него адаптив, вот тогда у вас точно кукуха съедет) лучше настроить один раз и потом иметь возможность легко управлять элементом, чем сделать абы как и потом кусать локти. К тому же настройки занимают не так много времени. Приучайте себя сразу к более продуктивной работе, потом себе спасибо скажите.
почему никто из блогеров не показывает как выглядит работа в деле, сложно что ли ?!