Alex Losev, спасибо! :) Хотел какой-нибудь коротыш записать, а в итоге сделал полноценный урок из своего будущего курса: 0:12 - про бутстраповские сетки 0:48 - определяемся с шириной файла 1:38 - добавляем сетку 1:48 - сетка с шагом 8 х 8 пх для разработчиков мобильных приложений 2:30 - перенастраиваем дефолтную сетку 5:58 - накладывает 2-ую сетку сверху 1-ой 7:09 - сетки и адаптив 8:17 - сетки в открытом доступе на figma.help/files/ 9:17 - сетка не обязательно должна быть только у самой страницы, можно добавлять в блоки
изучала сетку, посмотрела твои ролики с ней и наткнулась на старый курс, старые видео тоже классные, но то что ты делаешь щас, просто огнище, стало намного информативнее, интереснее и круче)
Класс!) Придет время и я научусь все понимать с первого просмотра) А пока глаза в кучу, не дышу, чтобы все услышать, думаю так же быстро, как ты говоришь, но к концу видео уже ничего не помню))) Буду смотреть с начала!) Спасибо! Как всегда высший пилотаж!
@@alexeybychkov_ Ооо! Это так мило, что ты заботишься о своих подписчиках, прислушиваешься к их просьбам, отвечаешь каждому) Это большая редкость и ценность!) Абсолютно искренне тебе скажу, что твои комментарии всегда поднимают мне настроение!))) Спасибо тебе большое!)))
@@УМНОЕКИНО это потому что вас, подписчиков, немного, а комментируют и вовсе единицы) Вот когда обещанная куча народу подойдет, придется отпуск брать, чтобы ответы отвечать :)
Все платное сразу же появляется на торрентах, складчынах, шервудских разбойниках и тд. Проверил на себе: пишешь книгу, тратить полгода времени, а потом... пишешь вторую и через день после релиза тоже самое. Какой-нибудь мудак тратит 500 рублей, чтобы ты в итоге меньше заработал. Да и для курсов нужен же тот, кто будет все это дело вести, проверять домашку и тд. А у меня только 2 руки и 1 голова :)
сейчас такое видео уже не особо-то и нужно. Это раньше во времена фотошопа нужно было хорошо готовить файл. А теперь в фигме они уже даже панелью слоев не пользуются - ведь до любого элемента можно добраться в 1 клик
О Господи, неужели кто-то наконец назвал вещи своими именами и послал подальше бустраповские сетки. Пересмотрела кучу роликов, выслушала целые дебаты про ширину столбцов, почему они должны быть не 68 пикселей, а 65😅Чем больше смотрела, тем больше возникало вопросов. А причина всех бед просто в ленивых верстальщиках 😂 Быстро, емко, легко. Спасибо! Пойду с чистой совестью рисовать по сеткам "как надо"
Все отлично, только один момент неудобный: вы рассказываете о сетках, как их применять и тд. А как их закачать в библиотеку, это уже в другом уроке. Наверное удобнее было бы сначала их скачать. Вот у меня проблема: нету сеток на две, три, четыре.... колонки, не знаю где их взять. Ну, это просто пожелание))) Спасибо за уроки)
Добрый день! Подскажите, почему мы начинаем работать именно от фрейма шириной в 1240? И почему бутстраповские сетки так плохи, если в конечном итоге на них и ориентируются верстальщики? Может ли такое быть, что сетка растянута на весь фрейм или должен быть какой-то минимальный отступ? Заранее спасибо за ответ, Ваш канал очень полезен!
привет бутстраповскую сетку можно перенастроить на любую другую за несколько минут ширина фрейма может быть любой количество колонок тоже нужно делать так как правильно с точки зрения дизайна, а не так, как не потратить верстальщику 2 минуты времени
Не за что :) Так а бриф лежит у меня на сайте alexeybychkov.com/brief/ Может, когда-нибудь запишу видео почему мой бриф такой, какой он есть и как я к такому пришел. Было много разных версий. Но этот не менял уже пару лет
Ну только маленькая поправка про ширины колонок разных версий bootstrap. по умолчанию для третий версии они 67,5, для четвертой версии 65, а не 70, как вы сказали в видео.
Подскажите пожалуйста, ширина скрола под разные типы устройств разные, так? Не могу найти информацию, чтобы почитать об этом. Спасибо за ответ заранее)
@ Alexey Bychkov еще раз спасибо за уроки!!! я новичек)) немного не поняла... если делаем под мобильное приложение, то сетку всегда нужно строить на 8пикс, или строят и на 10? Если все же строим сетки на 8 пикс, то размер ячеек и промежутков должен быть кратен 8ми?
в мобильных приложениях очень много всякого рода иконок и элементов вроде табов, кнопок и тд. Причем многое уже задано гайдами от андроида или иоса (т.е. своего не добавишь - есть требования, будь добр выполняй или мы твое приложение в магазин не добавим -- ну условно). Все они кратны 8 (особенно иконки): 24 х 24 - стандарт. 32 х 32, 16 х 16 и тд. Поэтому и сетку делают в 8 пх. В вебе же без разницы какого размера иконка, кнопка и тд. Вот видео в котором я наглядно показал, почему использовать в вебе 8 пх плохо ruclips.net/video/WDiQ8tR3KGk/видео.html
Спасибо за Ваш труд. Подскажите пожалуйста как новичку самоучке, после того как размер вытянули на 1920 сетка осталась с ушами ) это норма ? Как правильно расставлять весь дизайн по сетке ? благодарю.
Рад, что нравится) Про сетку - посмотри разбор первой работы в этом ролике ruclips.net/video/3EtklVjacv4/видео.html начиная с 4-ой минуты ответ на твой вопрос про сетку
7:12 - в "Layout Grid" кликаю на иконку с 4 точками и вижу пустой список, никаких сеток нет, пишет "No Grid Styles". Только если свои собственные стили создавать. Это на платном тарифе там сетки есть или что-то не так?
Надо бы обновить картинку на ФигмаХелп на странице "полезное" с рекламой ютуб-канала. Сейчас аватар более дружелюбный и картинка другая уже и более информативная. имхо.
Алексей, спасибо за видео! Всегда использовала значение stretch в настройках, мне кажется это очень удобно. Не могу понять, почему нужно использовать center, а не stretch?
Не за что. Ну а чего ж нет) Главное предупредить заказчика и уточнить какая у него ширина. Если сделаешь дизайн шире, чем монитор заказчика - могут возникнуть трудности после верстки. Макеты то он посмотрит и далеко не факт что в 100% масштабе, а когда ему сверстают будет тебе барабанить в личку за объяснением почему у него сайт не помещается в экране. Если в проекте будет адаптив, а такие проекты сейчас практически все, то сайт в любом случае подстроится под любую ширину экрана. (опять же при хорошем настроении верстальщика) Но я в брифе в своем все равно оставил пункт, где спрашиваю какой ширины делать контент и указал, что по умолчанию делаю 1280. А так-то можно любой делать)
Блин. Почему у меня нет строчки “layout grid” справа когда я создаю объект? Если выбрать изначально “desktop” то там это строка есть. А добавляя на экран элементарный «rectangle” справа только “layer” в котором из выбора только “pasa through”
@@alexeybychkov_ спасибо😅 тогда я вообще запуталась. Мне видимо нужно знать горячие клавиши. Потому что я думала что на видео вы вставляете обычный квадрат 😅😅
Алексей, такой вопрос. Если использовать инструмент Scale при создании адаптива и уменьшить, например, целиком шапку сайта, то все размеры элементов становятся в формате "143.61" и т.п. Это нормально? Так и оставлять размеры для верстки? Или нужно потом всё приводить к целым значениям?
Нельзя целиком скейлить блоки :) Можно уменьшать фотографии, фоны. А всякого рода иконки нужно оставлять в первоначальном размере, если речь про какие-то мелкие вроде телефонной трубки, конверта и тд. А если речь про большие иконки преимуществ, то можно обойтись двумя, максимум тремя размерами (компы, смартфоны или компы, планшеты, смартфоны). Про тексты вообще отдельный разговор: как правило уменьшаются заголовки (например, 36, 36, 32, 32, 28) а текст контента при этом меняется только на смартфонах: 17, 17, 17, 15, 15. В общем, если просто все скейлить, то какой смысл тогда заказчику в принципе обращаться к дизайнеру?) Верстальщик сможет и сам все пропорционально сжать :)
Спасибо за крутой урок) скажи пожалуйста, вот у меня знакомый, он верстке учится, так говорит ему не надо сетки, все меряет линейкой, он прав и верстальщикам действительно они не нужны или у него просто опыта мало?)
Я что-то убежден был, что сетка им помогает :) Наверное, зависит от человека. Например, многие пользуются текстовыми стилями в фигме. А я их терпеть не могу и никогда не использую)
Здравствуйте, скажите пожалуйста как включить сетку, если в меню View(Layout Grids) когда включаешь она не отображается, как её можно ещё включить, или нужно другую версию скачать программы?
нужно на глазик нажать в панели справа с сеткой. Она может быть добавлена во фрейм, но просто отключена и тогда в этом режиме не отображается. Либо бывает фигма просто подглючивает и нужно перезагрузить макет
А не будет ли резать глаза от того, что во внутреннем фрейме сетка не совпадает с основным? Контент не будет между собой конкурировать в выравнивании? И стоит ли вообще так делать?
потому что кроме 1280 экрана, есть и другие: 1366, 1440, 1680, 1920. И чтобы не городить под каждый отдельный макет, который будет отличаться только фоном и элементами на нем - делают ширину контента около 1200, а фон 1920
Хм, а если верстка не резиновая и надо делать адаптив под несколько мониторов пк, можем ли мы от адаптива к адаптиву варьировать не только ширину колонок, но и отступы? (и можем ли вообще варьировать ширину колонок)
На сегодня есть смысл подгонять под минимальный размер 320 пикселей? В статистике размера на 320 уже не видно в обращении gs.statcounter.com/screen-resolution-stats/mobile/worldwide
Да, есть. Почему-то многие забывают про коэффициент Density, который подтягивает на смартфоны макет 320 пикселей, даже если они 480 или 640 или еще какие-то 640 с коэффициентом х2 - макет 320 480 с коэффициентом х1,5 - макет 320 и тд 320 -- это не только про 320 :) Это как на компах с ретиной. Например, при 2560 отображается разрешение 1280, чтобы все было нормального размера, а не мельче в 2 раза.
@@alexeybychkov_Так в ссылке разрешения с учетом коэффициента указаны. 360 самый минимальный получается на текущий момент. Может всего пара процентов еще осталась всяких старых айфонов 5
Alex Losev, спасибо! :)
Хотел какой-нибудь коротыш записать, а в итоге сделал полноценный урок из своего будущего курса:
0:12 - про бутстраповские сетки
0:48 - определяемся с шириной файла
1:38 - добавляем сетку
1:48 - сетка с шагом 8 х 8 пх для разработчиков мобильных приложений
2:30 - перенастраиваем дефолтную сетку
5:58 - накладывает 2-ую сетку сверху 1-ой
7:09 - сетки и адаптив
8:17 - сетки в открытом доступе на figma.help/files/
9:17 - сетка не обязательно должна быть только у самой страницы, можно добавлять в блоки
Так все таки курс будет? Я все не теряю надежды на положительный ответ)))
Ну я точно подумаю над этим)
@@alexeybychkov_ Отличная новость!) Может и правда дождемся!)
@@УМНОЕКИНО Вот жирки разгоню, чтобы стримы можно было начать проводить. На них потренируюсь живому телевещанию из своей радиорубки :)
УМНОЕ КИНО это я себя так мотивирую не откладывать в очередной раз до весны ;)
Тупо боженька) все что я искал пересматривая другие уроки часами тут за 10 минут по полочкам) топ, сразу подписка)
Спасибо! :)
Alexey Bychkov понравилось, что про ширину сказал, что как и какую брать, ато это было непонятно)
@@SeregaParadox ну класс)
точно боженька!)
ты первый человек кто учёл ширину скрола рассказывая про сетку, почему то ораторы его игнорят
ну класс)
Огромная благодарочка двум людям : кто придумал Фигму и автору этого видео, это топ!
супер) рад, что понравилось!
Алексей, вы просто гуру! Спасибо!
пожалуйста!
Спасибо большое, что делитесь с наси бесценным опытом- это безумно круто!!😃😃😃😃
пожалуйста! 🥳
Единственное видео про сетку, когда все коротко и понятно, спасибо
супер) рад, что понравилось! ☀️
изучала сетку, посмотрела твои ролики с ней и наткнулась на старый курс, старые видео тоже классные, но то что ты делаешь щас, просто огнище, стало намного информативнее, интереснее и круче)
очень рад)
очень понятно объясняете! спасибо, лайк!
спасибо!
Какие же важные вещи вы объясняете! Просто, ёмко. Для новичка ваш канал один из лучших источников для обучения. Большое вам спасибо!
супер) рад, что нравится!
Классная подача материала!
Не занудно, а очень живо.
Надеюсь не забросишь канал.
Спасибо) Если аудитория будет поддерживать, то не заброшу ruclips.net/video/rcw2sK_xuYY/видео.html
Манера подачи очень живая. Вас приятно слушать. Не только новое узнаешь. Но ещё и настроение поднимается))
супер) рад, что нравится)
офигенская подача. будто лично мне, дурочке, объяснил. спасибо)
спасибо) этот ролик из 2019, есть его обновление из 2021
Класс!) Придет время и я научусь все понимать с первого просмотра) А пока глаза в кучу, не дышу, чтобы все услышать, думаю так же быстро, как ты говоришь, но к концу видео уже ничего не помню))) Буду смотреть с начала!) Спасибо! Как всегда высший пилотаж!
в последних видео я уже старался чуть помедленнее тараторить :)
@@alexeybychkov_ Ооо! Это так мило, что ты заботишься о своих подписчиках, прислушиваешься к их просьбам, отвечаешь каждому) Это большая редкость и ценность!) Абсолютно искренне тебе скажу, что твои комментарии всегда поднимают мне настроение!))) Спасибо тебе большое!)))
@@УМНОЕКИНО это потому что вас, подписчиков, немного, а комментируют и вовсе единицы) Вот когда обещанная куча народу подойдет, придется отпуск брать, чтобы ответы отвечать :)
Отличные уроки, доходчиво, быстро и интересно. Спасибо!
Ну класс :)
от вас узнала о горизонтальных сетках, это ж как удобно, чтобы расстояния не запоминать! нас такому не учили( спасибо!
а я наоборот не пользуюсь) Наоборот слишком неудобно и только мешают
@@alexeybychkov_ интересно, надо попробовать с ними, чтобы определиться
ОЧЕНЬ приятно было смотреть видео
спасибо)
Браво! Благодарю Вас за Ваши уроки!
супер)
только нужная информация, без водяного слоя..спасибо за видео!) подписана, будем дальше смотреть..)
Спасибо за просмотр!
и голос прям такой приятный для обучения. Благодарю!)
рад, что нравится)
Божечки, как же всё задорненько и, главное, подробненько раскрыта тема. Спасибо)
ну класс)
Спасибо, Учитель!
Пожалуйста!
Спасибо за урок! Всё чётко и понятно
пожалуйста)
Очень красиво и просто объясняете, хоть я и имел некоторое понимание в сетках, но это расширило мое видение. Спасибо вам!
Супер) Рад, что помог)
Видео №1 по сетке в сети, снимаю шляпу! За 10 мин изложил все доступно, что и искать больше нигде не приходится.
Ну класс) рад, что полезно!
Без лишних слов скажу одно - подписка однозначно!
спасибо за подписку)
Вот оно как оказывается) Спасибо что объяснил про бутстрапы эти)
Рад, что помог
Спасибо! Сетки уже в моей библиотеке)
супер) пожалуйста!
Лёха, спасибо за рекомендации и лайфхаки!) внятная и интересная подача большая редкость в нашем сегменте. Так держать!)
Рад, что нравится 🥳
Спасибо, узнала еще вариант как сделать сетку для дашборда) Теперь настраивать сетки легко)
супер!
наикрутейший урок про сетки!!
Супер
Спасибо большое за уроки, сплошная полезная информация, кааайф.
"Дай тоби Боже миллион подписчиков, добрый челочек"))))
Спасибо :) Тоже очень хочу миллион! ☀️ Но, видимо, не в этой жизни) За полтора года еще даже 10к не подписалось)
@@alexeybychkov_ Максимально не справедливо. Нужно запускать платный курс, тогда может подтянутся. Почему-то так иногда работает )
Все платное сразу же появляется на торрентах, складчынах, шервудских разбойниках и тд. Проверил на себе: пишешь книгу, тратить полгода времени, а потом... пишешь вторую и через день после релиза тоже самое. Какой-нибудь мудак тратит 500 рублей, чтобы ты в итоге меньше заработал. Да и для курсов нужен же тот, кто будет все это дело вести, проверять домашку и тд. А у меня только 2 руки и 1 голова :)
@@alexeybychkov_ мы можем тебе помочь запустить курс))) я готова проверять бесплатно домашки у таких же новичков как и я)))
наконец-то я поняла тему сеток, огромное спасибо!!!
Супер) рад, что полезно!
Спасибо, теперь стало понято насчет бутстрапа. И что сетки можно, а то и нужно делать не только для страницы!
ну класс) пожалуйста!
Здорово! Спасибо за урок!
спасибо за коммент! :)
Спасибо за сеточки👍
пожалуйста!
очень крутой стиль изложения, который слышал и видел! *лайк-подписка-колокольчик*
Супер) рад, что нравится!
спасибо, Лёша
пожалуйста)
Пожалуйста)
5:31 самое воодушевляющее, что я слышала за весь свой путь в дизайне :)
ну класс)
Сетку твою скачала на твоем сайте по фигме) Огромное спасибо)
пожалуйста)
Всё вопросы по сетке сняты, поторопился ! :D
Гуд)
спасибо, замечательное видео !!!🙏
пожалуйста)
Полезный урок, спасибо
Пожалуйста :)
Спасибо, лучший!
и тебе спасибо)
Желаю удачи в продвижении, благодаря твоему каналу я повысил свои скиллы процентов на 500
Супер) классные показатели 🚀 Спасибо)
Спасибо за это!
пожалуйста!
Спасибо, полезненько!
Спасибо за просмотр)
Спасибо большое!!!
пожалуйста!
Отлично излагаешь! Быстро, без воды. Я то эти вступления по 5 минут, реклама Рейдов, болтовня в потолок порядком поднадоели)
Ну класс)
Спасибо! Годное видео
Пожалуйста)
А я ломала голову три дня, как же мне в 12 колонок впихнуть фильтры и 4 товара....а тут все так просто... Спасибо огромное за видео!
пожалуйста огромное!
Годнота, ,без воды
супер)
спасибо! очень понятно!
ну и чудно :)
Super bistro, prosta super, super bloger
spasibo)
*Сделайте пожалуйста видеоролик о том, чему нужно следовать чтобы тебя не проклинал верстальщик.*
сейчас такое видео уже не особо-то и нужно. Это раньше во времена фотошопа нужно было хорошо готовить файл. А теперь в фигме они уже даже панелью слоев не пользуются - ведь до любого элемента можно добраться в 1 клик
Спасибо огромное, очень полезно !
рад, что нравится :)
О Господи, неужели кто-то наконец назвал вещи своими именами и послал подальше бустраповские сетки. Пересмотрела кучу роликов, выслушала целые дебаты про ширину столбцов, почему они должны быть не 68 пикселей, а 65😅Чем больше смотрела, тем больше возникало вопросов. А причина всех бед просто в ленивых верстальщиках 😂 Быстро, емко, легко. Спасибо! Пойду с чистой совестью рисовать по сеткам "как надо"
Да, все спихнём на верстальщиков 😀
Супер
☀️
При создании вертикального ритма не нужно ставить 500 линеек, можно поставить Auto и тогда горизонтальная сетка всегда будет на весь фрейм.
можно :)
Все отлично, только один момент неудобный: вы рассказываете о сетках, как их применять и тд. А как их закачать в библиотеку, это уже в другом уроке. Наверное удобнее было бы сначала их скачать. Вот у меня проблема: нету сеток на две, три, четыре.... колонки, не знаю где их взять. Ну, это просто пожелание))) Спасибо за уроки)
Про библиотеку отдельное видео есть ruclips.net/video/PPyU8Wi_pLA/видео.html
Добрый день! Подскажите, почему мы начинаем работать именно от фрейма шириной в 1240? И почему бутстраповские сетки так плохи, если в конечном итоге на них и ориентируются верстальщики? Может ли такое быть, что сетка растянута на весь фрейм или должен быть какой-то минимальный отступ? Заранее спасибо за ответ, Ваш канал очень полезен!
привет
бутстраповскую сетку можно перенастроить на любую другую за несколько минут
ширина фрейма может быть любой
количество колонок тоже
нужно делать так как правильно с точки зрения дизайна, а не так, как не потратить верстальщику 2 минуты времени
Понял от А до Я
Спасибо за просмотр)
Спасибо!
☀️
Алексей, спасибо за ролики! Всё очень круто, не мог бы ты поделиться своим брифом для заказчика или сделать видео на тему его составления?
Не за что :) Так а бриф лежит у меня на сайте alexeybychkov.com/brief/ Может, когда-нибудь запишу видео почему мой бриф такой, какой он есть и как я к такому пришел. Было много разных версий. Но этот не менял уже пару лет
@@alexeybychkov_ Спасибо!
Не за что)
@@alexeybychkov_ спасибо вам за урок👏👏👏 бриф почему то не открывается
Ну только маленькая поправка про ширины колонок разных версий bootstrap. по умолчанию для третий версии они 67,5, для четвертой версии 65, а не 70, как вы сказали в видео.
наверное) я не сторонник этой истории, поэтому мог запросто напутать. Бутстрап настолько плох, что оказывается у него даже сетка в полупикселях 😄
Спасибо Диzа;жнер))))
очень полезно!!!!!
Супер) Спасибо за просмотр)
Спасибо за урок. Алексей, подскажите, я не очень поняла, зачем ставить ширину 1920 px, если была выбрана изначально ширина экрана 1280 px?
1920 - стандартная ширина монитора. FullHD. 1280 - совсем старенький монитор. Нужно макеты делать под большинство, а не под себя
@@alexeybychkov_ Спасибо )
Подскажите пожалуйста, ширина скрола под разные типы устройств разные, так? Не могу найти информацию, чтобы почитать об этом. Спасибо за ответ заранее)
если его нужно учитывать - то 24 пх с запасом хватит
@@alexeybychkov_ благодарю Вас за ответ! Учусь по Вашим уроком) Очень рада, что нашла Вас! Спасибо за Ваш труд и успехов Вам!)
@ Alexey Bychkov еще раз спасибо за уроки!!! я новичек)) немного не поняла... если делаем под мобильное приложение, то сетку всегда нужно строить на 8пикс, или строят и на 10? Если все же строим сетки на 8 пикс, то размер ячеек и промежутков должен быть кратен 8ми?
в мобильных приложениях очень много всякого рода иконок и элементов вроде табов, кнопок и тд. Причем многое уже задано гайдами от андроида или иоса (т.е. своего не добавишь - есть требования, будь добр выполняй или мы твое приложение в магазин не добавим -- ну условно). Все они кратны 8 (особенно иконки): 24 х 24 - стандарт. 32 х 32, 16 х 16 и тд. Поэтому и сетку делают в 8 пх. В вебе же без разницы какого размера иконка, кнопка и тд. Вот видео в котором я наглядно показал, почему использовать в вебе 8 пх плохо ruclips.net/video/WDiQ8tR3KGk/видео.html
Спасибо за Ваш труд. Подскажите пожалуйста как новичку самоучке, после того как размер вытянули на 1920 сетка осталась с ушами ) это норма ? Как правильно расставлять весь дизайн по сетке ? благодарю.
Рад, что нравится) Про сетку - посмотри разбор первой работы в этом ролике ruclips.net/video/3EtklVjacv4/видео.html начиная с 4-ой минуты ответ на твой вопрос про сетку
Очень классная подача материала! Но все же, почему не делать шаг в 8px? ну и сетку в соответвствии этому ?
вот подробно рассказал почему 8 пх так себе затея ruclips.net/video/WDiQ8tR3KGk/видео.html
7:12 - в "Layout Grid" кликаю на иконку с 4 точками и вижу пустой список, никаких сеток нет, пишет "No Grid Styles". Только если свои собственные стили создавать.
Это на платном тарифе там сетки есть или что-то не так?
Сетки доступны на бесплатном тарифе тоже. Вот тут подробно как их установить ruclips.net/video/PPyU8Wi_pLA/видео.html
@@alexeybychkov_ спасибо за ответ! Досмотрел видео до конца, там, оказывается, говорили, что позже разберём вопрос добавления. Поторопился. )
Алексей, а как сделать, чтобы при 1920 растягивалось на весь экран. Если стартовать при 1280, то на 1920 остаются поля(
Сменить режим сетки на stretch (растягивание) prnt.sc/qxdqe9
Спасибо!
@@artemfe6884 не за что
Надо бы обновить картинку на ФигмаХелп на странице "полезное" с рекламой ютуб-канала. Сейчас аватар более дружелюбный и картинка другая уже и более информативная. имхо.
Спасибо, обновил 👍
@@alexeybychkov_ Магия:))
Алексей, спасибо за видео! Всегда использовала значение stretch в настройках, мне кажется это очень удобно. Не могу понять, почему нужно использовать center, а не stretch?
потому что ширина сайта может быть любой, а контент не должен растягиваться
@@alexeybychkov_ Спасибо!
Мы должны отталкиваться от минимальной ширины экрана 1280px или 1366px, можна сделать сетку от 1440px? Или лучше от минимальной?
Можно делать любой ширины, главное чтобы это не стало сюрпризом для заказчика :)
ты работаешь веб дизайнером, расскажи как ты начинал, проходил курсы или самоучка?
самоучка. Вот тут расписал подробно свою трудовую alexeybychkov.com/experience/
@@alexeybychkov_ спасибо )))
Super! Srazu podpiska!!!!!
спасибо за подписку! )
Ты крутой)
спасибо) 😇
а как эти пресеты себе перетащить? ну, чтобы они не только в одном файле Алексея применялись, но и везде во всех новых моих проектах?
Вот тут подробно как библиотеку подключить ruclips.net/video/PPyU8Wi_pLA/видео.html
Где найти информацию, почему картинка под сетку уходит?
даже не знаю что ответить, потому что не понял в чем проблема)
Спасибо за урок!
1440 ширину можно использовать?
Не за что. Ну а чего ж нет) Главное предупредить заказчика и уточнить какая у него ширина. Если сделаешь дизайн шире, чем монитор заказчика - могут возникнуть трудности после верстки. Макеты то он посмотрит и далеко не факт что в 100% масштабе, а когда ему сверстают будет тебе барабанить в личку за объяснением почему у него сайт не помещается в экране.
Если в проекте будет адаптив, а такие проекты сейчас практически все, то сайт в любом случае подстроится под любую ширину экрана. (опять же при хорошем настроении верстальщика) Но я в брифе в своем все равно оставил пункт, где спрашиваю какой ширины делать контент и указал, что по умолчанию делаю 1280. А так-то можно любой делать)
@@alexeybychkov_ спасибо за ответ!
не за что
@@alexeybychkov_ а как использовать сочитание клавиш CTRL + D? Почему-то у меня объект копируется в тоже самое место.
@@antonzhuravka Если объект не двигался, то и дубликат появится в том же месте. Если объект сдвигали, то и новый появится на таком же расстоянии
Блин. Почему у меня нет строчки “layout grid” справа когда я создаю объект? Если выбрать изначально “desktop” то там это строка есть. А добавляя на экран элементарный «rectangle” справа только “layer” в котором из выбора только “pasa through”
Настройка сетки - это опция фрейма. У фигур ее нет)
@@alexeybychkov_ спасибо😅 тогда я вообще запуталась. Мне видимо нужно знать горячие клавиши. Потому что я думала что на видео вы вставляете обычный квадрат 😅😅
@@Mbe.25 вставляю фрейм квадратной формы)
Окей. Спасибо!
как всегда, очень круто! Спасибо тебе!
А для екрана 1440 нет у тебя сеток?
Не за что :) Для 1440 не делал, но можешь запросто сделать из моей просто скопировав и поменяв ширину в настройках
Сорри, я не понял тебя. Можешь помочь: www.figma.com/file/tB2te1IWdpjNCgPx1kDq3t/grids-Copy?node-id=0%3A1
Мне по англиском было лучее написать.
@@antischulz не могу редактировать файл
@@alexeybychkov_ Сорри...ешё раз ссылька: www.figma.com/file/tB2te1IWdpjNCgPx1kDq3t/grids-Copy?node-id=1%3A6
www.figma.com/file/tB2te1IWdpjNCgPx1kDq3t/grids-Copy?node-id=1%3A6 - тепер походу ОК! 🙏🏻🙏🏻🙏🏻🙏🏻
почему у меня нет заготовленных сеток в фигме(
Библиотеку с сетками подключить нужно ruclips.net/video/PPyU8Wi_pLA/видео.html
Алексей, такой вопрос. Если использовать инструмент Scale при создании адаптива и уменьшить, например, целиком шапку сайта, то все размеры элементов становятся в формате "143.61" и т.п. Это нормально? Так и оставлять размеры для верстки? Или нужно потом всё приводить к целым значениям?
Нельзя целиком скейлить блоки :) Можно уменьшать фотографии, фоны. А всякого рода иконки нужно оставлять в первоначальном размере, если речь про какие-то мелкие вроде телефонной трубки, конверта и тд. А если речь про большие иконки преимуществ, то можно обойтись двумя, максимум тремя размерами (компы, смартфоны или компы, планшеты, смартфоны). Про тексты вообще отдельный разговор: как правило уменьшаются заголовки (например, 36, 36, 32, 32, 28) а текст контента при этом меняется только на смартфонах: 17, 17, 17, 15, 15. В общем, если просто все скейлить, то какой смысл тогда заказчику в принципе обращаться к дизайнеру?) Верстальщик сможет и сам все пропорционально сжать :)
@@alexeybychkov_ Спасибо большое за такой оперативный и подробный ответ! Вы мне очень помогли ☺️
@@АнастасияХопчева супер :)
Спасибо за крутой урок) скажи пожалуйста, вот у меня знакомый, он верстке учится, так говорит ему не надо сетки, все меряет линейкой, он прав и верстальщикам действительно они не нужны или у него просто опыта мало?)
Я что-то убежден был, что сетка им помогает :) Наверное, зависит от человека. Например, многие пользуются текстовыми стилями в фигме. А я их терпеть не могу и никогда не использую)
Вопрос: какой делать отступ от верхнего края сетки до контента? Есть рекомендации в пикселях?)
нет никаких формул, просто делать так, чтобы самому нравилось и гармонично выглядело
@@alexeybychkov_ прямо камень с души сняли)))
Здравствуйте, скажите пожалуйста как включить сетку, если в меню View(Layout Grids) когда включаешь она не отображается, как её можно ещё включить, или нужно другую версию скачать программы?
нужно на глазик нажать в панели справа с сеткой. Она может быть добавлена во фрейм, но просто отключена и тогда в этом режиме не отображается. Либо бывает фигма просто подглючивает и нужно перезагрузить макет
Да, только я это все пробовала, ничего не работает, хорошо спасибо
@@ЮляЛинсина попробуй этот же макет в браузерной версии открыть (или наоборот в десктопном клиенте)
А не будет ли резать глаза от того, что во внутреннем фрейме сетка не совпадает с основным? Контент не будет между собой конкурировать в выравнивании? И стоит ли вообще так делать?
все будет хорошо)
А как сделать чтобы сетка была под дизайном?)
сетка включается shift + G (если она в панели справа настроена)
Привет, а где видео как уже готовые сетки интегрировать , что то не нашел.
Привет. В уроке про библиотеку ruclips.net/video/xTIL19sDeHo/видео.html
@@alexeybychkov_ спасибо
Помогите понять почему для экрана шириной 1280 px мы делаем 1920 px?
потому что кроме 1280 экрана, есть и другие: 1366, 1440, 1680, 1920. И чтобы не городить под каждый отдельный макет, который будет отличаться только фоном и элементами на нем - делают ширину контента около 1200, а фон 1920
А уже достапа к сайту помощи нет?
В некоторых регионах работает только через впн. Знаю, что в Минске на белтелекоме так. Может ещё где-то
ты забронировал себе место в раю)))
🤟😇🤟 спасибо))
*Контент должен располагаться только на сетке?*
нет, конечно. Вот еще одно видео про сетку, в котором подробно ответил на этот вопрос ruclips.net/video/WDiQ8tR3KGk/видео.html
Напишите пжл как отключить основную сетку .
ctrl + shift + 4
Почему на моем ноутбуке Acer клавиши ctrl+shift+4 выдает скриншот ?
@@Sky-mp5ek какая-то программа перехватывает хоткеи. Может яндекс.диск или еще что
Хм, а если верстка не резиновая и надо делать адаптив под несколько мониторов пк, можем ли мы от адаптива к адаптиву варьировать не только ширину колонок, но и отступы? (и можем ли вообще варьировать ширину колонок)
можно, но обычно отступы не меняют
Нерезиновая верстка - зло) Спасибо за пояснение)
На сегодня есть смысл подгонять под минимальный размер 320 пикселей? В статистике размера на 320 уже не видно в обращении gs.statcounter.com/screen-resolution-stats/mobile/worldwide
Да, есть. Почему-то многие забывают про коэффициент Density, который подтягивает на смартфоны макет 320 пикселей, даже если они 480 или 640 или еще какие-то
640 с коэффициентом х2 - макет 320
480 с коэффициентом х1,5 - макет 320
и тд
320 -- это не только про 320 :)
Это как на компах с ретиной. Например, при 2560 отображается разрешение 1280, чтобы все было нормального размера, а не мельче в 2 раза.
@@alexeybychkov_Так в ссылке разрешения с учетом коэффициента указаны. 360 самый минимальный получается на текущий момент. Может всего пара процентов еще осталась всяких старых айфонов 5
там просто указаны разрешения, про коэффициент не нашел
а файл ещё рабочий? у меня не открывается по какой-то причине)
какой файл? не помню уже про что рассказывал)