🔥 Сетка в Figma. 8, 12, 16 и 24 колоночные. Почему колонки разной ширины? Фигма с нуля
HTML-код
- Опубликовано: 26 июл 2024
- #alexeybychkov #figma #figma_tutorial
Привет, ребзя. Вам такого на платных курсах не расскажут :) Показал наглядную разницу между 8, 12 и 24 колоночными сетками. Что делать если колонки отличаются на пиксель и почему так важно уметь в "ну и хрен бы с ним"?!
Официальный сайт - www.figma.com
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
RUclips - / @alexeybychkov_
ТикТок - / alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study
Мои цитаты - zapi.si/
Мои 404 - www.404.gallery/
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
0:00 - 12 колоночная сетка
3:00 - 8, 16 и 24 колонки
4:47 - главный принцип сетки
7:13 - сетка это не панацея
11:04 - отличается на 1пх! что делать?!
14:55 - дизайн под Тильду
16:01 - про сетки Bootstrap
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
#figma #фигма #alexeybychkov
Мир фейсов: @
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Ребзя! Помогите своей активностью новому курсу: лайки, комменты, ну все как вы умеете :) Спасибо! Обнял-приподнял
Смотреть видео на 2-3 месяца раньше - boosty.to/alexeybychkov
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Алексей, подскажи пожалуйста, где можно найти информацию по созданию колонок для всех вариантов адаптивов?) чтоб не настраивать каждый раз в ручную)
Смотрела весь твой курс по фигме, по нему и изучала. А теперь каждый урок обновленный смотрю и никогда не бывает ощущения «опять тоже самое». Обожаю манеру подачи, все четко и по делу, с юморком❤
Круто) ❤️
«Блин чуть-чуть» и «Делать, как надо!!» - огонь)) Леша - лучший!
🤟🥳🤟
Спасибо за инфу, которой не учат на платных курсах))
пожалуйста!
Колыбельная на ночь😴 Лучшего контента для новичка я не встречал, спасибо Вам!!!!
🥳🥳🥳
Леша, твой обязательно надо пройти всем дизайнерам в любым опытом. Это самый лучший способ собрать все обрывочные знания в хорошую понятную систему и наконец разобраться откуда берутся всякие там правила. Спасибо, что учишь нас включать голову!!!
звучит как план))
Ты даешь инфу, которая позволит при определенном количестве практики довести до автоматизма все механические действия и тратить больше времени на стиль и креатив, спасибо)
🤟🥳🤟
Присоединяюсь к комментариям про крутую подачу!
Тема сеток в других школах дизайна всегда освещается скучно, сложно, не понятно.
А ты всегда свои слова подкрепляешь примерами и аргументируешь свои учения.
И всё это приправляется юмором и лёгкой подачей!
Алексей, спасибо за твой труд! Без тебя веб-дизайн был бы не тот 🤝
спасибо) рад, что полезно 🥳
Нравится, что помимо «вот так правильно/надо/хорошо» есть объяснение почему именно так, а в другой ситуации - вот так, а если еще условие появится, то совсем по-другому 🔥
вот и замечательно)
так доступно и понятно не расказывают на платном курсе. Спасибо, что делитесь информацией.
Да!
"и хрен бы с ним" - оч полезный навык))
Да! 🤟
В каждом видео узнаю что-то новое. Я очень долго ломал мозг из-за одного пикселя, все время думал как же настраивать сетку если ширина фрейма нечётная 😭. Этого, действительно, не рассказывали в онлайн школах. Очень годный контент, большое спасибо !!!🤝
рад, что полезно
Самый полезный канал по дизайну, на который не только 15 минут можно потратить😅 Спасибо огромное за Ваш труд и информацию🫶🏻
спасибо!
Твое ну и хрен бы с ним помогает жить)) С адаптивами особенное спасибо! Разложил по полочкам!)
Супер 😀
Леша, спасибо, кратко и все по делу! Особенно про 375 в точку -"сердечко заколотилось")), теперь полегчало, а то голову сломать можно с этой "кратностью"))
)) пожалуйста!
концовка про гостей убила) взорвала неадекватный смех в комнате
😂
Лёша, спасибо большое за замечательные и полезные видео-уроки. В них всё очень понятно рассказано и показано. Спасибо большое за твой профессионализм, которым делишься с нами!❤
вот и пожалуйста!
Спасибо)) Как всегда полезно и с юмором. "Блин чуть-чуть" это шедевр))
рад, что нравится!
Божечки как же хорошо что я только месяц как изучаю эту профессию и сразу попала на тебя))👍👍👍
❤️
мильен суперского контента, который только ты так классно преподносишь
рад, что нравится!
Класс!!! Очень полезно, информативно и с юмором!! И смех такой заразительный, даже если не хочешь будешь ржать))) Концовка - огонь!)))
рад, что нравится!
Спасибо Лёша !!! Очень информативно !!! Про Бутстрап и Тильда 🙌. А слова "Блин чуть-чуть " увековечены в моей голове 😂
огонь)
Леша, спасибо за такое количество полезной информации про сетки 😍 Желаю, чтобы сайты создавались не вместо обеда, а после него 😉 Привет от 15 группы 👋😄
👋 привет
Алексей, благодарю! Как же приятно, интересно и, главное, полезно вас смотреть и слушать! Всё по делу, без воды, спасибо!
пожалуйста!
Ну кто ещё так подробно расскажет про сетку 🔥👍
ну)
Большое спасибо! Леша, твой канал - это клад полезной информации, которая еще преподносится доступно и весело. Жду каждое видео . На все видосы однозначно большой лайк !!🔥🔥
рад, что нравится!
в какой-то момент зависла и оценила твою дикцию 👍)) ролик супер, очень жду третий))
рад, что нравится!
Здравствуйте, Алексей! Слежу за вашим контентом не так долго, но уже хочется выразить огромную благодарность за вашу работу! Ролики динамичные, интересные, а главное очень познавательные👍
Привет. Рад, что нравится! 🥳
Спасибо за очередной гениальный ролик! Знания в голове упорядочиваются и полочка с информацией по фигме всё меньше похожа на квартиру Хованского
Супер) пожалуйста!
Потрясающе подробный курс! Спасибо)
супер!
Спасибо огромное за обновлённый курс!
пожалуйста!
Супер, Спасибо за ролик! Как всегда очень полезный контент, которого больше нигде нет!
Да!
Спасибо! Лучший контент по Фигме и дизайну!
спасибо!
Так вот оно как, спасибо большое! Понятно как настроить и раскидать контент🔥
пожалуйста!
Блииин, не могу. Ну какая классная манера преподнесения информации ❤ информативно, полезно, да ещё и весело как 😊
Спасибо ❤
Ну класс)
Спасибо огромное за обновлённый курс, всё очень понятно, и супер интересно. Вставки в конце видео, вообще супер, всегда улыбка на лице, и сразу много позитива. Одно я понял, жизнь у дизайнера супер, то верстальщик насрёт под дверь, а теперь и ВВ может🤣🤣
И лучшая фраза 2024 года: "Ну и хрен бы с ним"
😀 Спасибо за просмотр)
Большое спасибо! Этого реально никто не рассказывает, кроме тебя! 🔥
Да!
Спасибо за видео, нигде про сетки так подробно не смотрел)
Спасибо за просмотр)
Спасибо за блин, чуть-чуть🤪 Это прикольно)
Но я так понимаю, с этим нужно очень аккурано, чтобы весь макет не превратился бардак. Важно не переборщить с чучутями😄
Спасибо за просмотр)
Спасибо, Леша. Сейчас прям в голос выдохнула, узнав, что, оказывается, можно элементы ставить не строго по сетке для создания более интересного и читабельного/воздушного дизайна. Как в детстве, смотришь на лужу, хочешь измерить её, а рядом родители, и вдруг говорят тебе "прыгай, разрешаем" 🥳 главное не увлечься)
ну класс) но сильно не увлекайся) сетка в приоритете
Очень полезный контент!!!! Спасибо, Лёша!!
рад, что полезно 🎉
Спасибо, что делишься таким контентом!🚀✨
пожалуйста!
Думал как лучше распологать элементы. Теперь больше вариантов в голову пришло
супер
Спасибочки! Очень информативное видео, всего 20 минут, а СТОЛЬКО нового узнала, такой информации даже на платных курсах нет
Да!
Про бутстрап и тильду не знала, спасибо за полезную информацию!
Спасибо за просмотр)
Всегда, после просмотра твоих роликов ощущение будто в голове все по полочкам разложили.😄 С нетерпением жду третью часть)
рад, что нравится!
С каждым роликом больше понимаю про сетки очень полезно!
Супер)
Контент летит рекой, крутяк!
Спасибо 🔥🔥
)) сам в шоке
пока позволяют домашки на курсе - записываю. Скоро пойдут такие, что проверять долго и времени будет меньше
Не удержалась и купила подписку на Бусти, оно того однозначно стоит! Вы крутой!😊
Круто) спасибо!
Леша, как всегда очередной крутой ролик! Спасибо что так просто и понятно объясняешь! Чувствую как прокачиваюсь!
круто) пожалуйста!
Спасибо !!!
Лекция просто супер !!!
Ну класс
Спасибо за подробный разбор что к чему и куда, как всегда все по делу и без воды🫶🫶
пожалуйста!
Всегда путалась с блин чуть-чуть и колонками, а сейчас просто открылся другой мир🤟🔥🔥
рад, что полезно
Спасибо большое, как всегда полезный контент!)
Ну класс)
Леша, спасибо большое за уроки! Обожаю твою подачу и юмор
Wooohooo
Лёша, спасибо 🎉 Как всегда понятным языком о сложном 😊
пожалуйста!
Большое спасибо за то, что делишься важной и актуальной информацией🔥🔥🔥 Твой канал кладезь знаний)))
пожалуйста!
Сколько всего важного оказывается можно узнать про сетки! Спасибо за супер курс!))
пожалуйста!
Ролик как всегда супер полезный, получил ответы на многие вопросы! Спасибо, Леха
ну класс, пожалуйста!
Леша, спасибо за информацию! Теперь никаких ограничений 😌
пожалуйста!
Спасибо! как всегда все очень полезно!)
пожалуйста!
стала шарить в сетках )) в фигме) спасибище!
Огонь)
Леша, спасибо! Очень полезно, прямо маст-ноу для новичка. Очень-очень полезно
пожалуйста!
спасибо вам, стану спонсором когда применю ваши навыки
отличный план!
Еще больше полезностей про сетки, спасибо! 🫶
пожалуйста!
Большое спасибо за самый полезный контент на ютубе!!!!! Ты лучший))))
спасибо! ♥️
Очень классное объяснение нюансов! Всё по полочкам! Спасибо большое 💚!
пожалуйста!
Леша, спасибо 🫂
Информация очень полезная! 🙌🏼
Очень рад!
После такой инфы и жить легче становится. Как все грамотно, легко и понятно!
Ну класс
Спасибо, что разложил по полкам важную тему!
пожалуйста!
Спасибо! Четко, по существу, как всегда 🎉
пожалуйста!
Спасибо за контент! На платных курсах такого действительно не рассказывают. Очень полезно и понятно. И так вовремя😅 Фил Хуг!
Фил Хуг!
Как всегда смотришь на одном дыхании твои ролики. Спасибо!
пожалуйста!
Как всегда тысяча благодарностей🙌 очень сильно надеюсь, что не стану раздолбаем🙏
Отличный план))
Спасибо за ролики!!! Очень много примеров и крутых советов
пожалуйста!
Лёша, спасибо! Двери в мир дизайна открываются всё шире! Кайф ❤🔥
Спасибо за просмотр)
Лешка, внатуре имба. РЕСПЕКТ
🥳
Ух, сколько полезной информации! Я о многом даже не задумывалась. Спасибо большое!
Спасибо за просмотр)
Спасибо, спасибо!! Лучший контент❤
Ну класс
То чувство когда с видео Алексея больше конспектов сделала, чем за 4 года колледжа 😅
🤟🥳🤟
круто, очень полезные знания, Лёша как всегда топ!)
Ну класс
Спасибо за информацию, много моментов прояснилось)
пожалуйста!
Наконец-то сложилось понимание куда может деться этот несчастный 1 пиксель и что с ним делать😅 Спасибо🤗
пожалуйста!
С момента как я начала выполнять домашки по твоему курсу, поняла, что вопросики про сетку мучали с самого первого урока. Как правильно, а где можно лишний раз прокачать "и хрен бы с ним", теперь вопросики отпали! Видосик как всегда мегаполезный и с юморком)) спасибо, Леша
пожалуйста!
Леша, спасибо за такой широченный контент! Даже углубились в тильду и бутстрап🔥а для меня это вообще был дремучий лес
пожалуйста!
Леша, твои ролики смотрятся на оном дыхании!
Очень рад!
Лёша, спасибо за такой полезный ролик, обратила внимание на контент с юмором про обед. Понятно про Тильду и Бутстрап, что не нужно под них подстраиваться, они сами уже умеют 🥰подстраиваться.
пожалуйста! 🎉
Классно и подробно! Большое спасибо за информацию!
пожалуйста!
Контент огонь! Реально такое больше никто не расскажет! Спасибо!
да!
Спасибо за такой классный контент, ну прям очень много всего полезного рассказываешь🔥 Супер информативный курс👍🏻
пожалуйста!
Спасибо за подробное видео про сетки. Супер
пожалуйста!
Это лучший контент про сетки в Ютубе
🥹🥳
Спасибо за крутейший, полезный да еще и бесплатный контент❤
пожалуйста!
Алексей, спасибо за продолжение темы сеток. Все понятно объяснил и все же хочется чуть больше информации-советов как поступать в случае разных размеров колонок сеток? Наверное, если смотреть на мобильную - двухколончатую сетку, то лучше первую колонку делать уже, чем вторую - чтобы компонент карточки (который мы будем делать по первой колонке) дал нам инстанты которые поместятся во второй колонке. И охранные/безопасные зоны по краям экрана сохранятся в требуемых размерах. Если получится, пожалуйста, подскажи как ты выходишь из такой ситуации.
да без разницы. От перемены мест слагаемых оба носка все равно черные. Сетка настраивается автоматически самой фигмой. Какие колонки сделает - такие и норм. Если левая шире на пиксель - ну и ладно, если правая - ну тоже ладно))
Как всегда, четко и не скучно)
супер
Лучший бесплатный курс по Фигме!
Супер)
люблю досмотреть до самого конца с джекки чан моментами)
супер)
Спасибо большое за ролик! Спасибо за вашу работу!)👍
Спасибо за просмотр)
Спасибо за ролик, много чего полезного отметил для себя!
пожалуйста!
про ограничения тильды и bootstrap в прошлом было интересно узнать, хорошо что прогресс не стоит на месте. спасибо за очень крутой ролик!
Да!