Нужно ли делать 320пх? Сколько адаптивных макетов дизайна лучше показывать? Дизайн. Верстка. Фриланс
Vložit
- čas přidán 6. 09. 2024
- #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
Хотел показать, что 320 пх больше не нужны и вместо них смело можно делать 360 пх, а в итоге еще и про количество макетов для адаптива рассказал. А у кого старые SE просто даже подвоха не заметят. Откроют сайт 360 со своих 320 и даже не поймут, что что-то не так. Горизонтального скрола не будет, а макет просто впишется
Спасибо за вашу активность в комментах!
iphone se и 5 передаёт привет (там 320)
@@E1ipS0iD можно было ролик посмотреть, а потом привет махать 😄 в видео как раз про эти телефоны и говорил, что у них 320. Только открыв с них сайт сверстанный на 360 даже разницы никто не заметит и не поймет что что-то не так. Горизонтального скрола не будет, все просто впишется без проблем. Привет
@@alexeybychkov_ а как 360 спишется в старую версию с 320?
Видео хорошее! Но не понял зачем нам разрешение 480? Посмотрел мировую статистику , самое популярное 360 на 640
После этого видоса я воодушевленно стал делать минимальный под смартфоны на 360, но потом получил леща от сео-шника, т.к. поисковики не принимают сайт адаптивным если нет 320.... надеюсь скоро это пофиксят и продолжу воодушевленно рисовать на 360))))))
Я одна перед просмотром ролика сразу ставлю лайки, потом бегу смотреть?)😄😉😀
спасибо))
я тоже так делаю, зачем откладывать на потом то, что можно сделать сразу ) нам не жалко, а Леше приятно! Да и есть за что благодарить!!!🥰🥰
Ну и палец твой не остался незамеченным 😂 я даже сначала подумала показалось и перемотала, но не показалось)) Это как будто пасхалки какие-то, которые ты незаметно вкидываешь в ролики))) И сидишь потом думаешь, а вдруг это что-то значит, вдруг это привет тем кто делает только один макет, а вдруг это какое-то тайное послание 😂😂
это отсылка к тому, что нужно делать 4 файла адаптива, а не забивать на промежуточные файлы и показывать только 1 минимальный макет под смартфоны))
да, тоже заметил
В случае чего дизайнер подошёл, леща получил, все объяснил, и верстальщик знает, как верстать 😂💯
100%))
Я человек простой. Вижу ролик Алексея сразу ставлю лайк и оставляю комментарий, даже если посмотрю потом!
ееее спасибо ☀️
а если посмотреть потом забудешь? )
"вы же хотели больше роликов по тильде, вооот". Ахахахаххах, убил.) Спасибо, как всегда полезно!
😄
А я вот как раз тот парень, который делал минимально 375. Столько владельцев телефонов на 360 обделил, оказывается) Спасибо за знания, Леша. И сайт с таблицей прям очень крутой!)
ага, пожалуйста!
Буквально на днях написал об этом в чатиках, а уже видео на канале, спасибо за оперативность!🤩👏🏼💪🏽
да решил что тема важная, и нужно видео оформить
Ооо, то что нужно. Как раз нужно делать адаптив. Пушка ракета 🚀
ееее супер!
как хорошо, что есть Леша и нам даже проводить расследование не прихадится 😂
☺️
Ну теперь спокойно можно делать 360 пх и не переживать, так еще и про макеты новое узнала, спасибо!!!!!
отличный план!
только закончил адаптив под 320, вижу видос вышел. зашел глянуть, а тут такое... ну спасибо! ))
😄 да я сам еще позавчера 320-ые делал)
Мне нравится что даже в таких небольших роликах столько полезного для работы и главное все доступным языком)
рад, что нравится!
Спасибо, что несёшь в массы актуальную информацию - сам идёшь в ногу со временем и нас за собой подтягиваешь :)
да, еще пару дней назад делал 320, теперь уже 360
Замечательный урок) респект за сайт, теперь заказчик не застанет в расплох с вопросами ))
хорошо звучит)
8:55 то чувство, когда смотришь этот видосик через айфон SE 1-го поколения 🥲
во дела)
4:18 обожаю эту игру пальцами ахаха, видео как всегда огнище!
рад, что нравится 😄
Это я сегодня как раз взгрустнула. Как только вышел этот ролик, я сразу на довольных щщах побежала делать все макеты на 360. И вот я, значит, бахнула лендинг на выходных, сегодня вся такая довольная сдала его. А потом вспомнила, что этот заказчик же просил делать не на 360, а на 320 😭 Спасибо автолейаутам за быстрое редактирование, но мне все же очень мало места на 320))
так скинь ему ссылку на видео в следующий раз
Уже давно в офисе делаем сразу 375 пиксельные макеты. Странно, что кто-то все еще делает 320
Спасибо за видео
нуууу я еще пару дней назад тоже делал 320. А потом с верстальщиками пообщался и действительно в 320 больше нет необходимости. Чего не скажешь про 360)
Спасибо большое! Сказал своим верстальщикам, которые не знали об этом. Алексей, ты опять впереди планеты всей) так держать!!
пожалуйста)) но мне казалось в плане 320 я наоборот последний готовился к переезду)
Класс! Мерси за табличку большой-большой!
пожалуйста)
Крутой и полезный ролик! Сразу возникает вопрос какая разница, зачем ради 40 px менять структуру работы, к которой привык. Но потом понимаешь, что на мобилках даже 10 лишних облегчают жизнь) 🔥🔥🔥
да! 40 пх это стоооолько места))
Класс) Теперь то дело пойдет с 360px! Спасибо за очередной полезный ролик)
пожалуйста)
Раньше делала только под мобилу адаптив на 320, т.к бюджет и все такое, а конечно же всем хочется, чтобы и с телефона можно было сайт посмотреть.
Теперь понимаю, какая ошибка у меня в брифе!
СпасибО!
пожалуйста)
Классная новость, хоть еще до нового года месяц.... Круто.
🚀🚀🚀
Леша, привет. Большое спасибо за информацию! ))
привет. Пожалуйста!
Хорошая новость, спасибо) Только вчера доделала 320 макет. Пойду попрощаюсь)
да, прогресс не стоит на месте)
Урок огонь, а сайт с табличками разрешений вообще божья благодать )))) Спасибо, что балуешь нас подобным контеном 👍👍👍
спасибо за просмотр))
Этот великий день настал!
100%))
спасибо за толковый разбор. Лайк и хорошего дня)
пожалуйста! 🥳
Мне тоже ролики нравятся-нравятся 🙂. Кто-то только начинает, поэтому видосик даже от 2021 года для кого -то свеженькая информация. Спасибище за инфу и всяческие супер полезные комментарии) Успехов и процветания)
очень рад! 🎉
Второй раз пересмотрела уже во время курса, как будто с новым взглядом, намного понятнее)
спасибо за пересмотр)
Спасибо Алексей, благодаря вам, я иду в ногу со временем и понимаю какие форматы макетов сейчас актуальны))
супер) спасибо за просмотр!
Спасибо, очень полезно)
Классно, что ты следишь за актуальностью тенденций и быстро перестраиваешься, делаешь по-новому) такая гибкость в поведении позволяет развиваться👍🏼
ничего себе быстро)) казалось я один из последних кто еще 320 делает и постоянно про это везде говорит, что оно все еще нужно) А оказалось, что не нужно)
@@alexeybychkov_ Я делаю и продолжу делать. Ибо с 320 растянется прекрасно до 360, а вот обратно уже не всегда выходит (то там текст сползёт, то тут). А потом заказчик со своего древнего se зайдёт и охренеет.
@@E1ipS0iD заказчик зайдет со старого SE и даже разницы не заметит и не поймет что что-то не так)) Горизонтального скрола не будет, все впишется без проблем. Не надо переживать из-за старых SE :) у них и так все хорошо будет отображаться. Нужно просто идти в ногу со временем!
спасибо за полезную информацию! Так легко рассказываешь, а вот когда сажусь делать, появляются вопросики )))
Спасибо за просмотр)
Спасибо, вновь открыла для себя что то новое и полезное )
спасибо за просмотр!
Всё как обычно полезно и круто. Теперь будем 360 делать)
Ну класс)
Спасибо за полезный ролик. Проходит эпоха малышей Айфонов. Осталась только ностальгия по SE. Сайт с табличкой очень полезен, не знала о таком.
спасибо за просмотр)
очень тревожно без нужных адаптивов, сидишь и ждешь сюрприз от верстальщика)))
100%))
Круто! Спасибо что освещаешь такие моменты)) Теперь никаких 320)
пожалуйста)) 🚀🚀🚀
Помню, как скидывала ссылку на этот ролик заказчику, чтобы показать четко аргументированную инфу о том, почему же у меня в файле фигмы именно 360-тый макет, а не 320пх) Большое спасибо! И ссылка девайсов и разрешений супер-полезная - сохранила!!
спасибо за просмотр!
Как всегда на высоте:)))) Лёша, от души за материал!
спасибо) рад, что нравится!
Крутое видео!) Спасибо) Только два дня назад сделал адаптив в 320)) Теперь начинается новая эпоха веб дизайна))
да, новая эпоха наступает))
Спасибо, мастер! Отлично жестом изобразил 1 макет на 9й минуте 😂
😄
Сразу лайк❤ Спасибо за полезный контент!
спасибо) 😊
Очень понятно и доступно. Лайк🔥🔥🔥
Ну класс
Очередная порция полезной информации! Спасибо!
супер) пожалуйста! ☀️
Информативно и не скучно! Спасибо за контент) Вставки в конце - как отдельный вид искусства))
Ну класс 😀
Большое спасибо за полезное, информативное и интересное видео
супер) спасибо за просмотр!
Полезный ролик. Рекомендую сразу обновить "Заготовку под адаптивы" на вашем сайте))
ага, обновил, спасибо)
Поднял настроения с утречка! Мне тоже твои ролики нравятся, я тоже лайк поставила😁
отличные новости)
Леха отдельный респект за упоминание про Тильду))) Детально)))
Пожалуйста! 😅
Спасибо за полезный ролик🔥🔥🔥 важную тему поднял😉👍
пожалуйста!
Ещё немного дизайна впитал в себя, спасибо)🤘
круто)
Супер инфа! Спасибо за ролик ))
ну класс) 🚀🚀🚀
Огромное спасибо! Вы как всегда на высоте!
спасибо за просмотр)
Спасибо, Лёха! Очень полезная инфа!
пожалуйста)
Леша, каждоне видео твое конспектирую))) Спасибо!
Заметки это хорошо!
вот это очень актуально, спасибо!
супер) пожалуйста!
Понятно объясняешь про непонятные технические моменты, типо этих коэффициентов. Благодаря твоим видео, начинаю понимать, как работают вообще эти диапазоны. И полезно рассказываешь, как выкручиваться из всяких моментов с заказчиками. Очень полезно, спасибо!)
ну класс. Спасибо за просмотр!
Классный ролик! Как всегда, раздаёшь полезности! Спасибо!
Спасибо за просмотр)
Дякую за відео! Як завжди все на висоті! Дуже доступно))😊
пожалуйста)
Спасибо, Леша! Будет чем обосновать)
пожалуйста!
Работаю и с дизайном, и с версткой. В очередном проекте подогнал все под 360 пикселей и... Пришлось подтягивать верстку чуть ли не под 280! Причина: у клиента вполне себе современный iPhone12, но с настройками девайса "увеличенный масштаб" (не браузера, а устройства вообще). Так что списывать 320-ю ширину "в одну колонку" пока рано, мне кажется. Алексей, спасибо за отличный и позитивный контент! Зачастую слушаю в процессе работы, как подкаст!)) А фишка с выдергиванием изображений из PDF для меня вообще "открытие года"!
так 360 тоже в одну колонку. Разве в видео что-то другое рассказывал. Это все та же одна колонка. А если открыть макет 360 на девайсе 320 даже горизонтального скрола не будет. На сайте gs.statcounter.com/ который показывает все девайсы используемые в мире вообще нет больше 320, но есть 360 и выше
Спасибо!!!! Буду теперь у куратора обучения спрашивать его мнение на этот счёт
пожалуйста)
Про такую таблицу даже и не знала 😃 обязательно сохраню себе)
супер! пригодится 🚀
Спасибо, очень полезный ролик, больше никаких адаптивов на 320))
пожалуйста!
Хороште новости) Делаю 4 адаптива. В последнем заказе попросили только 768 и 320. Переживаю теперь, что там верстальщик намутит)
переживать надо, когда адаптивов совсем нет))
Поздравляю всех с этим днем, днем когда можно уже не делать 320 пх👍 Они нас покинули, а мы не расстроились😂 Спасибо, что просвещаешь нас в эти моменты.
Таблица - огонь. Спасибо, Леша, за крутой конетент.
супер) пожалуйста!
Теперь адаптивы начинаем с 360🤘🤘🤘
супер)
Прошла эпоха 320-х, теперь буду делать правильно 360 в адаптивах🖐 спасибо
да, целая эпоха ушла!
Очень полезная табличка с разрешениями девайсов и непонятным коэффициентом) Не говоря уж о том, что на канале мега-полезный контент)) спасибо)
супер)
Ну чтобы мы делали без Лешиных роликов? А так всегда знаем актуальную информацию. Спасибо!🤗
Да!
классный ролик, буду учиться продавать дизайн-макеты адаптивов заказчикам) пока удавалось только продать адаптив мобильной версии, но теперь я знаю намного больше:)
супер!
Ролик огонь! Все по полочкам, как же здорово!
супер
Очень подробно, а главное - понятно и без лишних слов, спасибо большое 🤩
Спасибо за просмотр)
Очень люблю ваши мини-уроки, периодически пересматриваю, когда надо что-то освежить в голове)))
Очень рад!
На этом канале есть ответ на любой вопрос веб-дизайна ей богу!) Спасибо!
круто) 🥳
Спасибо за таблицу! Полезная штучка :)
да пригодится)
Так интересно, что осталось только на курсы попасть и прям более серьёзно разбираться в адаптивах, дизайне и прочем. Так что накоплю деньги и сразу на курс💥
отличный план))
Про леща смешно)) спасибо за контент!!!
😄
Было супер-полезно, как и всегда) Спасибо за актуальную информацию и за сайт с таблицей)
спасибо за просмотр)
Согласна, таблица вообще огонь!
классно, что описано не просто "делайте вот такие 4 адаптива", но и разъясняется, почему; можно будет увереннее потенциальным заказчикам все это объяснять
Спасибо за просмотр)
Спасибо за ролик! Раньше казалось, что при всём многообразии нынешних телефонов фиг разберёшься с этими разрешениями, а оно вон как всё просто
Спасибо за просмотр)
Спасибо за контент, как всегда топ! Обычно по оному адаптиву под планшет и моб версию)😊
спасибо за просмотр!
Ролик, как обычно, классный. Пока смотрела, думала о Тильде и их 320 пх, но вы уже всё итак сказали😀. Будем ждать обновлений и у них, может они вас тоже смотрят😉.
может)) спасибо за просмотр!
Леша, спасибо за море полезной и структурированной(!) инфы. Как хорошо, что можно посмотреть 1 видео и получить ответы на почти все свои вопросы!
Пожалуйста!
Спасибо за таблицу с разрешениями, и такое подробное объяснение) Периодически бывает, что в чатах до сих пор кто-нибудь да посоветует 320)
пожалуйста!
Большое спасибо за это видео, как всегда, полезно, информативно, интересно
большое пожалуйста!
Лёша, у меня iPhone SE и 320px! Уха-ха-ха!
терпи))
Ура! Рада, что макеты на 320 пх ушли в прошлое) Спасибо за ролик)
Пожалуйста 🎉
Ахахаха) поговорили про Тильду) ну ничего на обучении расскажешь, как раз скоро урок) спсаибо за ролик!
😅
Леша, спасибо за ценную информацию!
пожалуйста!
Спасибо за полезную инфу,особенно по таблице )прояснилось как происходит перестроение!))
супер
Спасибо. это было полезно. Особенно благодарен за ссылку на файл с актуальными размерами. Это хороший аргумент в обсуждении с верстальщиком и заказчиком.
супер
Спасибо за раследование. Всё классно)
пожалуйста)
Спасибки огромное, Учитель! 🤩👍🤘
Спасибо за просмотр)
Спасибо за ролик🔥🔥🔥 Таблица интересная, теперь понятно почему на телефоне выглядит всё "именно вот так" после верстки сайта
спасибо за просмотр)
Класс! Особенно вконце стёб про тильду зашёл 🤣 ".. хотели ролики про тильду? Вот мы и поговорили..." 🤣🤣🤣🤣
😄 спасибо за просмотр)
Ура, прощай 320px ! Это, наверное, как переехать из хрущевки в сталинку😁 Спасибо за полезный ролик !
😅