[NEW] 🔥 Компоненты и адаптивный дизайн. Как создать паттерн в фигме. Как сделать иконку. Урок 8
Вставка
- Опубліковано 4 тра 2024
- #alexeybychkov #ityoutubersru #figma
Как делать адаптивный дизайн через компоненты. Как создать узор (паттерн) в фигме. Как сделать иконку в Фигме
Скриншоты для насмотренности boosty.to/alexeybychkov/posts...
ТикТок - / alexeybychkov_
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты -
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Содержание курса:
Урок 1 - [NEW]⚡Аккаунт, история версий • [NEW] 🔥 Обзор интерфей...
Урок 2 - [NEW]⚡Гамбургер меню, предпочтения • [NEW] 🔥 Обзор меню, по...
Урок 3 - [NEW]⚡Инструменты и калькулятор • [NEW] 🔥 Инструменты и ...
Урок 4 - [NEW]⚡Слои, маски и массовое переименование • [NEW] 🔥 Слои, маски и ...
Урок 5 - [NEW]⚡Сетки. Bootstrap. 8 px grid • [NEW] 🔥 Модульные сетк...
Урок 6 - [NEW]⚡Привязки • [NEW] 🔥 Привязки (cons...
Урок 7 - [NEW]⚡Компоненты • [NEW] 🔥 Компоненты в F...
Урок 8 - [NEW]⚡Компоненты и адаптив • [NEW] 🔥 Компоненты и а...
Урок 9 - [NEW]⚡Выравнивания, Tidy Up • [NEW] 🔥 Выравнивания (...
Урок 10 - [NEW]⚡Текст • [NEW] 🔥 Текст в Figma:...
Урок 11 - [NEW]⚡Цвет, градиенты, изображения • [NEW] 🔥 Цвет в Figma: ...
Урок 12 - [NEW]⚡Обводка • [NEW] 🔥 Обводка в Figm...
Урок 13 - [NEW]⚡Эффекты: блюры, тени • [NEW] 🔥 Эффекты в Figm...
Урок 14 - [NEW]⚡Библиотека команды • [NEW] 🔥 Библиотека сти...
Урок 15 - [NEW]⚡Варианты • [NEW] 🔥 Figma Variants...
Урок 16 - [NEW]⚡Прототипы в Фигме (часть 1) • [NEW] 🔥 Прототипы в Фи...
Урок 17 - [NEW]⚡Интерактивные компоненты (часть 2) • [NEW] 🔥 Интерактивные ...
Урок 18 - [NEW]⚡Панель кода Inspect • [NEW] 🔥 Панель кода In...
Урок 19 - [NEW]⚡Экспорт • [NEW] 🔥 Панель экспорт...
Урок 20 - [NEW]⚡Ссылка на проект - • [NEW] 🔥 Ссылка на прое...
Урок 21 - Комьюнити - … будет)
Урок 22 - [NEW] ⚡ Плагины - • [NEW] 🔥 Плагины и Видж...
Урок 23 - [NEW] ⚡ Auto Layout 4.0 в Фигме • [NEW] 🔥 новый Auto Lay...
Урок 24 - [NEW] ⚡ FigJam • [NEW] 🔥 FigJam - онлай...
0:00 - про адаптивы
1:15 - подготовка к адаптивам
2:45 - как делать адаптивы
4:28 - сделали плохой адаптив
6:35 - как делать адаптивы через разные мастера
17:39 - показывайте реальный контент, а не унылую копипасту
19:07 - как делать паттерн в Фигме
23:20 - дизайн иконок через иконки
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
![[NEW] 🔥 Выравнивания (align) в Figma, Tidy Up, упаковка и настройка прицела. Урок 9](http://i.ytimg.com/vi/0GYBgiHl6Rg/mqdefault.jpg)
![[NEW] 🔥 Выравнивания (align) в Figma, Tidy Up, упаковка и настройка прицела. Урок 9](/img/tr.png)
Вы все еще не пользуетесь компонентами?! Тогда мы идем к вам!
Cпасибо всем за активность под роликом! Давайте поможем ему занять место его запенсионерившегося предшественника!
Всех обнял!
🥰 спасибочки
Уже бегу тестить компоненты, думаю в следующем проекте пригодиться)
"Всё, что повторяется больше двух раз - оборачиваем в компонент" - кажется я эту фразу уже знаю лучше, чем таблицу умножения!
Очень много полезной информации, спасибо!
спасибо за просмотр)
Отдельное место в раю нужно выделять людям, которые так офигенно умеют показывать и объяснять. Спасибо за ролик. Лайк и отличной недели=)
рад, что нравится!
У меня не хватает памяти, чтобы все это запомнить. Буду пересматривать много раз, чтобы ничего не упустить))
звучит как план!
Компоненты - это не простая тема, но когда учишься и видишь как на твоих глазах происходит магия. Это завораживает и чувствуешь себя волшебником)
Супер 🎩
Не успеваю переваривать количество полезного контента от одного ролика 😅🔥🔥
терпи))
Единственный человек, чьи ролики я замедляю, а не ускоряю ахаха) Спасибо, осталось все услышанное переварить
🥳
Чем больше смотрю твои видео, тем больше растет мотивация и желание развиваться в дизайне! Спасибо))))
круто! 🚀🚀🚀
Лёша, спасибо большое, что даёшь столько бесплатной информации, очень подробно объясняешь и не скучно смотреть, это колоссальный труд! Желаю миллион подписчиков.
Спасибо за просмотр)
как же вы заряжаете позитивом.... помимо мега полезности еще такой заряд позитива ! если вам грустно просто включите Алексея Бычкова и вам будет настроение)))))
Ееееее 🥳
Тот самый случай, когда пересматриваешь с удовольствием, хочется смотреть только такой контент! Огромное спасибо за труд!
рад, что нравится!
Столько возможностей скрыто в фигме! Спасибо, что знакомишь нас сними и всякие лайфхаки рассказываешь. Все надо конспектировать, каждое твое слово на вес - золото. 🙀
❤🔥
Очень рад!
Всё, к восьмому уроку я просто влюбилась в Фигму благодаря вам. Я пройду все уроки до конца, чтобы под каждым видео написать вам свою благодарность!
Черт, да я не только в Фигму, а вообще в жизнь влюбляюсь из-за вас!!! Всё вокруг такое интересное и вдохновляющее, если воспринимать это как интересное и вдохновляющее))
ну класс)
Хоть кто то умеет объяснять сложные темы простым языком, спасибо!
вот и замечательно))
Алексей, вы не только блестяще раскрываете нам чудеса Фигмы, но и вдохновляете на дальнейшую работу с ней. Благодаря вашим урокам, я, наконец, полюбила эту Медузу Горгону (уже не каменею при встрече с ней) и стало меньше страха в моменты, когда ты "один на один с макетом". Спасибо! Всё у вас так душевно и с улыбкой. Да пребудут с вами все самые добрые боги Вселенной))))
Круто) очень рад 🎉🥳
Как всегда, смотрю твои видео с загляденьем, поднимаем видео в топ🚀🚀🚀🚀
Спасибо) Рад, что нравятся видео!
С каждым видео интерес и любовь к фигме возрастает в 1000 раз
круто!
Спасибо, очень приятно и интересно было слушать, как круто, что есть возможность учиться у толковых специалистов
очень рад!
Видео всего полчаса, а информации полезной как в 10 часах да еще и в свободном доступе! Всегда можно вернуться и пересмотреть то, что недопонял! Спасибо!
пожалуйста!
Кажется фразу про оборачивание компонентом того что повторяется больше двух раз - Алексей обернул компонентом
возможно)
Как всегда - весело, динамично, мегаполезно и интересно!!! Алексей, спасибо большое!)
еее пожалуйста!
Супер интересно. Я еще не сталкивалась с адаптивами, поэтому, наверное пересмотрю это видео не один раз) Создание иконки через компоненты - бомба. Вообще балдею от того, что весь контент о том - как сэкономить драгоценное время. Спасибо!)
круто) рад, что нравится контент!
Спасибо за каждое видео! Не сразу все остается в голове, но главное я знаю где это найти. Ты лучший, спасибо еще раз!
спасибо!
Огонь! После просмотра видоса сразу увеличивается скилл) Спасибо, снимай по возможности больше таких уроков.
отличные новости))
Поздравляю всех с получением чёрного пояса по компонентам. Особенную благодарность передаю нашему сэнсею - Алексею. Спасибо!
(А ещё спасибо за фишки с адаптивами и паттернами, мелочь, а очень полезная).
поздравляю))
Спасибо большое за видео, узнал для себя что-то новое. А неудачные моменты это просто😂
😄 да чего им зря пропадать. Во время записи каждого ролика столько косяков
Твои ролики можно бесконечно пересматривать 🔥А главное сколько бы не смотрел, всегда что нибудь новое да всплывет😅
Вот и пересматривай))
Я не знаю, кто бы еще объяснил, так просто и понятно) Спасибо!
спасибо)
Конвертик вскружил мне голову, пойду повторять. Спасибо за ролик :)
сам в шоке от того, как клево получилось))
Так много полезностей, спасибо за ролик🔥
И тебе спасибо! 🎉
да, черный пояс по компонентам - звучит заманчиво)) киииияяя))) курс - просто золото 👍 👍 👍 👍 👍
еееее)
Адаптивить через компоненты гораздо быстее) Спасибо за такие полезные выпуски!
пожалуйста!
спасибо, как всегда концентрация полезной информации зашкаливает!
ну класс) пожалуйста!
как всегда просто класс! Очень нравится подача информации - не соскучишься)
это же прекрасные новости))
Лайфхаки с адаптивами прям огонь! Теперь точно с ними будет меньше возьни и проблем
Звучит хорошо))
Благодаря твоим роликам появляется куча свободного времени. Спасибо за полезный контент и крутые лайфхаки!💥
круто)) очень рад!
залипла на паттернах, как всё красиво и просто🤩и по адаптивам карточек супер-полезное объяснение, спасибо за видео😇
спасибо за просмотр)
Обожаю твои видео! Мега полезно и как всегда на позитиве 🧨 Спасибо за знания и настроение 🍀
круто) 🤟☀️🤟
Компонент это магия для тех кто ценят своё время. Спасибо за полезную инфу .Главное её хорошо переварить и в будущем использовать)))
Да, компоненты генерируют свободное время!
Завораживает больше, чем самый интересный фильм 😄
Большое спасибо! ☺️
Круто) рад, что нравится!
Спасибо! Наконец-то с компонентами все понятно стало !
супер) я рад!
Супер подача и объяснение)) Спасибо за уроки по фигме ❤️💪
спасибо за просмотр)
Я не знаю как можно так интересно объяснять🔥Спасибо
рад, что нравится!
Мега полезно! 💥💥💥
Алексей, спасибо Вам огромное 🙏
рад, что полезно
Лучший дезингер на ют
спасибо)
Супер урок! Спасибо большое! Теперь все будут гуру компонентов!!!
круто если так))
Вау, не перестаю удивляться компонентам и твоим роликам)
ну класс)
С каждым просмотренным роликом интерес к фигме и вдохновение вырастают в миллиард раз! Спасибо!
🥳🥳🥳
Очень крутое видео. Столько много узнал, огромное спасибо за такую информацию, никакой воды, только по делу, а главное с реальными примерами!
да, не вижу смысла двигать серые прямоугольники, поэтому показываю реальные примеры
Видео огонь, меня больше всего поразило создания этого конвертика)
сам не ожидал, какой он клевый получится))
Отлично, как всегда! Спасибо за возможность пользоваться бесплатным контентом с огромной пользой для себя! ))
Пожалуйста)
Невероятное количество полезных лайфхаков получил за этот ролик. Однозначно лосося ставлю под видос👍
спасибо))
Про лайфхак с дубликатом мастера без плагина - огромное спасибо! Мне бы, лично, хотелось бы научиться паттерны рисовать, хоть они и уже не популярны) P.s с неудачных дублей громко прыснула в час ночи)))
😄 ну а чего им зря пропадать, вот решил в конце оставлять
Классный видос, конверт вообще огонь) Я обычно для большинства компонентов(однотипные элементы с различными состояниями упаковывая в варианты) создавал отдельную страницу и через Assets подтягивал их уже на основную страницу с макетом.
супер) По идее смотрящий ролик еще вообще не в курсе ни про какие варианты, если идти по плейлисту. Поэтому их даже не упоминал
Даже не знаю как бы разобрался со всем этим без тебя
рад, что помог!
очень здорово, что ты рассказываешь про работу верстальщика, сразу становится понятнее взаимосвязь с дизайнером
Спасибо за просмотр!
"Мы же не хотим чтобы про нас думали, что разрабатывал дизайнер, которого в детстве баловали лишними пикселями" ахахахах :D :D очень смеялась. как всегда ролик не только полезный, но и с отличным чувством юмора.
ну класс 😄
Основной тезис: Пользуясь компонентами, мы сможем все делать через одно место...... И у каждого оно, место, свое
ага, круто))
Как же круто, когда еще и показываешь примеры плохих работ. Сразу учимся x2)
ну класс)
Мне повезло попасть на твой канал! Спасибо за ценные знания! 💎💡
спасибо за подписку!
Интересно, появятся ли полезности Фигмы в Фотошопе.... просто подумалось вдруг. Ну круть же!
вряд ли. они же отдельную приложеньку сделали - аналог фигмы - XD называется
25 минут, столько инфы. Каждый раз как первый раз удивляет)
ну класс)
Спасибо за шикарное объяснение тонкостей адаптивов! Лайк!
Пожалуйста)
да, узнавать что можно сделать неправильно - вообще кайф
клево)
Отличный урок, благодарю. Не понимаю почему так мало подписчиков, тут по ляма должно быть как минимум!
вот и мне интересно, где все?!))
Все как всегда на высоте, по делу, с юмором, без воды и главное понятно. 🔥
ну класс)
Буду не многословен. Лёша, респект!)
спасибо))
Компоненты - удобно и быстро, главное в них разобраться!) спасибо за клёвый и мегаполезный видос)
тоже так думаю!
Спасибо за полезный контент! Это лучшее по Фигме из того, что есть.
Очень рад 🎉
Бодро! Бодрее даже, чем кофе 🥤 Спасибо за курс!!! 🤗💛
Супер)
Всегда смотрю уроки с улыбкой))
Спасибо! Супер интересно.
рад, что нравится!
Спасибо большое, за такие крутые видосы, в которых ты раскладываешь все по полочкам простым языком и шуточки отменные)))
рад, что нравится!
Даже не знала что без Component cloner и Quantizer можно сделать адаптив. Спасибо!
можно, но не так удобно
Спасибо за то что делишься такой полезной инфой! Полезно, познавательно и совсем не скучно!
Спасибо за просмотр)
ЛЕША, С ДНЕМ РОЖДЕНИЯ!!!!🍰🍰🍰🍰🍰
Пусть главными компонентами в твоей жизни будут: счастье, удача, радость, деньги, любовь и самые классные события!!!
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
спасибо!
Какая у Вас отличная подача! На просторах Ютуб ещё не встречала, ну если только бородача, но он по вёрстке))
рад, что нравится! 😊
Максимально інформативний і мілашний курс, і шуточки на 100500!
рад, что нраится!
Любименькие компоненты! Знать всем наизусть!
100%))
Адаптив через компоненты ОГОНЬ!!! Спасибо за очень информативное видео❤️
тоже так думаю))
Большое спасибо за видео! Скорость работы растет прямо пропорционально 🚀🚀🚀🚀
Ееее отличные новости!
Просто супер полезный и запоминаемый контент! Восторг от подачи!!
Круто)
столько всего полезного, наконец-то хоть кто-то и на примерах смог объяснить как, зачем и где использовать компоненты, спасибо🔥🔥🔥
супер)
Алексей круто как и все остальные видео и не только из этого курса!!!)
ну класс)
Спасибо за большое количество полезной информации! очень классная подача и без воды, интересно слушать))
Спасибо за просмотр)
Смотрю не первый раз. Вроде все просто и гениально. Осталось на практике закрепить все знания. Спасибоо
пожалуйста!
Твой курс по фигме - лучшее, что случилось со мной во время обучения. Спасибо!
очень рад! 🥳
Как же все это интересно смотреть и сразу тестировать)Спасибо за классный урок.
пожалуйста)
Смотрю 4 раз и каждый раз подчёркиваю что-то новое ) Думаю ещё вернуть как-нибудь к этому полезному видео 😂
круто)
Полезный ролик! Работать с компонентами действительно удобно и быстро!🔥🔥🔥🔥
супер)
Теперь в моем арсенале есть ещё и знание компонентов, большое спасибо:)
я рад!
По твоим видео очень легко все получается. Главное не упускать важные моменты)))
Отличные новости!
Лучшая инфа по фигме на Ютубе 👍👍👍👍👍👍👍👍👍👍👍👍❤️❤️❤️❤️❤️😎😎😎😎😎
Еее супер)
Компоненты - мега полезная вещь! Ребятам с Фотошопа ПРИВЕЕЕЕТ))))
100%))
Компоненты, конечно, мощь! Ролик очень понравился! благодарю! 🥰
спасибо за просмотр)
Черный пояс по компонентам✔️
И немножко по адаптивам тоже😀👌
супер!
Супер)
Класс! Первый раз слышу о создании дубликата страницы для сохранения привязки к мастерам. Никто не рассказывал о таком. Спасибо!
это пожалуйста)
Ты крутой! Мне как новичку очень полезно и понятно смотреть! Плюс весело)
Спасибо за твой труд!
Рад, что нравится!
Спасибо за такой классный бесплатный курс по Фигме, мне он очень помог, когда только начинала кнопки нажимать. Ты реально понятно рассказываешь, и очень интересно.
очень рад!
Большое спасибо! Адаптивить с твоим уроком явно будет легко)
большое пожалуйста!
даже не рассчитывал на такой полезный контент, когда в гугле написал "Курс по фишкам в фигме" и нашёл эти уроки) Спасибо за огромную работу)
спасибо за подписку)