Нужно ли делать 320пх? Сколько адаптивных макетов дизайна лучше показывать? Дизайн. Верстка. Фриланс

#alexeybychkov #ityoutubersru #webdesign
Хотел показать, что 320 пх больше не нужны и вместо них смело можно делать 360 пх, а в итоге еще и про количество макетов для адаптива рассказал. А у кого старые SE просто даже подвоха не заметят. Откроют сайт 360 со своих 320 и даже не поймут, что что-то не так. Горизонтального скрола не будет, а макет просто впишется
Адаптивы и верстальщики - / cdpal2rgvct
Адаптивы и дизайнеры - / cdzunuzan3l
Таблица девайсов и разрешений - yesviz.com/dev...
Наши чатики в дискорде - / discord
Обучение - alexeybychkov....
Мои цитаты -
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alex... - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.ne...
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov....
17 лет опыта - alexeybychkov....
Пишу - alexeybychkov....
Дизайню - alexeybychkov....
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

[@alexeybychkov_]

Хотел показать, что 320 пх больше не нужны и вместо них смело можно делать 360 пх, а в итоге еще и про количество макетов для адаптива рассказал. А у кого старые SE просто даже подвоха не заметят. Откроют сайт 360 со своих 320 и даже не поймут, что что-то не так. Горизонтального скрола не будет, а макет просто впишется Спасибо за вашу активность в комментах!

[@E1ipS0iD]

iphone se и 5 передаёт привет (там 320)

[@alexeybychkov_]

@@E1ipS0iD можно было ролик посмотреть, а потом привет махать 😄 в видео как раз про эти телефоны и говорил, что у них 320. Только открыв с них сайт сверстанный на 360 даже разницы никто не заметит и не поймет что что-то не так. Горизонтального скрола не будет, все просто впишется без проблем. Привет

[@natalyasann6894]

@@alexeybychkov_ а как 360 спишется в старую версию с 320?

[@АртурАхметшин-к3ъ]

Видео хорошее! Но не понял зачем нам разрешение 480? Посмотрел мировую статистику , самое популярное 360 на 640

[@АлександрЛобода-ю9ж]

После этого видоса я воодушевленно стал делать минимальный под смартфоны на 360, но потом получил леща от сео-шника, т.к. поисковики не принимают сайт адаптивным если нет 320.... надеюсь скоро это пофиксят и продолжу воодушевленно рисовать на 360))))))

[@ostrovmuzy]

Сколько раз смотрю Алексея и всегда ухожу полный новой информации, а ещё что не маловажно, только сама соль - без воды! 👍👍👍

[@loalitaa]

Спасибо, что несёшь в массы актуальную информацию - сам идёшь в ногу со временем и нас за собой подтягиваешь :)

[@alexeybychkov_]

да, еще пару дней назад делал 320, теперь уже 360

[@anku_onku]

Ну и палец твой не остался незамеченным 😂 я даже сначала подумала показалось и перемотала, но не показалось)) Это как будто пасхалки какие-то, которые ты незаметно вкидываешь в ролики))) И сидишь потом думаешь, а вдруг это что-то значит, вдруг это привет тем кто делает только один макет, а вдруг это какое-то тайное послание 😂😂

[@alexeybychkov_]

это отсылка к тому, что нужно делать 4 файла адаптива, а не забивать на промежуточные файлы и показывать только 1 минимальный макет под смартфоны))

[@Aaexx]

да, тоже заметил

[@p.y.2342]

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

[@alexeybychkov_]

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

[@wivodesign1514]

Спасибо, очень полезно) Классно, что ты следишь за актуальностью тенденций и быстро перестраиваешься, делаешь по-новому) такая гибкость в поведении позволяет развиваться👍🏼

[@alexeybychkov_]

ничего себе быстро)) казалось я один из последних кто еще 320 делает и постоянно про это везде говорит, что оно все еще нужно) А оказалось, что не нужно)

[@E1ipS0iD]

@@alexeybychkov_ Я делаю и продолжу делать. Ибо с 320 растянется прекрасно до 360, а вот обратно уже не всегда выходит (то там текст сползёт, то тут). А потом заказчик со своего древнего se зайдёт и охренеет.

[@alexeybychkov_]

@@E1ipS0iD заказчик зайдет со старого SE и даже разницы не заметит и не поймет что что-то не так)) Горизонтального скрола не будет, все впишется без проблем. Не надо переживать из-за старых SE :) у них и так все хорошо будет отображаться. Нужно просто идти в ногу со временем!

[@nefedorbondarchuk7662]

Я человек простой. Вижу ролик Алексея сразу ставлю лайк и оставляю комментарий, даже если посмотрю потом!

[@alexeybychkov_]

ееее спасибо ☀️

[@МарияПавлова-и8щ]

а если посмотреть потом забудешь? )

[@АлинаЗагородняя-р7з]

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

[@alexeybychkov_]

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

[@ogogoeva6787]

4:18 обожаю эту игру пальцами ахаха, видео как всегда огнище!

[@alexeybychkov_]

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

[@lsklem]

Ну теперь спокойно можно делать 360 пх и не переживать, так еще и про макеты новое узнала, спасибо!!!!!

[@alexeybychkov_]

отличный план!

[@hyper_hal]

Ооо, то что нужно. Как раз нужно делать адаптив. Пушка ракета 🚀

[@alexeybychkov_]

ееее супер!

[@rimmachobanian02]

8:55 то чувство, когда смотришь этот видосик через айфон SE 1-го поколения 🥲

[@alexeybychkov_]

во дела)

[@nikitalarionov-edmin3163]

"вы же хотели больше роликов по тильде, вооот". Ахахахаххах, убил.) Спасибо, как всегда полезно!

[@alexeybychkov_]

😄

[@kseniamomot9810]

Раньше делала только под мобилу адаптив на 320, т.к бюджет и все такое, а конечно же всем хочется, чтобы и с телефона можно было сайт посмотреть. Теперь понимаю, какая ошибка у меня в брифе! СпасибО!

[@alexeybychkov_]

пожалуйста)

[@romashka_f]

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

[@alexeybychkov_]

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

[@ВластелинКолец-б7н]

Уже давно в офисе делаем сразу 375 пиксельные макеты. Странно, что кто-то все еще делает 320 Спасибо за видео

[@alexeybychkov_]

нуууу я еще пару дней назад тоже делал 320. А потом с верстальщиками пообщался и действительно в 320 больше нет необходимости. Чего не скажешь про 360)

[@Marina-Isaeva-web]

Мне тоже ролики нравятся-нравятся 🙂. Кто-то только начинает, поэтому видосик даже от 2021 года для кого -то свеженькая информация. Спасибище за инфу и всяческие супер полезные комментарии) Успехов и процветания)

[@alexeybychkov_]

очень рад! 🎉

[@ItchefRu]

Классная новость, хоть еще до нового года месяц.... Круто.

[@alexeybychkov_]

🚀🚀🚀

[@poganka_8222]

как хорошо, что есть Леша и нам даже проводить расследование не прихадится 😂

[@alexeybychkov_]

☺️

[@userinaxue]

Всё как обычно полезно и круто. Теперь будем 360 делать)

[@alexeybychkov_]

Ну класс)

[@zhelezodesign90]

Крутое видео!) Спасибо) Только два дня назад сделал адаптив в 320)) Теперь начинается новая эпоха веб дизайна))

[@alexeybychkov_]

да, новая эпоха наступает))

[@ИринаКлимова-ф9ж]

Спасибо, Леша! Будет чем обосновать)

[@alexeybychkov_]

пожалуйста!

[@СлавикМысник-з1ф]

Ещё немного дизайна впитал в себя, спасибо)🤘

[@alexeybychkov_]

круто)

[@zaharantonov]

только закончил адаптив под 320, вижу видос вышел. зашел глянуть, а тут такое... ну спасибо! ))

[@alexeybychkov_]

😄 да я сам еще позавчера 320-ые делал)

[@azainvestgroup3527]

Леха отдельный респект за упоминание про Тильду))) Детально)))

[@alexeybychkov_]

Пожалуйста! 😅

[@shkida9930]

Информативно и не скучно! Спасибо за контент) Вставки в конце - как отдельный вид искусства))

[@alexeybychkov_]

Ну класс 😀

[@ИлонаМаклаева-г3ю]

Леша, каждоне видео твое конспектирую))) Спасибо!

[@alexeybychkov_]

Заметки это хорошо!

[@Татьяна-ю1р2м]

спасибо за толковый разбор. Лайк и хорошего дня)

[@alexeybychkov_]

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

[@KaramelkaMega]

Понятно объясняешь про непонятные технические моменты, типо этих коэффициентов. Благодаря твоим видео, начинаю понимать, как работают вообще эти диапазоны. И полезно рассказываешь, как выкручиваться из всяких моментов с заказчиками. Очень полезно, спасибо!)

[@alexeybychkov_]

ну класс. Спасибо за просмотр!

[@katerinamikhaylova4964]

Помню, как скидывала ссылку на этот ролик заказчику, чтобы показать четко аргументированную инфу о том, почему же у меня в файле фигмы именно 360-тый макет, а не 320пх) Большое спасибо! И ссылка девайсов и разрешений супер-полезная - сохранила!!

[@alexeybychkov_]

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

[@taivanskaya]

Спасибо за полезный ролик. Проходит эпоха малышей Айфонов. Осталась только ностальгия по SE. Сайт с табличкой очень полезен, не знала о таком.

[@alexeybychkov_]

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

[@Maks_K.]

Спасибо большое! Сказал своим верстальщикам, которые не знали об этом. Алексей, ты опять впереди планеты всей) так держать!!

[@alexeybychkov_]

пожалуйста)) но мне казалось в плане 320 я наоборот последний готовился к переезду)

[@ilmira8019]

Сразу лайк❤ Спасибо за полезный контент!

[@alexeybychkov_]

спасибо) 😊

[@little0wlet]

Спасибо, вновь открыла для себя что то новое и полезное )

[@alexeybychkov_]

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

[@oradelight]

Поднял настроения с утречка! Мне тоже твои ролики нравятся, я тоже лайк поставила😁

[@alexeybychkov_]

отличные новости)

[@Denizes_]

Спасибо, Лёха! Очень полезная инфа!

[@alexeybychkov_]

пожалуйста)

[@МартаСтранковская]

Спасибо за полезный ролик🔥🔥🔥 важную тему поднял😉👍

[@alexeybychkov_]

пожалуйста!

[@Татьяна-ю1р2м]

Очень понятно и доступно. Лайк🔥🔥🔥

[@alexeybychkov_]

Ну класс

[@iraerin]

Дякую за відео! Як завжди все на висоті! Дуже доступно))😊

[@alexeybychkov_]

пожалуйста)

[@barilka]

Поздравляю всех с этим днем, днем когда можно уже не делать 320 пх👍 Они нас покинули, а мы не расстроились😂 Спасибо, что просвещаешь нас в эти моменты. Таблица - огонь. Спасибо, Леша, за крутой конетент.

[@alexeybychkov_]

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

[@EvgeniaKrivonosova]

Это я сегодня как раз взгрустнула. Как только вышел этот ролик, я сразу на довольных щщах побежала делать все макеты на 360. И вот я, значит, бахнула лендинг на выходных, сегодня вся такая довольная сдала его. А потом вспомнила, что этот заказчик же просил делать не на 360, а на 320 😭 Спасибо автолейаутам за быстрое редактирование, но мне все же очень мало места на 320))

[@alexeybychkov_]

так скинь ему ссылку на видео в следующий раз

[@nickkent9869]

Полезный ролик. Рекомендую сразу обновить "Заготовку под адаптивы" на вашем сайте))

[@alexeybychkov_]

ага, обновил, спасибо)

[@olgasemenova1960]

Леша, спасибо за ценную информацию!

[@alexeybychkov_]

пожалуйста!

[@dianakurbatova1461]

Про леща смешно)) спасибо за контент!!!

[@alexeybychkov_]

😄

[@АлександраКонюхова-н7с]

Очень люблю ваши мини-уроки, периодически пересматриваю, когда надо что-то освежить в голове)))

[@alexeybychkov_]

Очень рад!

[@inessarudenko759]

Леша, спасибо за море полезной и структурированной(!) инфы. Как хорошо, что можно посмотреть 1 видео и получить ответы на почти все свои вопросы!

[@alexeybychkov_]

Пожалуйста!

[@НадеждаЛебежина]

Классный ролик! Как всегда, раздаёшь полезности! Спасибо!

[@alexeybychkov_]

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

[@МартаСтранковская]

Прошла эпоха 320-х, теперь буду делать правильно 360 в адаптивах🖐 спасибо

[@alexeybychkov_]

да, целая эпоха ушла!

[@kristinkashidlovskaya8787]

Спасибо, очень полезный ролик, больше никаких адаптивов на 320))

[@alexeybychkov_]

пожалуйста!

[@cashback_feedback]

Спасибо!!!! Буду теперь у куратора обучения спрашивать его мнение на этот счёт

[@alexeybychkov_]

пожалуйста)

[@НиКи-д4н]

вот это очень актуально, спасибо!

[@alexeybychkov_]

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

[@khachatur9826]

Спасибо за раследование. Всё классно)

[@alexeybychkov_]

пожалуйста)

[@ИнгаКривоблоцкая]

Спасибо за полезную инфу,особенно по таблице )прояснилось как происходит перестроение!))

[@alexeybychkov_]

супер

[@helena_selena]

Очень полезная табличка с разрешениями девайсов и непонятным коэффициентом) Не говоря уж о том, что на канале мега-полезный контент)) спасибо)

[@alexeybychkov_]

супер)

[@ЕкатеринаКамотина]

Было супер-полезно, как и всегда) Спасибо за актуальную информацию и за сайт с таблицей)

[@alexeybychkov_]

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

[@innasapegina7068]

Согласна, таблица вообще огонь!

[@valeriyavaleriya1926]

Спасибо за таблицу! Полезная штучка :)

[@alexeybychkov_]

да пригодится)

[@ellviira]

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

[@alexeybychkov_]

супер!

[@Kondaurova_ale]

На этом канале есть ответ на любой вопрос веб-дизайна ей богу!) Спасибо!

[@alexeybychkov_]

круто) 🥳

[@Евгений-г8ю]

Спасибо за контент, как всегда топ! Обычно по оному адаптиву под планшет и моб версию)😊

[@alexeybychkov_]

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

[@alenahalaburda6373]

Теперь адаптивы начинаем с 360🤘🤘🤘

[@alexeybychkov_]

супер)

[@auror.]

Спасибо. это было полезно. Особенно благодарен за ссылку на файл с актуальными размерами. Это хороший аргумент в обсуждении с верстальщиком и заказчиком.

[@alexeybychkov_]

супер

[@juliaisaeva1229]

Спасибо за видео и табличку) Дубли в конце - супер)

[@alexeybychkov_]

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

[@ГалинаМихайлова-е2с]

Большое спасибо за это видео, как всегда, полезно, информативно, интересно

[@alexeybychkov_]

большое пожалуйста!

[@uxAnnRy]

Большое спасибо. С каждым роликом тема адаптивов все понятнее и понятнее👍👍👍

[@alexeybychkov_]

отличные новости)

[@gavrilovamaria9244]

Смотрела уже раньше и ещё раз с удовольствием пересмотрела)

[@alexeybychkov_]

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

[@yulia9274]

Ролик, как обычно, классный. Пока смотрела, думала о Тильде и их 320 пх, но вы уже всё итак сказали😀. Будем ждать обновлений и у них, может они вас тоже смотрят😉.

[@alexeybychkov_]

может)) спасибо за просмотр!

[@sionymew4401]

Спасибо, как всегда полезно и подача - огнище)!

[@alexeybychkov_]

ну класс)

[@Ksenia_diary]

Так интересно, что осталось только на курсы попасть и прям более серьёзно разбираться в адаптивах, дизайне и прочем. Так что накоплю деньги и сразу на курс💥

[@alexeybychkov_]

отличный план))

[@user-hh5wr5yi3s]

Одно удовольствие смотреть короткие и информативные ролики)

[@alexeybychkov_]

ну класс!

[@flamest1lflamest1l43]

Отличный видос! Вот теперь думаю про резиновую верстку, сейчас начинает почаще встречаться

[@alexeybychkov_]

супер

[@TheAlenaVolkova]

Спасибо за такое подробное объяснение! Для меня пока еще тема размеров, экранов и адаптивов - сложная. Но так как ты - не разжевывает никто. Спасибо за ролик в открытом доступе, который можно пересмотреть в любой момент. Это нереальная помощь!

[@alexeybychkov_]

вот и хорошо)

[@plrchk]

Спасибо за ролик🔥🔥🔥 Таблица интересная, теперь понятно почему на телефоне выглядит всё "именно вот так" после верстки сайта

[@alexeybychkov_]

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

[@emerson_3501]

Спасибо за ролик и табличку, мегаполезно)

[@alexeybychkov_]

пожалуйста)

[@_mylastproject_]

Сколько я ждал этого дня!!

[@alexeybychkov_]

Да!

[@МарияБутримова-е2е]

Леша, спасибо! Очень здорово, что рассказываешь актуальные новости из мира верстки)

[@alexeybychkov_]

☀️

[@YevgeniyaMatveyeva]

Ну чтобы мы делали без Лешиных роликов? А так всегда знаем актуальную информацию. Спасибо!🤗

[@alexeybychkov_]

Да!

[@makszakrzhevskyi6471]

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

[@alexeybychkov_]

очень рад)

[@lexiesanders929]

Ура, в Тильде теперь тоже делаем сколько хотим! 🔥🔥🔥

[@alexeybychkov_]

ну класс)

[@kate_the_pianist]

Ролики как всегда на высоте 🔥 теперь только 360!

[@alexeybychkov_]

супер)

[@olgaccc5094]

отдельное спасибо за ссылку на разрешения, прям прозрела!!!! Спасибо за видео!

[@alexeybychkov_]

пожалуйста)

[@veronikarevutskaya2362]

Ахахаха) поговорили про Тильду) ну ничего на обучении расскажешь, как раз скоро урок) спсаибо за ролик!

[@alexeybychkov_]

😅

[@alinafrolkina5832]

здорово, что контент полезен и для фрилансеров, и для ребят с офиса

[@alexeybychkov_]

да!

[@ItchefRu]

360 вместо 320 это уже что то 40 рх это конечно не 400 но когда каждые 10 рх на счету, довольно важный прирост пространства.

[@rimmachobanian02]

Да, 100% согласна!

[@alexeybychkov_]

ага, казалось бы всего 40 пх, а столько места))

[@ОляКонцевая-ш5й]

Очень информативный ролик с крутой подачей, как всегда 😀😀😀 Отдельное спасибо за таблицу😛

[@alexeybychkov_]

пожалуйста!

[@Илья-л7п2ъ]

10:54 и я лайк поставил)

[@alexeybychkov_]

ееее спасибо! ☀️

[@juliasizova7799]

Какая полезная табличка! Ура, буду пользоваться. И почему я раньше не нашла твой канал? Нашла ответы на свои вопросы.

[@alexeybychkov_]

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

[@yzefinayanovska8211]

ты очень интересно и доступно всё рассказываешь! приятно разбираться в этом с твоей помощью !

[@alexeybychkov_]

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

[@ОльгаКулик-д1е]

Табличка божественная и контент - огонь. Спасибо))

[@alexeybychkov_]

супер))

[@ЕкатеринаБаранова-е3и]

Ура! Рада, что макеты на 320 пх ушли в прошлое) Спасибо за ролик)

[@alexeybychkov_]

Пожалуйста 🎉

[@StarkElessar]

Класс! Особенно вконце стёб про тильду зашёл 🤣 ".. хотели ролики про тильду? Вот мы и поговорили..." 🤣🤣🤣🤣

[@alexeybychkov_]

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

[@ИринаВишникина-е7ы]

Такая большая разница, хотя вроде изменение небольшое) Классное видео💥

[@alexeybychkov_]

ну класс)

[@1vohr3]

Спасибо за таблицу, как всегда огонь!!!!

[@alexeybychkov_]

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

[@alisaprokofyeva8361]

С твоей поддержкой не так страшно углубляться в эту тему с адаптивами. Только и успевай сохранять да конспектировать. Спасибо большое! ❤‍🔥❤‍🔥❤‍🔥

[@alexeybychkov_]

пожалуйста большое)

[@АлексейКожевников-ж4з]

Я не один такой который перед просмотром достает тетрадку о го конспект писать.)))))

[@alexeybychkov_]

Заметки это же хорошо)

[@User-n1p6z]

Отдельное спасибо за таблицу с разрешениями девайсов)

[@alexeybychkov_]

это пожалуйста)

[@julalll]

Какой полезный ролик! Спасибо за табличку с размерами и коэффициентами)

[@alexeybychkov_]

Пожалуйста!

[@polinagilphanova5779]

От вас так веет позитивом ☺️

[@alexeybychkov_]

🥳🎉

[@СабинаМамедова-в8э]

классно, желаю, чтобы твои ролики смотрело больше дизайнеров, что бы верстальщики не страдали🔥

[@alexeybychkov_]

спасибо!

[@innasapegina7068]

Ооо, актуальная инфа подкатила)) Спасибо! Казалось бы 40рх, а как много для дизайнеров)))

[@alexeybychkov_]

да, целая пропасть))

[@TyttuFrytu]

спасибо Алексей, познавательно)

[@alexeybychkov_]

Пожалуйста!

[@annamozgovaya104]

Классно! Интересный ролик, и свой телефон можно глянуть на сайте, какой макет подтягивается, круто))

[@alexeybychkov_]

супер