Адаптив в веб-дизайне: какой порядок подготовки ресайзов для смартфонов и планшетов лучше?

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

[@alexeybychkov_]

Пришел к тому, что есть три варианта:
1. Постраничный поразмерный
2. Все разрешения по очереди
3. Постраничный поблочный

[@innasapegina7068]

Твои ролики сто пудов помогают ускорить работу!!! Класс! Спасибо! 🔥🔥🔥

[@alexeybychkov_]

супер)

[@jukographica]

Третий метод кажется ахеренным. Испробую!

[@alexeybychkov_]

давай))

[@taivanskaya]

Мне 3 способ показался логичным и удобным. Попробую делать так. Благодарю за новые знания.

[@alexeybychkov_]

И мне!

[@МаксимСолопов-и1ф]

Спасибо, Алексей, за отличный ролик. Пользовался первым методом, работая в Фигме. Думаю, твой совет с 3м методом очень поможет в дальнейшей работе.

[@alexeybychkov_]

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

[@ГалинаМихайлова-ш5ъ]

очень хорошее видео, все понятно

[@alexeybychkov_]

супер!

[@iraerin]

Дякую за відео! Третій варіант прям дуже сподобався))

[@alexeybychkov_]

Супер)

[@ЮлияЯкубюк-п1з]

Не думала, что есть несколько способов. Спасибо!

[@alexeybychkov_]

пожалуйста!

[@ОльгаКечаева-и3ы]

Без воды, спасибо) всё только полезное)

[@alexeybychkov_]

пожалуйста!

[@СветланаКузнецова-о1ъ9ц]

Спасибо, Алексей! Действительно, третий способ удобнее.

[@alexeybychkov_]

ну класс)

[@vadim_yakushenko]

третий вариант кажется бомбезным, буду пробовать!)

[@alexeybychkov_]

Давай)

[@olgakhabarina3655]

Поблочный, думаю, самый лучший. Одной информации, что он самый быстрый, уже достаточно для этого) Спасибо за идею!

[@alexeybychkov_]

🥳🎉

[@aleksand135]

Спасибо, что показываешь как реально ускорять работу!!! Пока что пользовалась первым способом, но для больших проектов, думаю, удобнее делать третьим. Буду пробовать👍

[@alexeybychkov_]

пожалуйста! Спасибо за просмотр)

[@Eugenia_Safonova]

Видео - просто класс!🔥 Надо будет попробовать способ поблочного адаптива.

[@alexeybychkov_]

Супер

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

Да. Последний вариант самый удобный для меня. Спасибо за ролик. Лайк🙃🙃🙃

[@alexeybychkov_]

супер, и тебе спасибо за комменты!

[@АнастасияКриворотова-г7и]

Спасибо за кучу полезной инфы! :)

[@alexeybychkov_]

всегда пожалуйста)

[@Alexandraizotova727]

Я раньше делала первым способом, но теперь хочу попробовать третий, а вдруг будет и в правду удобнее
Спасибо!🔥
Очень полезный ролик

[@alexeybychkov_]

Вот и попробуй!

[@akonyzheva]

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

[@alexeybychkov_]

пожалуйста!

[@yuliyapershina825]

Сейчас тоже так адаптивы делаю) Спасибо тебе, это ускорило мою работу))

[@alexeybychkov_]

Ну класс)

[@innasapegina7068]

Интересный 3 вариант! Попробую все три метода и веберу лучший для меня)) Спасибо большое что делишься!!!

[@alexeybychkov_]

пожалуйста!

[@zagoorsky2887]

Алексей, спасибо за контент! Как всегда ничего лишнего, только полезная инфа!

[@alexeybychkov_]

пожалуйста)

[@АнастасияДжерихова-с7е]

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

[@alexeybychkov_]

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

[@ЯнаВишневская-п5ъ]

Третий способ понравился больше всего)) Спасибо за наглядные примеры, обязательно буду использовать. 😊

[@alexeybychkov_]

Супер!

[@advoryanin]

Третий вариант вообще крут! Надо будет попробовать! Пятерку🖐👍

[@alexeybychkov_]

супер))

[@bibimoi_ru]

Даже спустя 5 лет информация актуальная и полезная. Есть принципы удобной рабты и они неизменны. Спасибо! Вопрос отпал про адаптивы!

[@alexeybychkov_]

вот и замечательно)

[@khachatur9826]

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

[@alexeybychkov_]

пожалуйста)

[@ellviira]

поблочный способ адаптации - интересный!) буду пробовать) спасибо за находку 🙃

[@alexeybychkov_]

пожалуйста)

[@olgatereshko8447]

Прикольно про третий метод! Спасибо!

[@alexeybychkov_]

и мне нравится!

[@user-elf0000]

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

[@alexeybychkov_]

пожалуйста!

[@marinanixi]

Спасибо! Ответил на возникший вопрос))))

[@alexeybychkov_]

Супер, если есть еще - задавай))

[@dmitrynovi1440]

Первое в жизни видео без минуса которое я вижу)

[@alexeybychkov_]

о, действительно, хейтеры видео не заметили))

[@karinaliman5961]

Постраничный поблочный метод - офигенный, очень логичный!
Спасибо, что наглядно показываешь как экономить время и упрощаешь жизнь дизайнерам🔥🔥🔥

[@alexeybychkov_]

И тебе спасибо, что не забываешь отметиться 😀🤟

[@elenakotova1672]

Не делала раньше адаптивы, но теперь знаю точно с какого варианта начать, с 3го))

[@alexeybychkov_]

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

[@АлисаСамусева-я1ю]

Отличное видео! В таком коротком ролике столько полезной инфы *-*

[@alexeybychkov_]

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

[@Soffikko]

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

[@alexeybychkov_]

Да надо практиковаться

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

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

[@alexeybychkov_]

Тоже так думаю)

[@имяфамилия-з4е1п]

3ий метод супер, всё перед глазами, сразу виден объем работы. Спасибо!)

[@alexeybychkov_]

да!

[@veronikarevutskaya2362]

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

[@alexeybychkov_]

Давай)

[@tanais_play]

Как я раньше пропустил это видео? Исправляюсь) Как всегда отличный контент

[@alexeybychkov_]

Спасибо))

[@yzefinayanovska8211]

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

[@alexeybychkov_]

Вот и замечательно!

[@Mar_marinka]

Видимо 3ий вариант и правда наиболее удобный! Спасибо за видео! Фил Хуг🤗

[@alexeybychkov_]

да постоянно пользуюсь!

[@НикитаМалинин-ъ4о]

Спасибо) Последний способ прям удивил. Лайк)

[@alexeybychkov_]

Супер))

[@elenadenysenko2742]

классная идея с адаптивами постранично) спасибо буду пробовать

[@alexeybychkov_]

супер)

[@АнастасияЧуманова-м5р]

Спасибо, что делишься опытом. Пойду пробовать сразу с третьего способа)

[@alexeybychkov_]

пожалуйста!

[@Valeria_Bychkova]

Ничего себе, теперь я и для себя открыла новый вариант - поблочный, даже и не знала что так можно и удобно! Спасибо что делишься своими идеями! 💫

[@alexeybychkov_]

супер 🥳

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

Не знал про 3 способ адаптирования, обязательно попроьбую! 🔥

[@alexeybychkov_]

очень клаассный!

[@shkida9930]

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

[@alexeybychkov_]

круто, молодец!

[@yuliaopolska3991]

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

[@alexeybychkov_]

и мне нраавится)

[@semon9432]

Про адаптив очень полезно. Спасибо!

[@alexeybychkov_]

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

[@helenblinkova9455]

3 вариант кажется самым удобным и оптимальным :) Спасибо, что делишься своим опытом!

[@alexeybychkov_]

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

[@marinaviktorova4767]

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

[@alexeybychkov_]

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

[@veronicaklyshevich6445]

Третий способ кажется самым удобным) Буду пробовать!

[@alexeybychkov_]

🚀🚀🚀

[@mikhailpervushin]

Спасибо, что оглушил в начале видео))) Третий метод, действительно, на фоне остальных самый крутой!

[@alexeybychkov_]

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

[@Екатерина-у5й7я]

оказывается несколько вариантов адаптивов бывает) попробую постранично-поблочно)💯👍

[@alexeybychkov_]

ага!

[@yurlova_nastya]

Очередной супер лайфхак) Спасибо, Лёша! Действительно третий способ кажется более удобным, буду пробовать)

[@alexeybychkov_]

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

[@justkerry31]

Спасибо за видео! 1 и 3 вариант показались наиболее удобными)

[@alexeybychkov_]

супер) 🚀🚀🚀

[@МарияКузьмина-з3б]

Прикольно!) Я только про два метода знала) Мне кажется, последний - самый удобный, т.к проще вносить изменения👍

[@alexeybychkov_]

💯

[@Aleksandroldman]

Круто, Алексей!!))

[@alexeybychkov_]

Вуухууу!

[@КсенияСамигуллина-ш9н]

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

[@alexeybychkov_]

мне тоже так кажется))

[@ЕкатеринаБратченя]

Спасибо за примеры!) буду пробовать 3-ий метод))

[@alexeybychkov_]

пожалуйста)

[@elenakaramova3746]

3-й способ на много удобнее , спасибо))

[@alexeybychkov_]

круто))

[@kristinkashidlovskaya8787]

Спасибо за классный ролик)
Обычно пользуюсь первым методом, теперь захотелось попробовать третьим)

[@alexeybychkov_]

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

[@anastasiyachaika7075]

Поблочный по страницам кажется одним из удобных 👍

[@alexeybychkov_]

и мне!

[@a1tn14]

мне больше понравилось делать адаптивы третьим методом! 🔥🔥🔥 спасибо!

[@alexeybychkov_]

тоже постоянно так делаю!

[@annazlonska5821]

Спасибо за видео) Адаптивы теперь обожаю!

[@alexeybychkov_]

еее супер!

[@Alina-e7w7r]

Спасибо что делишься опытом! ♥

[@alexeybychkov_]

Пожалуйста)

[@masika1]

Круть! Мне тоже 3-й вариант понравился ) Спасибо!+

[@alexeybychkov_]

еее круто!

[@natashache6699]

Спасибо за полезную информацию! Я только учусь, так что обязательно воспользуюсь советом и буду применять 3-й вариант для создания адаптивов.

[@alexeybychkov_]

это всегда пожалуйста!

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

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

[@alexeybychkov_]

Ну класс

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

Спасибо большое за видео, очень наглядно и понятно))

[@alexeybychkov_]

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

[@МаринаЮсенбели]

Как-то первый постраничный вариант намного ближе)..Если интернет-магазин делаю, обычно еще создаю страницы в одном файле, главная+адаптивы на одной странице, каталог + адаптивы на другой, и верстальщику такой подход больше нравится, не нужно по всему макету 3 часа гулять))...А последний способ поблочный меня заинтересовал, надо будет обязательно попробовать!
Крутое видео, спасибо, Лёша!)🔥🔥🔥

[@alexeybychkov_]

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

[@Masloboynikova]

спасибо, что делишься опытом! буду пробовать варианты, но думаю, остановлюсь а третьем))

[@alexeybychkov_]

пожалуйста)

[@МаринаЧистякова-ж6ч]

Как всегда без воды и по существу! Спасибо за лайфхак)

[@alexeybychkov_]

супер

[@rimmachobanian02]

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

[@alexeybychkov_]

супер!

[@SuperNatalyya]

Благодаря ролику беру сразу готовое решение-третий вариант ( наглядно сразу понятен объем работы) . Он к тому же и комментариями подкреплен. Плохого не посоветуешь! Спасибо, Алексей

[@alexeybychkov_]

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

[@h2643]

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

[@alexeybychkov_]

компоненты и автолейаут творят магию в экономии времени

[@annpro5203]

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

[@alexeybychkov_]

Пожалуйста!

[@hannapapova2175]

Постраничный поблочный метод - кажется самым продуктивным способом! Так и попробую!

[@alexeybychkov_]

ну класс)

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

спасибо большое за видео, не знала про последний метод. Буду пробовать!)

[@alexeybychkov_]

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

[@polly.procenko]

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

[@alexeybychkov_]

Огонь

[@irynamelnychenko88]

Спасибо большое. Сразу буду делать удобно)

[@alexeybychkov_]

🥳

[@kate_the_pianist]

Ух ты! Попробую третьим способом! Обычно делала первым)

[@alexeybychkov_]

попробуй!

[@nv_arkhipova]

3 способ мне нравится) так будет удобно) Спасибо, что поделился 3-мя способами))

[@alexeybychkov_]

пожалуйста!

[@Rakoparty]

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

[@alexeybychkov_]

пожалуйста!

[@tetianafrolova505]

не могу определиться, какой формат твоих роликов мне нравится больше. Скорее всего все))

[@alexeybychkov_]

круто)

[@alenayeremina7533]

Как всегда все по делу и без воды))) Ну чистый кайф, а не ролики)))) Спасибо, что делишься))

[@alexeybychkov_]

пожалуйста!

[@stanislav6651]

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

[@alexeybychkov_]

Мне третий больше нравится

[@СевильГусейнова-э7м]

Последний метод просто супер👍🏽! Сразу понятно сколько сделал и сколько времени еще предстоит работать. Спасибо!❤

[@alexeybychkov_]

супер

[@ВиталийВитальевич-л6з]

Спасибо, полезно . Пора и домашеньку начинать )

[@alexeybychkov_]

100%)

[@ilmira8019]

Понятно и полезно, как всегда👍🏻 Спасибо за ролик!

[@alexeybychkov_]

ну класс)

[@minibull_valera]

Спасибо за видео!)) буду пробовать🔥

[@alexeybychkov_]

пожалуйста)

[@АлинаМеликова-ж6в]

Так классно, что такой важный и полезный контент мы получаем уже исходя из опыта.🤩
Не тратя время мы можем сразу перейти к самому удобному способу.😊
Спасибо 💜

[@alexeybychkov_]

Ну класс 🎉

[@userinaxue]

Да. Мне последним методом тоже больше всего удобно 👍🏻

[@alexeybychkov_]

Супер)

[@anastasiiasihetii]

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

[@alexeybychkov_]

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

[@meryul8623]

Канал просто кладезь полезной инфы 🤯 Спасибо! Пошла смотреть следующее видео

[@alexeybychkov_]

Классный план)

[@АннаПетрова-у1ы]

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

[@alexeybychkov_]

тоже так думаю)

[@morhunka]

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

[@alexeybychkov_]

😊

[@inessarudenko759]

Постранично/поблочно - клевый логичный метод. Спасибо за полезный контент!

[@alexeybychkov_]

🥳

[@ЕленаСамарцева-л6з]

Классно! Понравился вариант - постраничный поблочный. Спасибо большое!

[@alexeybychkov_]

вот и хорошо)

[@anastasiamihodenko1663]

ФилХуг! Мне тоже 3-й вариант понравился ) Спасибо!

[@alexeybychkov_]

супер!