Адаптив в веб-дизайне: какого размера делать файлы в Фотошопе (Фигме) при разработке макетов

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ • 793

  • @vadim_yakushenko
    @vadim_yakushenko 2 роки тому +3

    заказчики в восторге - теперь они не боятся разговоров про разрешения и адаптивы)) спасибо!

  • @anku_onku
    @anku_onku 2 роки тому +8

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

  • @alexeybychkov_
    @alexeybychkov_  5 років тому +22

    [ПЕРЕЗАЛИВ] Отпуск, такой отпуск. Оставался один видос, в котором «вещал из трубы», и на которой было стыдно давать ссылку из-за звука. Так вот:
    0:26 Раньше была отдельная мобильна версия сайта
    1:10 Мобильная версия попросту устарела
    2:15 Как вымер монитор 1024 пх
    2:53 Делаем адаптивы шириной 1000, 768, 480 и 320 пх
    3:40 Как устроены диапазоны адаптива (точки преломления)
    4:21 Почему плохо делать только 2 разрешения адаптива: 768 и 320 пх (надо делать 4)
    5:08 Какой макет подгрузится на современный смартфон с большущим разрешением?

  • @icurly18
    @icurly18 3 роки тому +5

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

    • @alexeybychkov_
      @alexeybychkov_  3 роки тому +1

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

    • @РодионГолованов-щ7е
      @РодионГолованов-щ7е 3 роки тому +2

      О, привет! А я тебя знаю (с)

    • @AlexanderMinaevFast
      @AlexanderMinaevFast 3 роки тому +1

      Как ты можешь заказы брать, если подобных вещей не знаешь.

    • @РодионГолованов-щ7е
      @РодионГолованов-щ7е 3 роки тому +5

      @@AlexanderMinaevFast Ну кто-то только видосики смотрит и по факту годами сидит без работы, т.к. очкует начать, т.к. еще "не все знает".
      А кто-то сразу начинает и добирает навыки в процессе
      Я тоже за второй вариант. Пока работать не начинаешь - хуле толку с теории.

      Опыт приходит через шишки, правки и практику.
      Чего то не знать - не стыдно. Стыдно ничему не учиться и нихрена не делать)

    • @yulia9274
      @yulia9274 2 роки тому +1

      Классно, что не побоялась. На практике все знания лучше усваиваются)

  • @annamozgovaya104
    @annamozgovaya104 2 роки тому +6

    Вот наконец-то понятно стало, откуда все эти размеры, разрешения и про множитель плотности пикселей первый раз услушала)) Спасибо👍

  • @marochka007
    @marochka007 5 років тому +66

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

    • @alexeybychkov_
      @alexeybychkov_  5 років тому +7

      Пожалуйста :) Приходите еще ))

    • @bibimoi_ru
      @bibimoi_ru Рік тому

      Однозначно!

  • @myrmeladonron391
    @myrmeladonron391 4 роки тому +6

    Алексей, это реально круто! Сценарий, простые эффекты, доступный текст, чтобы даже дятел смог понять! Спасибо, за труд.

    • @alexeybychkov_
      @alexeybychkov_  4 роки тому +3

      Супер) рад, что понравилось!

  • @Poetich77
    @Poetich77 2 роки тому +10

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

    • @alexeybychkov_
      @alexeybychkov_  2 роки тому +3

      раньше был унылой улиткой

  • @alisaprokofyeva8361
    @alisaprokofyeva8361 2 роки тому +3

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

  • @olgasemenova1960
    @olgasemenova1960 Рік тому +1

    Леша, какая же огромная разница в твоих роликах. Нереальный прогресс! Ты такой молодец, что идешь в ногу со временем, рада, что учусь у тебя!

  • @katerinamikhaylova4964
    @katerinamikhaylova4964 2 роки тому +1

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

  • @valeriiashcherbina1436
    @valeriiashcherbina1436 3 роки тому +2

    Такой формат напоминает мне лекцию в универе, но интересную))
    Все просто и понятно, спасибо!)

    • @alexeybychkov_
      @alexeybychkov_  3 роки тому +2

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

  • @Anna-hi4dk
    @Anna-hi4dk 2 роки тому +2

    Много информации разной смотрела, но про множитель плотности пикселей слышала впервые. Теперь еще на один каверзный вопрос от заказчика можно с легкостью дать ответ. Спасибо!)

  • @natalyaevstratova
    @natalyaevstratova 2 роки тому +5

    Ох, сколько цифр! Я так поняла, что главное надо запомнить 5 значений. Про множитель вообще первый раз слышу. Благодарю за информацию: чёткую и наглядную. 💕💕💕💕

  • @taivanskaya
    @taivanskaya 2 роки тому +2

    Спасибо за полезное видео. Про множитель плотности пикселей особо интересно было. С первого взгляда такой сложный термин, но доходчиво все объяснил.

  • @anastasiiya3674
    @anastasiiya3674 2 роки тому +3

    Ух ты, наконец-то эта вся математика с плотностю пикселей, разрешением экрана и подходящим адаптивом начала как-то приобретать смысл в моей голове)) Спасибо!

  • @userinaxue
    @userinaxue 2 роки тому +2

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

  • @maridesim
    @maridesim 3 роки тому +1

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

    • @alexeybychkov_
      @alexeybychkov_  3 роки тому +2

      Да тот же голос) Просто стоя начал ролики записывать и стримы вести. Интонация совсем другая, когда стоишь

    • @maridesim
      @maridesim 3 роки тому

      @@alexeybychkov_ ух ты, не знала :)

  • @МарияБутримова-е2е
    @МарияБутримова-е2е 2 роки тому +2

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

  • @ОльгаКулик-д1е
    @ОльгаКулик-д1е 2 роки тому +2

    Я очень долго вообще не могла запомнить, каких размеров должны быть адаптивы. А тут наглядно и доступно ты объяснил от самых истоков. Так прояснилось. Про множитель плотности пискелей раньше не слышала. Спасибо за контент)

  • @ogogoeva6787
    @ogogoeva6787 2 роки тому +2

    Уже не первый раз возвращаюсь к этому видео, очень помогает с объяснениями для других ⚡️

  • @helena_selena
    @helena_selena 2 роки тому +1

    Спасибо за понятное видео и доступное объяснение) отличный контент без лишней воды

  • @Татьяна-ю1р2м
    @Татьяна-ю1р2м 2 роки тому +4

    Спасибо за этот небольшой но очень информативный экскурс )

  • @Lady7Rain
    @Lady7Rain 2 роки тому +1

    С каждым роликом про адаптивы в голове всё лучше укладывается информация. Спасибо за твой труд!

  • @shkida9930
    @shkida9930 Рік тому +1

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

  • @ВикторияЧернякова-п8ф

    Мой любимый канал, и днём и ночью уже тут, спасибо вам большое)

    • @alexeybychkov_
      @alexeybychkov_  4 роки тому +3

      Вуууухууу! Рад, что нравится!

  • @polly.procenko
    @polly.procenko Рік тому

    Классненько! Уметь такие сложные вещи объяснять простым языком - это талант!

  • @julalll
    @julalll 2 роки тому

    Классно, что есть такое наглядное объяснение) Спасибо большое!

  • @KaramelkaMega
    @KaramelkaMega 2 роки тому

    Спасибо, когда-то ты мне очень помог и по полочкам все разложил, какие же все таки нужны адаптивы. Пересматривая твои видео все равно нахожу новую и полезную информацию для себя))

  • @_vitik_
    @_vitik_ 2 роки тому +2

    Очень полезный ролик! Такую информацию не встречала, особенно про множители😅
    Всё очень просто и понятно, спасибище!

  • @marinaviktorova4767
    @marinaviktorova4767 2 роки тому +1

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

  • @irinatostanovskaya3717
    @irinatostanovskaya3717 2 роки тому +2

    Алексей, я так рада, что встретила Вас в интернет-пучине. Вы преподаватель от Бога. Всё простым "бытовым" языком с фишечками, которые знания проводят в мозговое хранилище. Очень благодарю!!!🤗 Стараюсь пересмотреть все Ваши уроки.

  • @max-ivanov
    @max-ivanov 2 роки тому +1

    Множитель плотности пикселей - одна из самых ценных вещей, что я узнал недавно) Спасибо, Леша!

  • @АнастасияТруман-т5ь

    Огромное спасибо за материал! Для меня, как новичка в дизайне эти 7 минут невероятно информативны и полезны!

  • @nadyavalin
    @nadyavalin Рік тому +1

    Алексей, только по Вашим видео поняла, как работают адаптивы! И я теперь всем, кто спрашивает у меня, всегда направляю к Вам. У Вас есть три замечательных видеоролика, которые дают ответы на все вопросы: данное видео "Адаптив в веб-дизайне", видосы "Почему нужно делать 4 файла адаптива вместо 2?" и "Нужно ли делать 320пх?" ❤❤❤ Вы супер! Что бы мы делали без Вас!

    • @alexeybychkov_
      @alexeybychkov_  Рік тому +2

      Круто) спасибо за рекомендации!

  • @kate_the_pianist
    @kate_the_pianist 2 роки тому +2

    Спасибо за классное видео! Мне очень понравилось как ты оформил видео, как анимация работает. Кайф)) Ну и контент конечно очень полезный. Отсыпала себе в заметочки :)

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

    Спасибо за подробное разъяснение по полочкам.

  • @plrchk
    @plrchk 2 роки тому +2

    Это мое самое любимое видео про адаптивы) Наглядно и понятно, спасибо за контент❤

  • @konkova_eks
    @konkova_eks 2 роки тому +1

    Спасибо за понятное объяснение👍 Вопросов не остается🙂

  • @Lera_tvoiagent
    @Lera_tvoiagent Рік тому +1

    Совсем другой Лёша😁 Такая колоссальная разница в подаче материала, если сравнивать с видео из 2023! Классно, когда прослеживается такой рост🔥

  • @olgaya-ud5ps
    @olgaya-ud5ps Рік тому

    Алексей, спасибо большое за понятное объяснение про контентную область и ширину сайта!

  • @rimmachobanian02
    @rimmachobanian02 2 роки тому +2

    смотрю уже не помню какой раз этот ролик и после каждого просмотра выношу что-то новое для себя, спасибо! 😉🚀

  • @juliayarema8128
    @juliayarema8128 4 роки тому +2

    Спасибо вам за ваши уроки! Столько видеоблогов пересмотрела по теме и ваш - самый толковый!

    • @alexeybychkov_
      @alexeybychkov_  4 роки тому +2

      Ну класс) Рад, что нравится!

  • @TheAlenaVolkova
    @TheAlenaVolkova 2 роки тому

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

  • @dianaugnivenko4792
    @dianaugnivenko4792 2 роки тому +2

    Как всегда супер полезный контент 😍 Безумно нравится подача и как обычно очень много полезной инфы)

  • @SinwiseAM
    @SinwiseAM 4 роки тому +8

    Самое толковое видео по адаптиву!

    • @alexeybychkov_
      @alexeybychkov_  4 роки тому +4

      Ну класс :) Скоро будет еще целая серия видео про адаптив

  • @toma_belko
    @toma_belko Рік тому

    растешь вместе с нами)) канал -прям 😍😍😍😍образовывай дизайнеров и дальше)) здорово видеть видео и прошлых лет)

  • @tatianas3634
    @tatianas3634 2 роки тому +2

    Супер понятно и супер подробно)) Спасибо)) Всё как по полочкам разложено!)

  • @inal5527
    @inal5527 3 роки тому +2

    Это огромная работа, и отличное объяснение как визуально так и информативно)) Спасибо большое :о

  • @kseniamomot9810
    @kseniamomot9810 2 роки тому +1

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

  • @iraerin
    @iraerin 2 роки тому +1

    Прекрасна візуалізація такої теми, легко і доступно пояснено! Дякую за цінну інфу 😍

  • @fashionhurma
    @fashionhurma Рік тому +1

    Этот ролик смотрела год назад еще - периодически к нему возвращаюсь)

  • @Татьяна-ю1р2м
    @Татьяна-ю1р2м Рік тому +1

    Круто, когда есть абсолютно логичное обоснование почему лучше так, а не иначе. Спасибо за информацию. Лайк🤩🤩🤩

  • @ilmira8019
    @ilmira8019 3 роки тому +4

    Смотрю видео по 3 кругу, чтоб закрепить)) Очень подробно и понятно объяснил)

    • @alexeybychkov_
      @alexeybychkov_  3 роки тому +3

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

  • @OlgaMakukha
    @OlgaMakukha Рік тому +3

    Всё сложное твоими словами становится лёгким 🤗 Спасибо!

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

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

  • @МарияПро-й1х
    @МарияПро-й1х Рік тому

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

  • @annazlonska5821
    @annazlonska5821 3 роки тому +1

    Спасибо) Теперь не будет вопросов о том, какие нужно делать адаптивы!

  • @markovichmax8853
    @markovichmax8853 2 роки тому +2

    Классное видео, а главное очень полезное, и слушать очень приятно))

  • @ЮлияЯкубюк-п1з
    @ЮлияЯкубюк-п1з 2 роки тому +1

    Теперь я знаю что такое множитель плотностей пикселей, и как объяснить заказчикам про адаптивы. Спасибо!

  • @viktorchernichenko
    @viktorchernichenko 2 роки тому +1

    Благодарю за четкие и понятные объяснения)

  • @anya_wonderwall
    @anya_wonderwall 3 роки тому +2

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

    • @alexeybychkov_
      @alexeybychkov_  3 роки тому +3

      супер) только оно малость устарело) завтра выйдет ролик, в котором расскажу, что 320 больше не нужно. А надо начинать с 360 пх

  • @meo_me_ira
    @meo_me_ira Рік тому +1

    Супер! Все четко и по полочкам разложил и показал, спасибо!

  • @sashiiiiin
    @sashiiiiin 3 роки тому +2

    Очень подробный материал и визуально красиво и понятно оформлен 😍

  • @vladfedorov1027
    @vladfedorov1027 2 роки тому

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

  • @irinalinuza6197
    @irinalinuza6197 2 роки тому +1

    это лучшее что я видела по этой теме, спасибо!

  • @ellviira
    @ellviira 2 роки тому +1

    ого, такая важная и полезная информация - буду кидать видео будущим заказчикам, ибо на словах всё то же самое объяснить и показать практически невозможно))

  • @Juliya_dzh
    @Juliya_dzh Рік тому

    ❤‍🔥 я наконец-то поняла про разрешения и макеты и адаптивы, посмотрев твой ролик) благодарю!

  • @Simkaaa_3
    @Simkaaa_3 3 роки тому +1

    Спасибо) Видео посмотрела уже раза 3 и каждый раз узнаю что то новое)

  • @yuliaopolska3991
    @yuliaopolska3991 2 роки тому +1

    Спасибо за такое подробное объяснение! Все четко и понятно,а еще полезно,впрочем как всегда!годный контент!

    • @alexeybychkov_
      @alexeybychkov_  2 роки тому +1

      ну класс) рад, что нравится!

  • @YevgeniyaMatveyeva
    @YevgeniyaMatveyeva 11 місяців тому

    Про адаптивы - доступно, полезно, огонь🤩. Про МПП вообще первый раз слышу, надо еще поразмыслить, чтоб понять до конца, но в общем смысл уловила. Как обычно, большое спасибо за полезнятину🤗

    • @alexeybychkov_
      @alexeybychkov_  10 місяців тому

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

  • @ViktoriiaLutsyk
    @ViktoriiaLutsyk 2 роки тому +3

    Все же 5 адаптивов куда лучше, чем 3 👌🏻 иду смотреть дальше, как адаптировать главные страницы 🙌 🤞

  • @ОльгаЗенькович-я7ж
    @ОльгаЗенькович-я7ж 2 роки тому +1

    Спасибо большое за такое хорошее объяснение. Теперь с размерами адаптивов все понятно

  • @evgeniasein6376
    @evgeniasein6376 2 роки тому +1

    Какой полезный контект, +в копилочку! Спасибо!

  • @veekotova7719
    @veekotova7719 5 років тому +4

    Вау! Супер! очень понятно и подробно! Лайк!

  • @Анастасия-я1ц2у
    @Анастасия-я1ц2у 3 роки тому +3

    Спасибо, что помог всё по полочкам разложить, как всегда контент и подача 🔥

  • @EvgeniaKrivonosova
    @EvgeniaKrivonosova 2 роки тому +3

    Помню раньше долго не догоняла про множители пикселей :) Но теперь вроде понятнее, спасибо! 🔥

  • @Rakoparty
    @Rakoparty Рік тому

    Думала сейчас для меня начнётся высшая математика, а вы так всё доступно объяснили, что даже я поняла))
    Спасибо большое💚

  • @ОльгаКарась-ъ6щ

    Теперь все максимально понятно. Что и для чего, и как это донести до заказчика. СпасибО.

  • @имяфамилия-з4е1п
    @имяфамилия-з4е1п 2 роки тому +2

    Отличное видео! Очень удобно, что всё показал наглядно 😉

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

    О теперь понятно все с разрешением экрана,и здорово что наглядно все показано)супер

  • @Jerrydiary78
    @Jerrydiary78 4 роки тому +1

    ну такого качественного обучающего контента я еще не видел!

    • @alexeybychkov_
      @alexeybychkov_  4 роки тому +1

      может подам пример другим и полетим)

  • @olhahudkova795
    @olhahudkova795 4 роки тому +3

    Браво! Лучшее объяснение, что я встречала!

    • @alexeybychkov_
      @alexeybychkov_  4 роки тому +2

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

  • @morhunka
    @morhunka 2 роки тому +2

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

  • @anastasiyachaika7075
    @anastasiyachaika7075 3 роки тому +1

    Второй раз смотрю это видео, но теперь гораздо осознанней)) Спасибо)

    • @alexeybychkov_
      @alexeybychkov_  3 роки тому +1

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

  • @Soffikko
    @Soffikko 2 роки тому +1

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

  • @innasapegina7068
    @innasapegina7068 2 роки тому +1

    Спасибо за такой подробный разбор! Можно больше ни чего и не искать, ведь Леша как всегда все рассказал!

  • @zagoorsky2887
    @zagoorsky2887 2 роки тому +1

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

  • @Masloboynikova
    @Masloboynikova 2 роки тому +1

    Спасибо за такое быстрое и классное объяснение! Снова заметки пополнила :))

  • @pridari
    @pridari Рік тому

    Спасибо за ролик! Наконец-то кто-то понятно объяснил эту тему! Не представляю что б делала без ваших роликов!!😃😃😃😃

  • @evgeniaklyushnikova1912
    @evgeniaklyushnikova1912 2 роки тому +1

    Спасибо за полезный материал! Так подробно, быстро и понятно)

  • @hey_designer
    @hey_designer 2 роки тому

    ШОб я делала без вашего канала! Спасибо за такие грамотные и качественные разборы :)

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

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

    • @alexeybychkov_
      @alexeybychkov_  3 роки тому +1

      супер! Рад, что пригодилось

  • @almondsketch6426
    @almondsketch6426 2 роки тому +2

    Леша спасибо! Как всегда все просто и доступно!🔥

  • @timstartsev2655
    @timstartsev2655 2 роки тому +1

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

  • @AnnaVolkova-w3f
    @AnnaVolkova-w3f Рік тому

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

    • @alexeybychkov_
      @alexeybychkov_  Рік тому

      Самый первый ролик на канале)

  • @shuhratsultanov1143
    @shuhratsultanov1143 4 роки тому +3

    Алексей огромное спасибо за видео. Все разложил по полочкам

  • @CalmDesigner
    @CalmDesigner 2 місяці тому +1

    крутой рост как контент мейкера сквозь годы)А информация полезная,обновленный видос о разрешениях экрана,но уже для нынешних реалий было бы круто(может и есть,но еще не видел),А так как всегда четко и информативно,спасибо❤

    • @alexeybychkov_
      @alexeybychkov_  2 місяці тому

      Да надо будет записать

  • @alenahalaburda6373
    @alenahalaburda6373 2 роки тому +2

    Про множитель плотности пикселей пересматривала несколько раз. Очень полезная информация 🤘

  • @МарияКузьмина-з3б
    @МарияКузьмина-з3б 2 роки тому +2

    Еее, класс) Опять добавила заметочек в свою коллекцию!😄👍 Теперь хоть стало понятнее про множитель плотности пикселей) А то раньше прям как-то сильно заумно звучало🤣