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 - сетка не обязательно должна быть только у самой страницы, можно добавлять в блоки

@user-hu4wg4ki2k

4 жыл бұрын

Так все таки курс будет? Я все не теряю надежды на положительный ответ)))

@alexeybychkov_

4 жыл бұрын

Ну я точно подумаю над этим)

@user-hu4wg4ki2k

4 жыл бұрын

@@alexeybychkov_ Отличная новость!) Может и правда дождемся!)

@alexeybychkov_

4 жыл бұрын

@@user-hu4wg4ki2k Вот жирки разгоню, чтобы стримы можно было начать проводить. На них потренируюсь живому телевещанию из своей радиорубки :)

@alexeybychkov_

4 жыл бұрын

УМНОЕ КИНО это я себя так мотивирую не откладывать в очередной раз до весны ;)

ты первый человек кто учёл ширину скрола рассказывая про сетку, почему то ораторы его игнорят

@alexeybychkov_

3 жыл бұрын

ну класс)

Тупо боженька) все что я искал пересматривая другие уроки часами тут за 10 минут по полочкам) топ, сразу подписка)

@alexeybychkov_

4 жыл бұрын

Спасибо! :)

@SeregaParadox

4 жыл бұрын

Alexey Bychkov понравилось, что про ширину сказал, что как и какую брать, ато это было непонятно)

@alexeybychkov_

4 жыл бұрын

@@SeregaParadox ну класс)

@maryyarsich9781

3 жыл бұрын

точно боженька!)

Огромная благодарочка двум людям : кто придумал Фигму и автору этого видео, это топ!

@alexeybychkov_

3 жыл бұрын

супер) рад, что понравилось!

Отличные уроки, доходчиво, быстро и интересно. Спасибо!

@alexeybychkov_

4 жыл бұрын

Ну класс :)

Лёха, спасибо за рекомендации и лайфхаки!) внятная и интересная подача большая редкость в нашем сегменте. Так держать!)

@alexeybychkov_

4 жыл бұрын

Рад, что нравится 🥳

Класс!) Придет время и я научусь все понимать с первого просмотра) А пока глаза в кучу, не дышу, чтобы все услышать, думаю так же быстро, как ты говоришь, но к концу видео уже ничего не помню))) Буду смотреть с начала!) Спасибо! Как всегда высший пилотаж!

@alexeybychkov_

4 жыл бұрын

в последних видео я уже старался чуть помедленнее тараторить :)

@user-hu4wg4ki2k

4 жыл бұрын

@@alexeybychkov_ Ооо! Это так мило, что ты заботишься о своих подписчиках, прислушиваешься к их просьбам, отвечаешь каждому) Это большая редкость и ценность!) Абсолютно искренне тебе скажу, что твои комментарии всегда поднимают мне настроение!))) Спасибо тебе большое!)))

@alexeybychkov_

4 жыл бұрын

​@@user-hu4wg4ki2k это потому что вас, подписчиков, немного, а комментируют и вовсе единицы) Вот когда обещанная куча народу подойдет, придется отпуск брать, чтобы ответы отвечать :)

Классная подача материала! Не занудно, а очень живо. Надеюсь не забросишь канал.

@alexeybychkov_

4 жыл бұрын

Спасибо) Если аудитория будет поддерживать, то не заброшу kzread.info/dash/bejne/pJerlNWEj9vbibw.html

Божечки, как же всё задорненько и, главное, подробненько раскрыта тема. Спасибо)

@alexeybychkov_

3 жыл бұрын

ну класс)

Какие же важные вещи вы объясняете! Просто, ёмко. Для новичка ваш канал один из лучших источников для обучения. Большое вам спасибо!

@alexeybychkov_

3 жыл бұрын

супер) рад, что нравится!

Манера подачи очень живая. Вас приятно слушать. Не только новое узнаешь. Но ещё и настроение поднимается))

@alexeybychkov_

4 жыл бұрын

супер) рад, что нравится)

Очень красиво и просто объясняете, хоть я и имел некоторое понимание в сетках, но это расширило мое видение. Спасибо вам!

@alexeybychkov_

4 жыл бұрын

Супер) Рад, что помог)

Спасибо большое, что делитесь с наси бесценным опытом- это безумно круто!!😃😃😃😃

@alexeybychkov_

Жыл бұрын

пожалуйста! 🥳

Вот оно как оказывается) Спасибо что объяснил про бутстрапы эти)

@alexeybychkov_

4 жыл бұрын

Рад, что помог

и голос прям такой приятный для обучения. Благодарю!)

@alexeybychkov_

4 жыл бұрын

рад, что нравится)

Браво! Благодарю Вас за Ваши уроки!

@alexeybychkov_

3 жыл бұрын

супер)

изучала сетку, посмотрела твои ролики с ней и наткнулась на старый курс, старые видео тоже классные, но то что ты делаешь щас, просто огнище, стало намного информативнее, интереснее и круче)

@alexeybychkov_

Жыл бұрын

очень рад)

Алексей, вы просто гуру! Спасибо!

@alexeybychkov_

Жыл бұрын

пожалуйста!

Единственное видео про сетку, когда все коротко и понятно, спасибо

@alexeybychkov_

2 жыл бұрын

супер) рад, что понравилось! ☀️

очень крутой стиль изложения, который слышал и видел! *лайк-подписка-колокольчик*

@alexeybychkov_

4 жыл бұрын

Супер) рад, что нравится!

Видео №1 по сетке в сети, снимаю шляпу! За 10 мин изложил все доступно, что и искать больше нигде не приходится.

@alexeybychkov_

3 жыл бұрын

Ну класс) рад, что полезно!

Спасибо за урок! Всё чётко и понятно

@alexeybychkov_

2 жыл бұрын

пожалуйста)

Спасибо большое за уроки, сплошная полезная информация, кааайф. "Дай тоби Боже миллион подписчиков, добрый челочек"))))

@alexeybychkov_

4 жыл бұрын

Спасибо :) Тоже очень хочу миллион! ☀️ Но, видимо, не в этой жизни) За полтора года еще даже 10к не подписалось)

@taniazaz2004

4 жыл бұрын

@@alexeybychkov_ Максимально не справедливо. Нужно запускать платный курс, тогда может подтянутся. Почему-то так иногда работает )

@alexeybychkov_

4 жыл бұрын

Все платное сразу же появляется на торрентах, складчынах, шервудских разбойниках и тд. Проверил на себе: пишешь книгу, тратить полгода времени, а потом... пишешь вторую и через день после релиза тоже самое. Какой-нибудь мудак тратит 500 рублей, чтобы ты в итоге меньше заработал. Да и для курсов нужен же тот, кто будет все это дело вести, проверять домашку и тд. А у меня только 2 руки и 1 голова :)

@Gulnara_Oshima

4 жыл бұрын

@@alexeybychkov_ мы можем тебе помочь запустить курс))) я готова проверять бесплатно домашки у таких же новичков как и я)))

наконец-то я поняла тему сеток, огромное спасибо!!!

@alexeybychkov_

3 жыл бұрын

Супер) рад, что полезно!

ОЧЕНЬ приятно было смотреть видео

@alexeybychkov_

3 жыл бұрын

спасибо)

Без лишних слов скажу одно - подписка однозначно!

@alexeybychkov_

4 жыл бұрын

спасибо за подписку)

от вас узнала о горизонтальных сетках, это ж как удобно, чтобы расстояния не запоминать! нас такому не учили( спасибо!

@alexeybychkov_

3 жыл бұрын

а я наоборот не пользуюсь) Наоборот слишком неудобно и только мешают

@maryyarsich9781

3 жыл бұрын

@@alexeybychkov_ интересно, надо попробовать с ними, чтобы определиться

Желаю удачи в продвижении, благодаря твоему каналу я повысил свои скиллы процентов на 500

@alexeybychkov_

3 жыл бұрын

Супер) классные показатели 🚀 Спасибо)

Спасибо, узнала еще вариант как сделать сетку для дашборда) Теперь настраивать сетки легко)

@alexeybychkov_

2 жыл бұрын

супер!

только нужная информация, без водяного слоя..спасибо за видео!) подписана, будем дальше смотреть..)

@alexeybychkov_

3 жыл бұрын

Спасибо за просмотр!

Здорово! Спасибо за урок!

@alexeybychkov_

4 жыл бұрын

спасибо за коммент! :)

очень понятно объясняете! спасибо, лайк!

@alexeybychkov_

2 жыл бұрын

спасибо!

Спасибо, теперь стало понято насчет бутстрапа. И что сетки можно, а то и нужно делать не только для страницы!

@alexeybychkov_

3 жыл бұрын

ну класс) пожалуйста!

5:31 самое воодушевляющее, что я слышала за весь свой путь в дизайне :)

@alexeybychkov_

4 жыл бұрын

ну класс)

наикрутейший урок про сетки!!

@alexeybychkov_

4 жыл бұрын

Супер

Сетку твою скачала на твоем сайте по фигме) Огромное спасибо)

@alexeybychkov_

3 жыл бұрын

пожалуйста)

Спасибо, Учитель!

@alexeybychkov_

3 жыл бұрын

Пожалуйста!

офигенская подача. будто лично мне, дурочке, объяснил. спасибо)

@alexeybychkov_

2 жыл бұрын

спасибо) этот ролик из 2019, есть его обновление из 2021

спасибо, замечательное видео !!!🙏

@alexeybychkov_

3 жыл бұрын

пожалуйста)

Спасибо огромное, очень полезно !

@alexeybychkov_

4 жыл бұрын

рад, что нравится :)

Полезный урок, спасибо

@alexeybychkov_

5 жыл бұрын

Пожалуйста :)

Спасибо! Сетки уже в моей библиотеке)

@alexeybychkov_

2 жыл бұрын

супер) пожалуйста!

Спасибо за сеточки👍

@alexeybychkov_

Жыл бұрын

пожалуйста!

Спасибо за это!

@alexeybychkov_

Жыл бұрын

пожалуйста!

Спасибо, полезненько!

@alexeybychkov_

4 жыл бұрын

Спасибо за просмотр)

Отлично излагаешь! Быстро, без воды. Я то эти вступления по 5 минут, реклама Рейдов, болтовня в потолок порядком поднадоели)

@alexeybychkov_

4 жыл бұрын

Ну класс)

Спасибо! Годное видео

@alexeybychkov_

3 жыл бұрын

Пожалуйста)

Спасибо большое!!!

@alexeybychkov_

2 жыл бұрын

пожалуйста!

Спасибо, лучший!

@alexeybychkov_

3 жыл бұрын

и тебе спасибо)

спасибо! очень понятно!

@alexeybychkov_

4 жыл бұрын

ну и чудно :)

спасиииббааа)

@alexeybychkov_

3 жыл бұрын

пожалуйста!

Всё вопросы по сетке сняты, поторопился ! :D

@alexeybychkov_

Жыл бұрын

Гуд)

Годнота, ,без воды

@alexeybychkov_

4 жыл бұрын

супер)

Super bistro, prosta super, super bloger

@alexeybychkov_

3 жыл бұрын

spasibo)

спасибо, Лёша

@alexeybychkov_

3 жыл бұрын

пожалуйста)

@alexeybychkov_

3 жыл бұрын

Пожалуйста)

Спасибо!

@alexeybychkov_

4 жыл бұрын

☀️

Супер

@alexeybychkov_

2 жыл бұрын

☀️

*Сделайте пожалуйста видеоролик о том, чему нужно следовать чтобы тебя не проклинал верстальщик.*

@alexeybychkov_

4 жыл бұрын

сейчас такое видео уже не особо-то и нужно. Это раньше во времена фотошопа нужно было хорошо готовить файл. А теперь в фигме они уже даже панелью слоев не пользуются - ведь до любого элемента можно добраться в 1 клик

При создании вертикального ритма не нужно ставить 500 линеек, можно поставить Auto и тогда горизонтальная сетка всегда будет на весь фрейм.

@alexeybychkov_

4 жыл бұрын

можно :)

Алексей, спасибо за ролики! Всё очень круто, не мог бы ты поделиться своим брифом для заказчика или сделать видео на тему его составления?

@alexeybychkov_

4 жыл бұрын

Не за что :) Так а бриф лежит у меня на сайте alexeybychkov.com/brief/ Может, когда-нибудь запишу видео почему мой бриф такой, какой он есть и как я к такому пришел. Было много разных версий. Но этот не менял уже пару лет

@nickrybak7834

4 жыл бұрын

@@alexeybychkov_ Спасибо!

@alexeybychkov_

4 жыл бұрын

Не за что)

@850Ksu

4 жыл бұрын

@@alexeybychkov_ спасибо вам за урок👏👏👏 бриф почему то не открывается

@ Alexey Bychkov еще раз спасибо за уроки!!! я новичек)) немного не поняла... если делаем под мобильное приложение, то сетку всегда нужно строить на 8пикс, или строят и на 10? Если все же строим сетки на 8 пикс, то размер ячеек и промежутков должен быть кратен 8ми?

@alexeybychkov_

4 жыл бұрын

в мобильных приложениях очень много всякого рода иконок и элементов вроде табов, кнопок и тд. Причем многое уже задано гайдами от андроида или иоса (т.е. своего не добавишь - есть требования, будь добр выполняй или мы твое приложение в магазин не добавим -- ну условно). Все они кратны 8 (особенно иконки): 24 х 24 - стандарт. 32 х 32, 16 х 16 и тд. Поэтому и сетку делают в 8 пх. В вебе же без разницы какого размера иконка, кнопка и тд. Вот видео в котором я наглядно показал, почему использовать в вебе 8 пх плохо kzread.info/dash/bejne/iXids5qtgpaxd84.html

Понял от А до Я

@alexeybychkov_

3 жыл бұрын

Спасибо за просмотр)

Ты крутой)

@alexeybychkov_

4 жыл бұрын

спасибо) 😇

А я ломала голову три дня, как же мне в 12 колонок впихнуть фильтры и 4 товара....а тут все так просто... Спасибо огромное за видео!

@alexeybychkov_

3 жыл бұрын

пожалуйста огромное!

Спасибо Диzа;жнер)))) очень полезно!!!!!

@alexeybychkov_

3 жыл бұрын

Супер) Спасибо за просмотр)

О Господи, неужели кто-то наконец назвал вещи своими именами и послал подальше бустраповские сетки. Пересмотрела кучу роликов, выслушала целые дебаты про ширину столбцов, почему они должны быть не 68 пикселей, а 65😅Чем больше смотрела, тем больше возникало вопросов. А причина всех бед просто в ленивых верстальщиках 😂 Быстро, емко, легко. Спасибо! Пойду с чистой совестью рисовать по сеткам "как надо"

@alexeybychkov_

3 жыл бұрын

Да, все спихнём на верстальщиков 😀

Super! Srazu podpiska!!!!!

@alexeybychkov_

3 жыл бұрын

спасибо за подписку! )

Спасибо за Ваш труд. Подскажите пожалуйста как новичку самоучке, после того как размер вытянули на 1920 сетка осталась с ушами ) это норма ? Как правильно расставлять весь дизайн по сетке ? благодарю.

@alexeybychkov_

4 жыл бұрын

Рад, что нравится) Про сетку - посмотри разбор первой работы в этом ролике kzread.info/dash/bejne/ZXmozc6PmsTJppc.html начиная с 4-ой минуты ответ на твой вопрос про сетку

Очень классная подача материала! Но все же, почему не делать шаг в 8px? ну и сетку в соответвствии этому ?

@alexeybychkov_

4 жыл бұрын

вот подробно рассказал почему 8 пх так себе затея kzread.info/dash/bejne/iXids5qtgpaxd84.html

Все отлично, только один момент неудобный: вы рассказываете о сетках, как их применять и тд. А как их закачать в библиотеку, это уже в другом уроке. Наверное удобнее было бы сначала их скачать. Вот у меня проблема: нету сеток на две, три, четыре.... колонки, не знаю где их взять. Ну, это просто пожелание))) Спасибо за уроки)

@alexeybychkov_

3 жыл бұрын

Про библиотеку отдельное видео есть kzread.info/dash/bejne/goStt5qQmcLWfKQ.html

Мы должны отталкиваться от минимальной ширины экрана 1280px или 1366px, можна сделать сетку от 1440px? Или лучше от минимальной?

@alexeybychkov_

4 жыл бұрын

Можно делать любой ширины, главное чтобы это не стало сюрпризом для заказчика :)

Ну только маленькая поправка про ширины колонок разных версий bootstrap. по умолчанию для третий версии они 67,5, для четвертой версии 65, а не 70, как вы сказали в видео.

@alexeybychkov_

4 жыл бұрын

наверное) я не сторонник этой истории, поэтому мог запросто напутать. Бутстрап настолько плох, что оказывается у него даже сетка в полупикселях 😄

Алексей, такой вопрос. Если использовать инструмент Scale при создании адаптива и уменьшить, например, целиком шапку сайта, то все размеры элементов становятся в формате "143.61" и т.п. Это нормально? Так и оставлять размеры для верстки? Или нужно потом всё приводить к целым значениям?

@alexeybychkov_

4 жыл бұрын

Нельзя целиком скейлить блоки :) Можно уменьшать фотографии, фоны. А всякого рода иконки нужно оставлять в первоначальном размере, если речь про какие-то мелкие вроде телефонной трубки, конверта и тд. А если речь про большие иконки преимуществ, то можно обойтись двумя, максимум тремя размерами (компы, смартфоны или компы, планшеты, смартфоны). Про тексты вообще отдельный разговор: как правило уменьшаются заголовки (например, 36, 36, 32, 32, 28) а текст контента при этом меняется только на смартфонах: 17, 17, 17, 15, 15. В общем, если просто все скейлить, то какой смысл тогда заказчику в принципе обращаться к дизайнеру?) Верстальщик сможет и сам все пропорционально сжать :)

@user-gi2lu9dc6t

4 жыл бұрын

@@alexeybychkov_ Спасибо большое за такой оперативный и подробный ответ! Вы мне очень помогли ☺️

@alexeybychkov_

4 жыл бұрын

​@@user-gi2lu9dc6t супер :)

Спасибо за урок. Алексей, подскажите, я не очень поняла, зачем ставить ширину 1920 px, если была выбрана изначально ширина экрана 1280 px?

@alexeybychkov_

3 жыл бұрын

1920 - стандартная ширина монитора. FullHD. 1280 - совсем старенький монитор. Нужно макеты делать под большинство, а не под себя

@daryarusanenko1490

3 жыл бұрын

@@alexeybychkov_ Спасибо )

Окей. Спасибо! как всегда, очень круто! Спасибо тебе! А для екрана 1440 нет у тебя сеток?

@alexeybychkov_

4 жыл бұрын

Не за что :) Для 1440 не делал, но можешь запросто сделать из моей просто скопировав и поменяв ширину в настройках

@antischulz

4 жыл бұрын

Сорри, я не понял тебя. Можешь помочь: www.figma.com/file/tB2te1IWdpjNCgPx1kDq3t/grids-Copy?node-id=0%3A1 Мне по англиском было лучее написать.

@alexeybychkov_

4 жыл бұрын

@@antischulz не могу редактировать файл

@antischulz

4 жыл бұрын

@@alexeybychkov_ Сорри...ешё раз ссылька: www.figma.com/file/tB2te1IWdpjNCgPx1kDq3t/grids-Copy?node-id=1%3A6

@antischulz

4 жыл бұрын

www.figma.com/file/tB2te1IWdpjNCgPx1kDq3t/grids-Copy?node-id=1%3A6 - тепер походу ОК! 🙏🏻🙏🏻🙏🏻🙏🏻

Добрый день! Подскажите, почему мы начинаем работать именно от фрейма шириной в 1240? И почему бутстраповские сетки так плохи, если в конечном итоге на них и ориентируются верстальщики? Может ли такое быть, что сетка растянута на весь фрейм или должен быть какой-то минимальный отступ? Заранее спасибо за ответ, Ваш канал очень полезен!

@alexeybychkov_

3 жыл бұрын

привет бутстраповскую сетку можно перенастроить на любую другую за несколько минут ширина фрейма может быть любой количество колонок тоже нужно делать так как правильно с точки зрения дизайна, а не так, как не потратить верстальщику 2 минуты времени

Спасибо за крутой урок) скажи пожалуйста, вот у меня знакомый, он верстке учится, так говорит ему не надо сетки, все меряет линейкой, он прав и верстальщикам действительно они не нужны или у него просто опыта мало?)

@alexeybychkov_

3 жыл бұрын

Я что-то убежден был, что сетка им помогает :) Наверное, зависит от человека. Например, многие пользуются текстовыми стилями в фигме. А я их терпеть не могу и никогда не использую)

Спасибо за урок! 1440 ширину можно использовать?

@alexeybychkov_

5 жыл бұрын

Не за что. Ну а чего ж нет) Главное предупредить заказчика и уточнить какая у него ширина. Если сделаешь дизайн шире, чем монитор заказчика - могут возникнуть трудности после верстки. Макеты то он посмотрит и далеко не факт что в 100% масштабе, а когда ему сверстают будет тебе барабанить в личку за объяснением почему у него сайт не помещается в экране. Если в проекте будет адаптив, а такие проекты сейчас практически все, то сайт в любом случае подстроится под любую ширину экрана. (опять же при хорошем настроении верстальщика) Но я в брифе в своем все равно оставил пункт, где спрашиваю какой ширины делать контент и указал, что по умолчанию делаю 1280. А так-то можно любой делать)

@antonzhuravka

5 жыл бұрын

@@alexeybychkov_ спасибо за ответ!

@alexeybychkov_

5 жыл бұрын

не за что

@antonzhuravka

5 жыл бұрын

@@alexeybychkov_ а как использовать сочитание клавиш CTRL + D? Почему-то у меня объект копируется в тоже самое место.

@alexeybychkov_

5 жыл бұрын

​@@antonzhuravka Если объект не двигался, то и дубликат появится в том же месте. Если объект сдвигали, то и новый появится на таком же расстоянии

Алексей, спасибо за видео! Всегда использовала значение stretch в настройках, мне кажется это очень удобно. Не могу понять, почему нужно использовать center, а не stretch?

@alexeybychkov_

2 жыл бұрын

потому что ширина сайта может быть любой, а контент не должен растягиваться

@natalianagirnyak

2 жыл бұрын

@@alexeybychkov_ Спасибо!

Алексей, а как сделать, чтобы при 1920 растягивалось на весь экран. Если стартовать при 1280, то на 1920 остаются поля(

@alexeybychkov_

4 жыл бұрын

Сменить режим сетки на stretch (растягивание) prnt.sc/qxdqe9

@artemfe6884

4 жыл бұрын

Спасибо!

@alexeybychkov_

4 жыл бұрын

@@artemfe6884 не за что

7:12 - в "Layout Grid" кликаю на иконку с 4 точками и вижу пустой список, никаких сеток нет, пишет "No Grid Styles". Только если свои собственные стили создавать. Это на платном тарифе там сетки есть или что-то не так?

@alexeybychkov_

3 жыл бұрын

Сетки доступны на бесплатном тарифе тоже. Вот тут подробно как их установить kzread.info/dash/bejne/goStt5qQmcLWfKQ.html

@bargamut

3 жыл бұрын

@@alexeybychkov_ спасибо за ответ! Досмотрел видео до конца, там, оказывается, говорили, что позже разберём вопрос добавления. Поторопился. )

Вопрос: какой делать отступ от верхнего края сетки до контента? Есть рекомендации в пикселях?)

@alexeybychkov_

3 жыл бұрын

нет никаких формул, просто делать так, чтобы самому нравилось и гармонично выглядело

@obavolka

3 жыл бұрын

@@alexeybychkov_ прямо камень с души сняли)))

Привет, а где видео как уже готовые сетки интегрировать , что то не нашел.

@alexeybychkov_

4 жыл бұрын

Привет. В уроке про библиотеку kzread.info/dash/bejne/qoh9rpNyo6fLeNI.html

@andreyp2632

4 жыл бұрын

@@alexeybychkov_ спасибо

Подскажите пожалуйста, ширина скрола под разные типы устройств разные, так? Не могу найти информацию, чтобы почитать об этом. Спасибо за ответ заранее)

@alexeybychkov_

3 жыл бұрын

если его нужно учитывать - то 24 пх с запасом хватит

@helga3542

3 жыл бұрын

@@alexeybychkov_ благодарю Вас за ответ! Учусь по Вашим уроком) Очень рада, что нашла Вас! Спасибо за Ваш труд и успехов Вам!)

ты работаешь веб дизайнером, расскажи как ты начинал, проходил курсы или самоучка?

@alexeybychkov_

3 жыл бұрын

самоучка. Вот тут расписал подробно свою трудовую alexeybychkov.com/experience/

@Roman_Tsarev

3 жыл бұрын

@@alexeybychkov_ спасибо )))

Хм, а если верстка не резиновая и надо делать адаптив под несколько мониторов пк, можем ли мы от адаптива к адаптиву варьировать не только ширину колонок, но и отступы? (и можем ли вообще варьировать ширину колонок)

@alexeybychkov_

3 жыл бұрын

можно, но обычно отступы не меняют

@nikkilev4931

3 жыл бұрын

Нерезиновая верстка - зло) Спасибо за пояснение)

а, если нужно по сетке, но на всю ширину 1920 (чтобы ушей не было). Интересно, какие параметры?

@alexeybychkov_

4 жыл бұрын

Просто ставим 12 столбиков (ну или сколько нужно, кому-то нравится 14, кому-то 16 - не важно), выставляем типа Stretch (растягивающиеся) и настраиваем 2 параметра: 1 размер «ушей» слева и справа (маргины) и 2 расстояние между колонками (гетеры) joxi.ru/RmzoayDIYa5dp2 А сами колонки уже автоматически поделят между собой 12 оставшихся расстояний :)

@alexeybychkov_

4 жыл бұрын

Только еще про вертикальный скрол нужно помнить, который от ушей еще порядка 24 пх съест

@777BLACKX

4 жыл бұрын

Спасибо большое

@alexeybychkov_

4 жыл бұрын

Dmitry K не за что

Здравствуйте, скажите пожалуйста как включить сетку, если в меню View(Layout Grids) когда включаешь она не отображается, как её можно ещё включить, или нужно другую версию скачать программы?

@alexeybychkov_

3 жыл бұрын

нужно на глазик нажать в панели справа с сеткой. Она может быть добавлена во фрейм, но просто отключена и тогда в этом режиме не отображается. Либо бывает фигма просто подглючивает и нужно перезагрузить макет

@user-sx7iw8sp9s

3 жыл бұрын

Да, только я это все пробовала, ничего не работает, хорошо спасибо

@alexeybychkov_

3 жыл бұрын

@@user-sx7iw8sp9s попробуй этот же макет в браузерной версии открыть (или наоборот в десктопном клиенте)

Надо бы обновить картинку на ФигмаХелп на странице "полезное" с рекламой ютуб-канала. Сейчас аватар более дружелюбный и картинка другая уже и более информативная. имхо.

@alexeybychkov_

3 жыл бұрын

Спасибо, обновил 👍

@alexanderplotnikov1424

3 жыл бұрын

@@alexeybychkov_ Магия:))

Помогите понять почему для экрана шириной 1280 px мы делаем 1920 px?

@alexeybychkov_

2 жыл бұрын

потому что кроме 1280 экрана, есть и другие: 1366, 1440, 1680, 1920. И чтобы не городить под каждый отдельный макет, который будет отличаться только фоном и элементами на нем - делают ширину контента около 1200, а фон 1920

а как эти пресеты себе перетащить? ну, чтобы они не только в одном файле Алексея применялись, но и везде во всех новых моих проектах?

@alexeybychkov_

3 жыл бұрын

Вот тут подробно как библиотеку подключить kzread.info/dash/bejne/goStt5qQmcLWfKQ.html

Блин. Почему у меня нет строчки “layout grid” справа когда я создаю объект? Если выбрать изначально “desktop” то там это строка есть. А добавляя на экран элементарный «rectangle” справа только “layer” в котором из выбора только “pasa through”

@alexeybychkov_

3 жыл бұрын

Настройка сетки - это опция фрейма. У фигур ее нет)

@Mbe.25

3 жыл бұрын

@@alexeybychkov_ спасибо😅 тогда я вообще запуталась. Мне видимо нужно знать горячие клавиши. Потому что я думала что на видео вы вставляете обычный квадрат 😅😅

@alexeybychkov_

3 жыл бұрын

@@Mbe.25 вставляю фрейм квадратной формы)

ты забронировал себе место в раю)))

@alexeybychkov_

4 жыл бұрын

🤟😇🤟 спасибо))

*Контент должен располагаться только на сетке?*

@alexeybychkov_

4 жыл бұрын

нет, конечно. Вот еще одно видео про сетку, в котором подробно ответил на этот вопрос kzread.info/dash/bejne/iXids5qtgpaxd84.html

почему у меня нет заготовленных сеток в фигме(

@alexeybychkov_

3 жыл бұрын

Библиотеку с сетками подключить нужно kzread.info/dash/bejne/goStt5qQmcLWfKQ.html

Подскажите пожалуйста, как строить сетку для мобильных приложений, а не веб? Есть ли у вас урок на это или ресурсы другие?

@alexeybychkov_

4 жыл бұрын

Про мобильные приложения нужно спрашивать на каналах про мобильные приложения ) Тут автор канала - дизайнер сайтов.

@shuhratsultanov1143

4 жыл бұрын

@@alexeybychkov_ спасибо про переименование названий вы дали кому-то ссылку, подумал вы знаете того кто имеет черный пояс по сеткам приложений 🤣

@alexeybychkov_

4 жыл бұрын

🙃

На сегодня есть смысл подгонять под минимальный размер 320 пикселей? В статистике размера на 320 уже не видно в обращении gs.statcounter.com/screen-resolution-stats/mobile/worldwide

@alexeybychkov_

3 жыл бұрын

Да, есть. Почему-то многие забывают про коэффициент Density, который подтягивает на смартфоны макет 320 пикселей, даже если они 480 или 640 или еще какие-то 640 с коэффициентом х2 - макет 320 480 с коэффициентом х1,5 - макет 320 и тд 320 -- это не только про 320 :) Это как на компах с ретиной. Например, при 2560 отображается разрешение 1280, чтобы все было нормального размера, а не мельче в 2 раза.

@alexwest5057

3 жыл бұрын

@@alexeybychkov_Так в ссылке разрешения с учетом коэффициента указаны. 360 самый минимальный получается на текущий момент. Может всего пара процентов еще осталась всяких старых айфонов 5

@alexeybychkov_

3 жыл бұрын

там просто указаны разрешения, про коэффициент не нашел

Где найти информацию, почему картинка под сетку уходит?

@alexeybychkov_

Жыл бұрын

даже не знаю что ответить, потому что не понял в чем проблема)

Напишите пжл как отключить основную сетку .

@alexeybychkov_

3 жыл бұрын

ctrl + shift + 4

@Sky-mp5ek

3 жыл бұрын

Почему на моем ноутбуке Acer клавиши ctrl+shift+4 выдает скриншот ?

@alexeybychkov_

3 жыл бұрын

@@Sky-mp5ek какая-то программа перехватывает хоткеи. Может яндекс.диск или еще что

А не будет ли резать глаза от того, что во внутреннем фрейме сетка не совпадает с основным? Контент не будет между собой конкурировать в выравнивании? И стоит ли вообще так делать?

@alexeybychkov_

Жыл бұрын

все будет хорошо)