Адаптив в веб-дизайне: какого размера делать файлы в Фотошопе (Фигме) при разработке макетов
#адаптив #adaptive #вебдизайн
[ПЕРЕЗАЛИВ] Пока в отпуске был переделал еще один популярный видос, в котором «вещал из трубы», и на которой было стыдно давать ссылку из-за звука. А ссылку даю часто, почти всем заказчикам. Надо было собраться с мыслями и переделать. Вот пока я в отпуске - самое подходящее время для обновления :) Так вот: сколько и какой ширины нужно файлов при разработке адаптивного дизайна сайта.
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - www.patreon.com/alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: dsgn.tips/
👉 Твитор: _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
15 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/sites/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Пікірлер: 793
Как непривычно слушать тебя в старой записи))) Спасибо за полезный ролик 🤗
@alexeybychkov_
Жыл бұрын
Да уж))
Прекрасна візуалізація такої теми, легко і доступно пояснено! Дякую за цінну інфу 😍
@alexeybychkov_
2 жыл бұрын
ну класс)
Старые ролики так контрастируют с новыми в хорошем смысле! Не теряй искру, без твоих полезных видосов на ютубе будет пусто
@alexeybychkov_
Жыл бұрын
раньше был унылой улиткой
Вот наконец-то понятно стало, откуда все эти размеры, разрешения и про множитель плотности пикселей первый раз услушала)) Спасибо👍
@alexeybychkov_
Жыл бұрын
отличные новости)
Когда нужна полезная инфа быстро четко и емко - иду к Леше на канал !))) все просто ))) фил хуг! Спасибо, за твой труд!
@alexeybychkov_
2 жыл бұрын
еее круто)
Ох, сколько цифр! Я так поняла, что главное надо запомнить 5 значений. Про множитель вообще первый раз слышу. Благодарю за информацию: чёткую и наглядную. 💕💕💕💕
@alexeybychkov_
2 жыл бұрын
пожалуйста)
Спасибоогромное! Пора ролик обновлять на 360 :)
@alexeybychkov_
Жыл бұрын
пожалуйста!
заказчики в восторге - теперь они не боятся разговоров про разрешения и адаптивы)) спасибо!
@alexeybychkov_
2 жыл бұрын
ну класс)
Спасибо! Впервые узнала про множитель пикселей, теперь адаптивы стали понятнее))
@alexeybychkov_
2 жыл бұрын
ну класс)
Спасибо вам, добрый человек, за такой офигительный разбор материала! Ничего лучше не встречала!
@alexeybychkov_
5 жыл бұрын
Пожалуйста :) Приходите еще ))
@bibimoi_ru
Жыл бұрын
Однозначно!
Это огромная работа, и отличное объяснение как визуально так и информативно)) Спасибо большое :о
@alexeybychkov_
2 жыл бұрын
спасибо за просмотр)
Мой любимый канал, и днём и ночью уже тут, спасибо вам большое)
@alexeybychkov_
3 жыл бұрын
Вуууухууу! Рад, что нравится!
Про адаптивы - доступно, полезно, огонь🤩. Про МПП вообще первый раз слышу, надо еще поразмыслить, чтоб понять до конца, но в общем смысл уловила. Как обычно, большое спасибо за полезнятину🤗
@alexeybychkov_
4 ай бұрын
Спасибо за просмотр)
Всё сложное твоими словами становится лёгким 🤗 Спасибо!
@alexeybychkov_
Жыл бұрын
пожалуйста!
Спасибо вам за ваши уроки! Столько видеоблогов пересмотрела по теме и ваш - самый толковый!
@alexeybychkov_
4 жыл бұрын
Ну класс) Рад, что нравится!
Классно, что есть такое наглядное объяснение) Спасибо большое!
@alexeybychkov_
Жыл бұрын
🎉
Как всегда супер полезный контент 😍 Безумно нравится подача и как обычно очень много полезной инфы)
@alexeybychkov_
2 жыл бұрын
очень рад!
Спасибо за понятное объяснение👍 Вопросов не остается🙂
@alexeybychkov_
Жыл бұрын
супер
Спасибо за этот небольшой но очень информативный экскурс )
@alexeybychkov_
Жыл бұрын
спасибо за просмотр)
Спасибо за понятное видео и доступное объяснение) отличный контент без лишней воды
@alexeybychkov_
2 жыл бұрын
пожалуйста!
Спасибо, что помог всё по полочкам разложить, как всегда контент и подача 🔥
@alexeybychkov_
2 жыл бұрын
супер) пожалуйста!
смотрю уже не помню какой раз этот ролик и после каждого просмотра выношу что-то новое для себя, спасибо! 😉🚀
@alexeybychkov_
2 жыл бұрын
супер)
Это мое самое любимое видео про адаптивы) Наглядно и понятно, спасибо за контент❤
@alexeybychkov_
Жыл бұрын
ну класс)
спасибо за краткое и очень понятное объяснение про адаптивы, наконец все встало на свои места)
@alexeybychkov_
2 жыл бұрын
пожалуйста!
Так наглядно, без визуального шума и емко. Спасибо большое, все на свои места в голове!)
@alexeybychkov_
Жыл бұрын
Пожалуйста)
Очень полезный ролик! Такую информацию не встречала, особенно про множители😅 Всё очень просто и понятно, спасибище!
@alexeybychkov_
Жыл бұрын
пожалуйста)
Уже не первый раз возвращаюсь к этому видео, очень помогает с объяснениями для других ⚡️
@alexeybychkov_
2 жыл бұрын
Спасибо за просмотр)
По твоим видео легко можно набрать уверенную базу знаний!
@alexeybychkov_
Жыл бұрын
очень рад!
Ух ты, наконец-то эта вся математика с плотностю пикселей, разрешением экрана и подходящим адаптивом начала как-то приобретать смысл в моей голове)) Спасибо!
@alexeybychkov_
2 жыл бұрын
отличные новости)
❤🔥 я наконец-то поняла про разрешения и макеты и адаптивы, посмотрев твой ролик) благодарю!
@alexeybychkov_
11 ай бұрын
рад, что полезно!
С каждым роликом про адаптивы в голове всё лучше укладывается информация. Спасибо за твой труд!
@alexeybychkov_
Жыл бұрын
Отличные новости)
Очень подробный материал и визуально красиво и понятно оформлен 😍
@alexeybychkov_
2 жыл бұрын
ну класс 🚀
Супер понятно и супер подробно)) Спасибо)) Всё как по полочкам разложено!)
@alexeybychkov_
2 жыл бұрын
спасибо за просмотр)
Не первый раз уже смотрю ролик, но снова с большим удовольствием! Ты так круто, красиво и наглядно показал как там что происходит с разрешениями и меняется, это безумно полезное видео 👍 👍
@alexeybychkov_
2 жыл бұрын
супер) только оно малость устарело) завтра выйдет ролик, в котором расскажу, что 320 больше не нужно. А надо начинать с 360 пх
Браво! Лучшее объяснение, что я встречала!
@alexeybychkov_
3 жыл бұрын
Супер) Спасибо за просмотр)
Спасибо, что наглядно показал как все растягивается! Стало все понятно :)
@alexeybychkov_
3 жыл бұрын
супер! Рад, что пригодилось
это лучшее что я видела по этой теме, спасибо!
@alexeybychkov_
2 жыл бұрын
Супер)
Крутое видео, все разложено по полочкам и разжевано, взяла на заметочку чтоб если что заказчикам кидать, спасибо))
@alexeybychkov_
Жыл бұрын
Ну класс)
Ааа, так вот как работают эти множители плотности пикселей в фигме. Спасибо, что помог во всём разобраться. Очень понятный ролик без лишней воды👍
@alexeybychkov_
2 жыл бұрын
рад, что понятно)
Спасибо за классное видео! Мне очень понравилось как ты оформил видео, как анимация работает. Кайф)) Ну и контент конечно очень полезный. Отсыпала себе в заметочки :)
@alexeybychkov_
2 жыл бұрын
пожалуйста!
Алексей, это реально круто! Сценарий, простые эффекты, доступный текст, чтобы даже дятел смог понять! Спасибо, за труд.
@alexeybychkov_
3 жыл бұрын
Супер) рад, что понравилось!
Теперь я знаю что такое множитель плотностей пикселей, и как объяснить заказчикам про адаптивы. Спасибо!
@alexeybychkov_
2 жыл бұрын
спасибо за просмотр!
Спасибо, пересмотрю ещё раз и запишу в блокнотик)) То, что искала👍
@alexeybychkov_
4 жыл бұрын
Супер) спасибо за просмотр!
Алексей, только по Вашим видео поняла, как работают адаптивы! И я теперь всем, кто спрашивает у меня, всегда направляю к Вам. У Вас есть три замечательных видеоролика, которые дают ответы на все вопросы: данное видео "Адаптив в веб-дизайне", видосы "Почему нужно делать 4 файла адаптива вместо 2?" и "Нужно ли делать 320пх?" ❤❤❤ Вы супер! Что бы мы делали без Вас!
@alexeybychkov_
Жыл бұрын
Круто) спасибо за рекомендации!
Спасибо) Видео посмотрела уже раза 3 и каждый раз узнаю что то новое)
@alexeybychkov_
2 жыл бұрын
круто))
Супер! Все четко и по полочкам разложил и показал, спасибо!
@alexeybychkov_
Жыл бұрын
Ну класс
Спасибо большое за ролик, Леша!! А про множитель плотности пикселей знала, но вообще не знала даже, как это понятие правильно именуется)
@alexeybychkov_
Жыл бұрын
пожалуйста)
Разложил всё по полочкам, просто супер, а главное - наглядно! Спасибо за полезный контент)
@alexeybychkov_
Жыл бұрын
пожалуйста!
Спасибо, теперь знаю как объяснять свои будущим заказчикам)
@alexeybychkov_
2 жыл бұрын
Супер)
растешь вместе с нами)) канал -прям 😍😍😍😍образовывай дизайнеров и дальше)) здорово видеть видео и прошлых лет)
@alexeybychkov_
11 ай бұрын
Спасибо за просмотр)
Огромное спасибо за материал! Для меня, как новичка в дизайне эти 7 минут невероятно информативны и полезны!
@alexeybychkov_
2 жыл бұрын
ну класс) пожалуйста!
Спасибо за подробный и понятный разбор! Видео полезное как и для заказчиков, так и для дизайнеров!
@alexeybychkov_
2 жыл бұрын
Спасибо за просмотр)
Алексей, спасибо большое за понятное объяснение про контентную область и ширину сайта!
@alexeybychkov_
Жыл бұрын
пожалуйста!
Отличное видео! Очень удобно, что всё показал наглядно 😉
@alexeybychkov_
Жыл бұрын
супер
Спасибо, было очень познавательно и интересно)))) монтаж крутой!🤘
@alexeybychkov_
2 жыл бұрын
пожалуйста))
Спасибо, очень полезное видео, теперь понятно как объяснить заказчику))
@alexeybychkov_
2 жыл бұрын
Ну класс)
Благодарю за четкие и понятные объяснения)
@alexeybychkov_
Жыл бұрын
пожалуйста!
Такой формат напоминает мне лекцию в универе, но интересную)) Все просто и понятно, спасибо!)
@alexeybychkov_
2 жыл бұрын
супер) спасибо за просмотр!
[ПЕРЕЗАЛИВ] Отпуск, такой отпуск. Оставался один видос, в котором «вещал из трубы», и на которой было стыдно давать ссылку из-за звука. Так вот: 0:26 Раньше была отдельная мобильна версия сайта 1:10 Мобильная версия попросту устарела 2:15 Как вымер монитор 1024 пх 2:53 Делаем адаптивы шириной 1000, 768, 480 и 320 пх 3:40 Как устроены диапазоны адаптива (точки преломления) 4:21 Почему плохо делать только 2 разрешения адаптива: 768 и 320 пх (надо делать 4) 5:08 Какой макет подгрузится на современный смартфон с большущим разрешением?
Вот как для чайников прям инфа, хоть я не совсем чайник, спасибооо))
@alexeybychkov_
2 жыл бұрын
пожалуйста)
Этот ролик смотрела год назад еще - периодически к нему возвращаюсь)
@alexeybychkov_
10 ай бұрын
Супер
Спасибо за полезное видео. Про множитель плотности пикселей особо интересно было. С первого взгляда такой сложный термин, но доходчиво все объяснил.
@alexeybychkov_
2 жыл бұрын
пожалуйста)
Спасибо большое за такое хорошее объяснение. Теперь с размерами адаптивов все понятно
@alexeybychkov_
Жыл бұрын
Пожалуйста большое!
Сколько нового я узнаю за сегодня!) Спасибо за информацию!
@alexeybychkov_
Жыл бұрын
пожалуйста!
Спасибо, когда-то ты мне очень помог и по полочкам все разложил, какие же все таки нужны адаптивы. Пересматривая твои видео все равно нахожу новую и полезную информацию для себя))
@alexeybychkov_
Жыл бұрын
очень рад!
Смотрю видео по 3 кругу, чтоб закрепить)) Очень подробно и понятно объяснил)
@alexeybychkov_
2 жыл бұрын
спасибо за просмотры))
Классное видео, а главное очень полезное, и слушать очень приятно))
@alexeybychkov_
Жыл бұрын
супер)
Круто, когда есть абсолютно логичное обоснование почему лучше так, а не иначе. Спасибо за информацию. Лайк🤩🤩🤩
@alexeybychkov_
Жыл бұрын
Супер пожалуйста!
Теперь понятно, почему именно такие размеры)
@alexeybychkov_
2 жыл бұрын
ну класс)
Спасибо за полезный материал! Так подробно, быстро и понятно)
@alexeybychkov_
2 жыл бұрын
пожалуйста!
Самое толковое видео по адаптиву!
@alexeybychkov_
4 жыл бұрын
Ну класс :) Скоро будет еще целая серия видео про адаптив
Спасибо за такое быстрое и классное объяснение! Снова заметки пополнила :))
@alexeybychkov_
2 жыл бұрын
супер)
Спасибо за то, что делишься с нами своими знаниями!
@alexeybychkov_
5 ай бұрын
пожалуйста!
Леша спасибо! Как всегда все просто и доступно!🔥
@alexeybychkov_
2 жыл бұрын
пожалуйста)
Вау! Супер! очень понятно и подробно! Лайк!
@alexeybychkov_
4 жыл бұрын
спасибо)
Спасибо, все сразу становится понятно после твоих видео!))
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Спасибо за такое подробное объяснение! Все четко и понятно,а еще полезно,впрочем как всегда!годный контент!
@alexeybychkov_
2 жыл бұрын
ну класс) рад, что нравится!
Все же 5 адаптивов куда лучше, чем 3 👌🏻 иду смотреть дальше, как адаптировать главные страницы 🙌 🤞
@alexeybychkov_
2 жыл бұрын
ну класс)
Спасибо за ролик! Наконец-то кто-то понятно объяснил эту тему! Не представляю что б делала без ваших роликов!!😃😃😃😃
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Очень классно объяснено на примерах, спасибо!
@alexeybychkov_
Жыл бұрын
супер)
О теперь понятно все с разрешением экрана,и здорово что наглядно все показано)супер
@alexeybychkov_
Жыл бұрын
отличные новости!
Спасибо! Клёвое видео, всё очень подробно и понятно! 😊
@alexeybychkov_
2 жыл бұрын
супер)
Дякую. Гарна і змістовна подача матеріалу +
@alexeybychkov_
4 жыл бұрын
спасибо)
Первый раз услышала о коэффициете множителя пикселей. Благодаря видео прояснилось в голове что такое все эти разрешения и диапазоны. Спасибо большое за полезную информацию!
@alexeybychkov_
Жыл бұрын
спасибо за просмотр!
спасибо большое за подробное объяснение!))лайк
@alexeybychkov_
2 жыл бұрын
пожалуйста!
Благодарю, расставил все точки над i с адаптивами)
@alexeybychkov_
2 жыл бұрын
спасибо за просмотр)
Какой полезный контект, +в копилочку! Спасибо!
@alexeybychkov_
2 жыл бұрын
супер)
Классненько! Уметь такие сложные вещи объяснять простым языком - это талант!
@alexeybychkov_
10 ай бұрын
🥳 рад, что нравится!
Такой подробный обзор🔥 Круто, спасибо)
@alexeybychkov_
2 жыл бұрын
пожалуйста))
Теперь многое стало понятнее)) Спасбо!
@alexeybychkov_
2 жыл бұрын
супер!
Самое понятное видео про адаптивы! Любые вопросы отпадут моментально 🔥
@alexeybychkov_
2 жыл бұрын
отличный план))
отличная визуализация, всё сильно понятно)
@alexeybychkov_
2 жыл бұрын
супер)
Крутой контент, крутая подача, очень полезно 🚀🚀🚀
@alexeybychkov_
2 жыл бұрын
еее круто)
Спасибо! полезно и понятно👾 очень помогает разобраться в теме адаптивов
@alexeybychkov_
Жыл бұрын
спасибо за просмотр
Спасибо) Теперь не будет вопросов о том, какие нужно делать адаптивы!
@alexeybychkov_
2 жыл бұрын
ееее пожалуйста! 🚀
спасибо за понятные и емкие объяснение!🫶🏻
@alexeybychkov_
9 ай бұрын
🎉
Спасибо за ролик👍 Только полезная информация, без воды
@alexeybychkov_
Жыл бұрын
Спасибо за просмотр)
Спасибо за подробное разъяснение по полочкам.
@alexeybychkov_
Жыл бұрын
Пожалуйста)
Спасибо, теперь наконец всё понятно с этими размерами! 🤗
@alexeybychkov_
Жыл бұрын
пожалуйста!
Как всегда всё супер, снова закрепил знания)
@alexeybychkov_
2 жыл бұрын
супер