Как делать адаптивный дизайн сайта? Нужно ли 320 px? Какая высота первого экрана?
HTML-код
- Опубликовано: 9 июл 2024
- #alexeybychkov #ityoutubersru #webdesign
00:00 - как делать адаптивный дизайн
9:09 - высота первого экрана
18:50 - примеры адаптивов первого экрана
42:40 - сколько делать файлов адаптива
В этом видео на реальных примерах разберем принципы адаптивного дизайна сайта. А также попробуем разобраться какой же высоты должен быть первый экран сайта. Отвечу на вопрос: нужно ли делать 320 px макет или можно сразу показывать 480 px?
Открытый пост в закрытом бложике про адаптив: clck.ru/NDogz
Файл Фигмы: clck.ru/NEqzP
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете - 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
Открытый пост в закрытом бложике про адаптив: clck.ru/NDogz
Файл Фигмы: clck.ru/NEqzP
2:17 - принципы адаптива
9:09 - какая должна быть высота первого экрана
18:50 - обзор 10 примеров адаптивов первых экранов + хедеров
42:40 - почему лучше делать 4 файла адаптива, а не 2
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - www.patreon.com/alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: instagram.com/alexeybychkov_/
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: facebook.com/dsgn.tips/
👉 Твитор: twitter.com/_alexeybychkov
здравствуйте. ссылки почему-то битые (Открытый пост в закрытом бложике про адаптив: clck.ru/NDogz
и Файл Фигмы: clck.ru/NEqzP). Это так и задумывалось?
@Tetianna Popovych Привет. Все открывается. PS что за идиотский вопрос: задумывалось ли вставить битые ссылки?
@@alexeybychkov_ Алексей,спасибо за контент, вы у меня как настольная книга на ютуб 😅😂
Подскажите пожалуйста, пост который вы тут анонсировали, он всё ещё доступен? У меня почему-то не грузится 😔но может это и у меня какой-то глюк
i guess Im randomly asking but does any of you know a method to get back into an Instagram account..?
I somehow lost my account password. I would love any tips you can offer me!
@Onyx Shepard thanks for your reply. I found the site on google and I'm in the hacking process now.
Takes quite some time so I will reply here later when my account password hopefully is recovered.
Спасибо за кубики! Очень понятно объяснил все! Лучшее виедо про адаптивный дизайн сайта!
ну класс!
Как обычно простым языком о сложных вещах! 🔥🔥🔥
ну класс)
Очень нужная информация, спасибо!
По сути весь ваш канал - сплошная годнота и полезности, лучшее, что я видела
❤️
🤟😇🤟 супер! Рад, что нравится!
Без лишних комментариев, это лучшее видео!)
А Ваш канал и вовсе самый лучший и познавательный при работе с дизайном на фрилансе)
Спасибо, приятно ☀️
Крутой урок! Спасибо 🙏🏼 Алексею еще раз) особенно нравится как в видео-уроках птички на фоне чирикают, такое ощущение что урок записан где-то на острове Бали, и хочется также, есть к чему стремиться))
И мне звуки природы больше нравятся, чем фоновая музыка ☀️
Спасибо огромное, за труды! Каждое слово ценно . У тебя получаются, настойки высококонцентрированные, без капли воды :)))
ну супер! А вообще я по знаку зодиака водолей 😄
100% пользы и никакой воды, спасибо!))
идея с кубиками для теории классная и понятная, и наглядные примеры реальный блоков как раз закрепляют все это)
и очень круто, что все примеры разные!
ну класс) спасибо!
Спасибо за такое полезное видео! Очень нравится подача: с юмором, простым языком, но в то же время без воды и с огромной пользой:)
рад, что нравится!
Осторожно! Если будете часто заходить на этот канал и видосики смотреть, а потом еще после этого и кнопки в фигме нажимать, можете нарваться на то, что станете хорошим дизайнером 😏
ага, и такое может случиться)
Кубики супер, очень наглядно, спасибо! И наконец впервые заговорили о высоте первого экрана, давно мучил этот вопрос.
рад, чо понравилось! Спасибо за просмотр)
Столько реальных примеров показал, спасибо огромное 👏👍
Замечательно объясняешь, твой канал - сокровище ❤️
ееее я рад!
спасибо за видео. Здорово, что вы развиваетесь вместе с нами)
супер))
Идти на твой канал когда появился какой-то вопрос по дизайну уже привычка 🥹 все доступно и главное понятно настолько, что чаще всего даже вопросов не остаётся!🔥 спасибо 🫶
Вот и хорошо))
Спасибо, очень интересно рассказываете, уже несколько часов пересматриваю ваши видео!!
Спасибо за подписку) Рад, что нравится!
Такое видео должно быть частью платного курса - просто море полезное инфы и никакой воды!😊
рад, что нравится!
из каждого ролика забираю полезные лайфхаки, ну что за волшебство! ✨
круто)
Отдельное спасибо за то, что уделил внимание высоте первого экрана - информативно и актуально
а как иначе))
Алексей, спасибо. Всё понятно, всё в тему. Продолжай дальше: про хедеры, футеры... Всегда полезно послушать человека с опытом. Не всегда простые вещи очевидные. Поэтому - смотрю, запоминаю, учусь... Кстати, книги прочитал (обе). Информативно и ценно. Лайк:)
Супер) рад, что нравится) Спасибо!
Как обычно огонь! Полезно, быстро и понятно!
супер
Класс! Подробно без воды на реальных примерах ))🔥
супер) спасибо за просмотр!
"Нет людей, которые не скроллят! " отлично сказано, можно даже с успокоительной речью идти к дизайнерам новичкам)
почти как тост))
Алексей, спасибо!
Как всегда: доступно, понятно и с юмором !!!)
Красавчик!!!
Супер) рад, что нравится!
Давно смотрю ваши видео и точно могу сказать что они спасение когда возникает какой-нибудь вопрос. Очень круто и понятно (мне кажется даже для тормозов). Спасибо за ваш труд. Очень ценю и безгранично благодарна)))
Супер) Рад, что полезно)
Видео классное! Инфа и подача как всегда на высоте!)
Супер))
Пересмотрел. Освежил. Леха, спасибо, что так подробно и откровенно про дизайн. Будет классно и про хедеры, и про футеры, и про таблицы... Супер! Спасибо
Спасибо, что смотришь)
Леша, спасибо большое! Вчера как раз доделала первую страницу своей второй работы,хочу попробовать сделать адаптивы, но с привязками вообще беда. Нашла твое видео это , буду вникать 🤘💪 как обычно, спасибо большое! Лайк не глядя. А теперь я побежала смотреть))
Кстати, спасибо отдельное за чат в Дискорд, ребята ооочень отзывчивые. Помогают разобраться и исправлять ошибки 💜
Супер) Рад, что полезно)
Еее! Крутецкая инфа, высота первого экрана - это всегда очень актуально! 🔥 Примеры с ректенглами классные, сразу понятнее становится)
Супер))
Спасибо что всё разжевал! Сначала на кубиках объяснил, и круто, что много реальных примеров показал.
Я восхищаюсь твоим трудолюбием и желанием разобраться, докопаться до истины, а ещё всё это привнести в массы. 🤗🤗🤗💖💖💖💖
рад, что нравится)
Полезный видос. Некоторые моменты подчеркнул для себя. Так сказать, добавил в заметки. Спасибо :)
рад, что понравилось!
Алексей, вы так суперски все объяснили!! Спасибочки!👍
Ну класс)
Отличный ролик и много примеров из практики - просто супер! Спасибо!
Супер
Ух ты, зашла посмотреть ролик, а тут прям полноценный урок с примерами, супер! Спасибо за подробное освещение темы))
Ну! 😀
Понравилось как всегда, записывай еще :)
Суперр!
На кубиках все супер понятно! Спасибо.
ну класс) ☀️
Без воды, по делу и на реальных примерах! Контент просто супер, огромное спасибо🤍
пожалуйста!
классно, что всё и на пальцах, и с реальными примерами так подробно объясняешь. Спасибо!
ну класс)
Вы очень классный, подписалась на вас в инсте случайно и на ютубе стала на ваши видео натыкаюсь, конечно же уже подписалась. Удачи вам и спасибо за помощь с Фигмой)
Спасибо за подписку!
Спасибо за такой полезный урок! Удобно что всегда можно обратиться в твой канал, всегда здесь много пользы)
Это замечательно)
Это топ) Спасибо за полезные примеры, столько качественного опыта)
пожалуйста)
Мало таких интересных и подробных объяснений, без воды)
супер)
@@llelya Полностью согласен!
я плохо пишу, скажу кратко, твой канал это лучшее, что произошло со мной за пол года))))
спасибо)) Нормально ты пишешь))
Спасибо за наглядные примеры, хорошо видеть как все работает на практике ! Длинный ролик - а на одном дыхании)
пожалуйста)
Какой кайф. Много нужной информации без воды. Спасибо)
ну класс)
Спасибо огромное!очень классно!очень интересно!ты все здорово обьясняешь!учусь на твоих видио!в школе дизайна не дали столько полезного материала,как у тебя)))были бы курсы..пошла бы учиться к тебе!!
Спасибо) рад, что нравится!
Отлично с квадратиками. Ролик зашёл!
Всё наглядно и понятно.
🚀 супер!
Очень просто и доходчиво объясняешь. Без воды и сухости, парадокс....))). За труд и желание поделиться и научить, благодарочка.
Супер, спасибо)
Классно изучать материал на реальных примерах!!) так намного понятнее
Тоже так думаю!
Спасибо большое!
Не за что большое! ;)
5 разрешений это хорошо, я даже эксперимент сдалал - целый месяц делал так проекты. На лендинг ещё более менее терпимо, но споткнулся на многостраничнике - это же ад, такое количество стилей, особенно текстовых нужно обслуживать пробовал и поблочо, или постранично - один фиг запутался, а верстальщик чуть руки не оторвал за такой шведский стол 😁 Поэтому сейчас рисую 320 и 768, да и заказчики от студий\агентств не готовы переплачивать пока дизайнер и разраб развлекаются, тратя время на то, чтобы у 2% посетителей хедеры были красивыми))
У "фрилансера по жизни", есть видос на эту тему, можно совмещать адаптив и резиновую верстку, чтобы не рисовать все брекпоинты.
Я одно бремя страдал от мьюза, в котором также 5 разрешений рисовал, а теперь и zero блок в тильде решил добить 😁
Не красивыми, а удобными. И откуда инфа про 2%? Это не развлечение, это работа. Если к работе относиться как к развлечению, лучше не заниматься дизайном :) Потом и получаются сайты и интерфейсы, которыми не комфортно пользоваться, потому что развлеклись все в процессе). В видео так-то и объяснил, что верстальщик будет резинить, если нет всех макетов. И показал, что из этого выйдет. Спасибо, что видео посмотрел)
@@alexeybychkov_ да, нынче найти верстальшика с прямыми руками большая проблема, поэтому 5 разреший оправданы зачастую
Забавно, что так считают даже сами верстальщики. Когда мои знакомые заняты, они своим постоянным заказчикам помогают с поиском кого-то на верстку. И тоже потом в чатике нашем жалуются, что сложно найти. А сейчас с карантином еще больше недавно открывших для себя верстку будет :)
@@alexeybychkov_ а что же делать тогда начинающему дизайнеру🙈к кому обращаться..где искать верстальщика
Понятно и хорошо объясняешь, с прямоугольниками проще понять, а с примерами гораздо проще запоминается! Спасибо за ролик)
вот и замечательно!
Спасибо большое за ролик на реальных примерах! Очень классно инфа воспринимается. Как обычно - буду еще пересматривать, потому что , когда ты делаешь -все кажется логичным и простым, а когда я дохожу до дела -то не все так просто, как ожидалось) Но круто, когда можно понаблюдать за работой профессионала! Спасибо , что делишься!
и тебе спасибо за комменты!
Мне удобнее когда меню на телефоне справа. Большим пальцем ближе тянуться! :))
А если левша?) А если двумя руками держишь телефон?) тоже справа?
а какого нам израильтянам? я когда перешел на телефон с экраном 6.3дюйма (после 5.5) поменял с иврита на инглиш андроид просто потому что задом наперед паллец не дотягивался на сэнд в ватсапе итп.))
Да уж)
Кубики - 🔥. Спасибо
супер! 🚀
Очень полезное видео, получил ответ на множество вопросов, которые сидели в голове! Спасибо!
Супер, спасибо за просмотр)
Пересматривала этот выпуск не в первый раз, и всегда очень полезно. Классно объяснил на кубиках, вообще огонь))
супер) спасибо за пересмотр!
Очень классный и супер понятный ролик! Алексей молодец) Огромная просьба: сделай пожалуйста ролик как правильно рассчитывать стоимость дизайна сайта/лендинга. Я начинающий дизайнер и это для меня один из самых актуальных вопросов с которым все начинающие сталкиваются. Если цена установленна заказчиком, хорошо, но вот если самому нужно ставить цену, не знаешь с чего начать, чем продолжать и чем закончить, как вообще считать. В интернете шарил, нормального ответа или рекомендации нету на эту тему. Ребят, кто тоже хочет такой ролик лайкните комментарий, чтоб Алексей увидел какой тут лес рук))
Привет. Так есть такой ролик ruclips.net/video/qol73lgWbaA/видео.html
Там подача еще так себе с неуверенным дрожащим голосом, но суть передал 🚀
@@alexeybychkov_ Спасибо огромное, не знал))
не за что огромное)
@@alexeybychkov_ еще спросить хотел: немножко непонятно почему планшетную версию вы делаете на 1000px там вроде скролл бара нету, можно все 1024 делать
Скрола нет, если открывать на планшетах. Вернее он там тоже есть, но не отображается. Но ведь такие разрешения еще встречаются на очень старых компах и ноутбуках. Поэтому лучше делать макет такой, который влезет и на 1000 и на 1024, чем наоборот.
Спасибо за полезное видео! Пока посмотрела 4 раза переделывала свою работу. Ответила для себя на некоторые вопросы: картинку при адаптиве можно ровнять не только по центру, но и по правому краю, и все тогда красиво поместится и текст не будет в уши и рот лезть =)); длинный текст в заголовке можно вынести на белый фон - отлично смотрится! А кнопку на маленьких экранах лучше растянуть - меня тоже бесят треугольники, особенно когда они еще и перевернутые.
Супер, рад, что пригодилось!
Столько примеров, классно!)) Спасибо за полезности)
пожалуйста!
Спасибо за ролик)) Было полезно посмотреть и взять на заметку))☺👍
Спасибо за просмотр)
Может покажете короткое видео как передаете макет верстальшику, выливаете в зеплин, авакод или еще как или передаете оригинал макет в фигме? как расписываете стили и все состояние чтобы верстальшику было понятнее и все такое, подробнее если рассказали бы об этих вещах былобы ОТЛИЧНО.
Видео будет очень коротким :) я просто отдаю заказчику ссылку на макет. Ничего никуда не выгружаю. Цветовые стили подписываю очень просто. Какой цвет - такое и название: красный - red, оранжевый - orange и тд. Текстовые стили не использую. Они тормозят работу, а не ускоряют. Их настраивать, редактировать, поддерживать - сильно дольше, чем просто скопировать уже утвержденный заголовок. Даже если (что бывает крайне редко), потом попросят сделать заголовки меньше/больше, то что вручную, что через стили - все равно во всех местах все нужно будет проверять - двигать, проверять отступы и тд. В общем текстовые стили придумали за мазохистов и тех, кто работает как на каторге :) А не получая удовольствие от процесса. Особенно достает что нельзя посмотреть размер и настройки текста - нужно провалиться внутрь стиля, а потом вылазить обратно. В общем, пользуюсь только цветовыми стилями и передаю ссылку на макет. Вот и все видео))
Сто лет в кубики не играл! Спасибо ностальгия! А еще вытянутые руки на медляках в первом классе! Зашло ):
ну класс ☀️
спасибо за ролик) очень круто, что все наглядно показано на примерах) сразу вся становится понятно
пожалуйста!
Всё подробно, понятно и на примерах! Класс! Спасибо)
Ну класс
Спасибо очень доходчиво на кубиках все объяснил!
ответ на вопрос: кубик 100 х 100
супер! 🎯
Очень полезное видео, мне бы его неделю назад, когда я с адаптивом для 320 сражалась 😅
Рад, что понравилось! Лучше позже, чем потом! :)
Замечательно, что показал всё на реальных примерах. Стало понятнее с этими адаптивами🔥
Спасибо за просмотр!
Как всегда нужная информация, огонь!
ну класс)
Гамбургер с правой стороны. Почему не знаю. Просто с правой и все! )))
Видео топ, конечно! Спасибо за контент и подачу!
😄
Отличный ролик про адаптивный дизайн. Отдельное спасибо за объяснение про 320 пикселей!
ну класс)
Леша, спасибо большое за подробное видео) очень полезно))) спасибо
пожалуйста большое!
С примерами всё понятно и просто становится, спасибо за подробные разъяснения🔥
ну класс)
Спасибо. Понятно, доступно и интересно. Может всё таки подумаешь о собственных курсах?
Ну класс. Про курсы думал. И не раз. 3 онлайн и 1 офлайн школы уже предлагали записать. И даже все готовы были взять на себя проблему домашек (нужно же с учениками созваниваться, обсуждать там все и тд. А это уже не дизайн, а трындеж. Коммуникации. Я не менедежер, а дизайнер, поэтому сразу сказал, что нет ни времени, ни желания на всякого рода домашки), а мол с тебя только курсы. Скажи сколько за них хочешь и вперед иди записывай. Всем ответил, что мне не интересно для кого-то записывать. Я если и соберусь, то выложу все у себя на канале, а деньги заработаю на фрилансе. Так одни ответили - не вопрос, выкладывай. Не понял в чем им профит, если они будут продавать за деньги то, что у меня на канале будет в открытом доступе :)
В общем про курсы думал. Без домашек - будет шляпа. Весь кайф курса в совместной работе, а не в тупом просмотре видео. А домашки я не хочу - мне не интересно. А когда не интересно - тогда и процесс фиговый, и результат не очень. Лучше буду дальше ролики записывать для канала. Так и канал развивается потихоньку, и мне нравится все в процессе. Не приходится себя заставлять идти записывать следующий ролик, потому что скоро пятница.
С таким успехом, каждый из вас может просто оставлять заявки на темы, которые волнуют. И если будет много желающих про что-то конкретное - запишу. Хоть с другой стороны, вот многие просили Афтер Еффект, а как записал 7 уроков - так просмотры упали в 3 раза на канале. Его смотрят единицы))
Alexey Bychkov в любом случае ты крутой дизайнер и думаю классный человек. Спасибо тебе за труды🙏
Спасибо)
@@alexeybychkov_ за affter effect отдельное спасибо!
про шапочки/подвальчики интересно)
а еще интересно как высчитываются размеры после/перед текстовым блоком
Ведь в зависимости от интерлиньяжа стиля текста, с alt-ом видны разные расстояния
подозреваю для четкого подхода, прямоугольники использовать лучше, но как то смущает не автоматизированность процесса
@@alexeybychkov_ )))спасибо за такой развернутый ответ! очень было важно узнать твое мнение на этот счет)
не за что)
Крутая инфа как всегда) Спасибо)
Еееее круто)
Очень нужная инфа и крутая подача. Спасибо!
огонь)
При всем моем уважении, как бывший математик🤭 кубик - это всё-таки объемный объект) вы играли в квадратики)... по сути ролика как обычно 🔥, спасибо))
Согласен, квадратик 😄
*НЕ РЕКЛАМА ЕСЛИ ЧЕ* )))
насчет того как блоки расположить один под другим подходит CSS grid мой любимый... я как раз про такой случай сделал ролик как адаптивно меняются блоки с CSS grid. Можете в ютубе найти Creating One-screen landing page via Figma and CSS-Grid (#in5minutes) там я так же наглядно продемонстрировал сначала на кубиках цветных а потом вставил контент... Алексей как всегда вам царский лайк за выжимку самой сочной и полезной информации про веб дизайн.
Клево 👍 Спасибо))
Спасибо за видео,у тебя всегда очень актуальная информация и ответы на все вопросы!))
ну класс)
Спасибо, что показываешь на примерах👍 очень много информации 🔥
пожалуйста!
Лёха, подскажи пожалуйста, вот вроде у тебя было видео где-то или я тебя с кем то путаю, про вдохновения. Где и как искать контент для дизайна сайта.
Моя основная проблема:
Хочу сделать себе лендинг кейс для портфолио.
-Начинаю делать
-Ищу любой старый сайт, любая тематика.
-Создал выдуманный прототип для сайта, ну в какой очередности должны быть блоки.
- Ну вот когда начинаю оформлять макет, начинаю тупить и думать -- (какой мне тут каталог сделать, какие должны быть кнопки перехода, какая должна быть анимация, какой должен быть фон при этом" короче просто становлюсь в ступор, и не знаю что дальше делать, а когда лазию на бихаинс, дриблл, воровать чей то дизайн и копировать в свой, меня угнетает совесть.
Как нароботать эту нассмотреность и получить EXP.
Видимо, видео, не мое.
Попробуй знаешь что. Бери две работы, которые тебе нравятся по одной и той же теме. И попробуй с 1 работы взять полностью структуру. А со 2 полностью слизать визуальную часть: шрифты, отступы, цвета, стили элементов и тд. Так у тебя получится не копия двух работ, а своя новая. И в процесс будешь учиться элементы повторять. И проблемы не будет как что после чего должно идти. По сути у тебя есть прототип (1 работа) и бриф на стилистику (2 работа) и ты делаешь по ним дизайн. Это очень эффективный прием особенно на начальном этапе.
@@alexeybychkov_ Спасибо большое - за совет!
Не за что)
Алексей! Несомненно, ваши видео супер! Спасибо за ваш труд!
Но ваш пиксельный сайт.......ну не даёт мне покоя :D Это ведь фото из сериала "Мистер Робот"?)))
Ну класс)
😄 Не, там было немного политики, поэтому решил лучше не показывать, чтобы ютуб не ругался
Ещё хочется добавить о методе объяснения на кубиках - это прям то что нужно!))
Про расположение менюшки: по моему опыту, поскольку обычно меню с параметрами в интернет-магазинах находится слева, то и интуитивно глаз уже "ищет" его в той области, если говорить о сайте в hd, лучше его там и оставить. А так как пользователи всё больше просматривают сайты с телефона, и если открывать меню необходимо несколько раз....то удобнее дотянуться до бургера пальцем именно справа. Поэтому вариант в дизайне Cryptoniex наиболее удачен. Ведь пользователю не составит большого труда один раз найти меню справа, как и скроллить))
Согласен :)
супер видос! Очень подробно и просто, Леша, как всегда прекрасно. спасибо за труд)
спасибо за просмотр)
Круто, что показал реальные примеры, на кубиках тоже все понятно и интересно! Спасибо за видео!
пожалуйста)
Кстати, такой вопрос: А адаптив вы делаете через автолейауты или ручками?)
Что-то с ним, что-то без него. Обычно его использую там, где нужно показать реальный контент. Например, заголовки в карточках в 1-2-3 строки. Но не маньячу настолько чтобы он был в каждом фрейме. В общем, какой-то баланс нашел между удобством и скоростью работы. Это вопрос из серии фрейм или группа? Когда только открыл для себя фигму - я писался от счастья каждый раз, когда адаптивил настроенный фрейм. Но чем больше я работал в Фигме, тем чаще замечал, что трачу времени на настройку привязок внутри фреймов больше, чем просто руками расставляю элементы из группы.
PS. Спасибо за подписку! :) Так и хочется комментариям со значком "a" подробнее ответить, чем обычно)
@@alexeybychkov_ Понятно. Спасибо за такой ответ. Жаль мне не положен доступ к файлу с вашими примерами... так бы покапался)
Добавляйся в чатик в дискорде discord.gg/bqCqvKb - будет и этот файлик и много чего ещё)
Спасибо, супер, все очень понятно, а еще вас весело смотреть👍😄
ну класс)
Как верстальщик согласен, не люблю соплями мазаться.
Из-за телепортаций приходится ломать мозг как оставить контент в потоке, где впихнуть обёртки, и не злоупотреблять абсолютным позиционированием.
👍 думал только дизайнеры смотрят мои видео)
Спасибо за такое познавательное видео! Все на примерах показано и рассказано, круто))
пожалуйста!
Классное подробное видео, с примерами и объяснением, спасибо! Пойду учиться🤟
Спасибо за просмотр)
Кубик 100 х 100? Серый цвет - такой кубик в фигме создается если просто нажать на пустом месте!
🎯 в точку!
Спасибо за видео, очень полезно! Кубик 70x70?
Рад, что понравилось! Не-а, кубик 100 х 100. Точно такой же квадрат получается в фигме (именно этого цвета), если просто клацнуть на пустом месте, выбрав предварительно инструмент прямоугольника. И размер у него будет 100 х 100
@@alexeybychkov_ Ух ты, даже не знал такого)) Еще одна полезность в копилочку =) Ждем еще видосики, особенно по табличкам интересно)
Пока как-то желающих на таблицы не много собралось) ты первый) Может, это тема как с Аfter Effects - записал, а его никто не смотрит) Вернее мало кто. Просмотров сильно меньше, чем у других роликов на канале
@@alexeybychkov_ я вот тоже скажу, таблицы - вещь полезная и наверняка они могут капризничать, как и графики. Но я новичок в дизайне посвежее других подписчиков) поэтому пока такой контент рановат. А вот со временем точно посмотрю, когда петушок клюнет))
в общем, изучать/решать вопросы по мере их поступления
@@alexeybychkov_ будем надеяться, что со временем заинтересованных будет больше)
И кубики, и реальные примеры - всё огонь! Спасибо)
супер)
Спасибо большое за такое полезное видео с реальными примерами, так проще запоминать информацию)))
рад, что полезно
100 х 100 кубик?
🎯
с кубиками все очень понятно) спасибо за ролик -никакой воды!
супер!
Классный ролик, и столько примеров показал, полезно!
Мне так нравятся птички на фоне 😊
Ну класс
Как всегда - все понятно и полезно! Спасибо🤩
Супер)
Спасибо, теперь стало понятно про первые экраны и адаптивный дизайн👍
Супер) рад, что пригодилось)
Спасибо! Очень здорово и наглядно все на примерах показано 👍
Ну класс
Как всегда тонна полезной информации, благодарю ☺
рад, что полезно
Класс! Спасибо за наглядные примеры, как это может быть в разных вариантах
пожалуйста!