Адаптив в веб-дизайне: какого размера делать файлы в Фотошопе (Фигме) при разработке макетов
Вставка
- Опубліковано 21 вер 2024
- #адаптив #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
Как непривычно слушать тебя в старой записи))) Спасибо за полезный ролик 🤗
Да уж))
Прекрасна візуалізація такої теми, легко і доступно пояснено! Дякую за цінну інфу 😍
ну класс)
Вот наконец-то понятно стало, откуда все эти размеры, разрешения и про множитель плотности пикселей первый раз услушала)) Спасибо👍
отличные новости)
Старые ролики так контрастируют с новыми в хорошем смысле! Не теряй искру, без твоих полезных видосов на ютубе будет пусто
раньше был унылой улиткой
Спасибо вам, добрый человек, за такой офигительный разбор материала! Ничего лучше не встречала!
Пожалуйста :) Приходите еще ))
Однозначно!
Ох, сколько цифр! Я так поняла, что главное надо запомнить 5 значений. Про множитель вообще первый раз слышу. Благодарю за информацию: чёткую и наглядную. 💕💕💕💕
пожалуйста)
Спасибо! Впервые узнала про множитель пикселей, теперь адаптивы стали понятнее))
ну класс)
Спасибоогромное! Пора ролик обновлять на 360 :)
пожалуйста!
Крутое видео, все разложено по полочкам и разжевано, взяла на заметочку чтоб если что заказчикам кидать, спасибо))
Ну класс)
Теперь я знаю что такое множитель плотностей пикселей, и как объяснить заказчикам про адаптивы. Спасибо!
спасибо за просмотр!
заказчики в восторге - теперь они не боятся разговоров про разрешения и адаптивы)) спасибо!
ну класс)
Алексей, только по Вашим видео поняла, как работают адаптивы! И я теперь всем, кто спрашивает у меня, всегда направляю к Вам. У Вас есть три замечательных видеоролика, которые дают ответы на все вопросы: данное видео "Адаптив в веб-дизайне", видосы "Почему нужно делать 4 файла адаптива вместо 2?" и "Нужно ли делать 320пх?" ❤❤❤ Вы супер! Что бы мы делали без Вас!
Круто) спасибо за рекомендации!
ого, такая важная и полезная информация - буду кидать видео будущим заказчикам, ибо на словах всё то же самое объяснить и показать практически невозможно))
отличный план)
Спасибо, когда-то ты мне очень помог и по полочкам все разложил, какие же все таки нужны адаптивы. Пересматривая твои видео все равно нахожу новую и полезную информацию для себя))
очень рад!
Ух ты, наконец-то эта вся математика с плотностю пикселей, разрешением экрана и подходящим адаптивом начала как-то приобретать смысл в моей голове)) Спасибо!
отличные новости)
Первый раз услышала о коэффициете множителя пикселей. Благодаря видео прояснилось в голове что такое все эти разрешения и диапазоны. Спасибо большое за полезную информацию!
спасибо за просмотр!
с этого видео началось моё знакомство с каналом )) я носилась с первым заказом и знала только, что я должна сделать адаптивы, а как, куда, кого, чего... паника была жуткая! и только ты преподнес информацию так, чтобы я с первого раза всё поняла и обрела душевный покой ))) большое спасибо!
круто)) большое пожалуйста)
О, привет! А я тебя знаю (с)
Как ты можешь заказы брать, если подобных вещей не знаешь.
@@АлександрМинаев-е3п Ну кто-то только видосики смотрит и по факту годами сидит без работы, т.к. очкует начать, т.к. еще "не все знает".
А кто-то сразу начинает и добирает навыки в процессе
Я тоже за второй вариант. Пока работать не начинаешь - хуле толку с теории.
Опыт приходит через шишки, правки и практику.
Чего то не знать - не стыдно. Стыдно ничему не учиться и нихрена не делать)
Классно, что не побоялась. На практике все знания лучше усваиваются)
Алексей, это реально круто! Сценарий, простые эффекты, доступный текст, чтобы даже дятел смог понять! Спасибо, за труд.
Супер) рад, что понравилось!
[ПЕРЕЗАЛИВ] Отпуск, такой отпуск. Оставался один видос, в котором «вещал из трубы», и на которой было стыдно давать ссылку из-за звука. Так вот:
0:26 Раньше была отдельная мобильна версия сайта
1:10 Мобильная версия попросту устарела
2:15 Как вымер монитор 1024 пх
2:53 Делаем адаптивы шириной 1000, 768, 480 и 320 пх
3:40 Как устроены диапазоны адаптива (точки преломления)
4:21 Почему плохо делать только 2 разрешения адаптива: 768 и 320 пх (надо делать 4)
5:08 Какой макет подгрузится на современный смартфон с большущим разрешением?
Спасибо большое за ролик, Леша!! А про множитель плотности пикселей знала, но вообще не знала даже, как это понятие правильно именуется)
пожалуйста)
Спасибо за полезное видео. Про множитель плотности пикселей особо интересно было. С первого взгляда такой сложный термин, но доходчиво все объяснил.
пожалуйста)
Уже не первый раз возвращаюсь к этому видео, очень помогает с объяснениями для других ⚡️
Спасибо за просмотр)
Алексей, спасибо большое за понятное объяснение про контентную область и ширину сайта!
пожалуйста!
Осторожно! Если будете часто заходить на этот канал и видосики смотреть, а потом еще после этого и кнопки в фигме нажимать, можете нарваться на то, что станете хорошим дизайнером 😏
ага, и такое может случиться)
Я на этом пути
Спасибо большое за такое хорошее объяснение. Теперь с размерами адаптивов все понятно
Пожалуйста большое!
Так наглядно, без визуального шума и емко. Спасибо большое, все на свои места в голове!)
Пожалуйста)
Ааа, так вот как работают эти множители плотности пикселей в фигме. Спасибо, что помог во всём разобраться. Очень понятный ролик без лишней воды👍
рад, что понятно)
Спасибо, теперь знаю как объяснять свои будущим заказчикам)
Супер)
Спасибо, очень полезное видео, теперь понятно как объяснить заказчику))
Ну класс)
Все же 5 адаптивов куда лучше, чем 3 👌🏻 иду смотреть дальше, как адаптировать главные страницы 🙌 🤞
ну класс)
❤🔥 я наконец-то поняла про разрешения и макеты и адаптивы, посмотрев твой ролик) благодарю!
рад, что полезно!
Вот как для чайников прям инфа, хоть я не совсем чайник, спасибооо))
пожалуйста)
Спасибо за этот небольшой но очень информативный экскурс )
спасибо за просмотр)
Очень полезный ролик! Такую информацию не встречала, особенно про множители😅
Всё очень просто и понятно, спасибище!
пожалуйста)
Супер! Все четко и по полочкам разложил и показал, спасибо!
Ну класс
С каждым роликом про адаптивы в голове всё лучше укладывается информация. Спасибо за твой труд!
Отличные новости)
О теперь понятно все с разрешением экрана,и здорово что наглядно все показано)супер
отличные новости!
По твоим видео легко можно набрать уверенную базу знаний!
очень рад!
Супер! Всё понятно и главное наглядно, не то что мои школьные уроки по химии. Там всё на пальцах объясняли)
ну класс)
Смотрю видео по 3 кругу, чтоб закрепить)) Очень подробно и понятно объяснил)
спасибо за просмотры))
Такой формат напоминает мне лекцию в универе, но интересную))
Все просто и понятно, спасибо!)
супер) спасибо за просмотр!
Теперь буду ссылку на твой ролик кидать заказчикам!🔥
отличный план))
смотрю уже не помню какой раз этот ролик и после каждого просмотра выношу что-то новое для себя, спасибо! 😉🚀
супер)
Совсем другой Лёша😁 Такая колоссальная разница в подаче материала, если сравнивать с видео из 2023! Классно, когда прослеживается такой рост🔥
да было дело))
Мой любимый канал, и днём и ночью уже тут, спасибо вам большое)
Вуууухууу! Рад, что нравится!
Я очень долго вообще не могла запомнить, каких размеров должны быть адаптивы. А тут наглядно и доступно ты объяснил от самых истоков. Так прояснилось. Про множитель плотности пискелей раньше не слышала. Спасибо за контент)
рад, что ролик помог!
Уже не привычно видеть эту заставку криповую у тебя))
да было дело))
это лучшее что я видела по этой теме, спасибо!
Супер)
ШОб я делала без вашего канала! Спасибо за такие грамотные и качественные разборы :)
спасибо за просмотр!
Круто, когда есть абсолютно логичное обоснование почему лучше так, а не иначе. Спасибо за информацию. Лайк🤩🤩🤩
Супер пожалуйста!
Алексей, я так рада, что встретила Вас в интернет-пучине. Вы преподаватель от Бога. Всё простым "бытовым" языком с фишечками, которые знания проводят в мозговое хранилище. Очень благодарю!!!🤗 Стараюсь пересмотреть все Ваши уроки.
спасибо за подписку!
Самое понятное видео про адаптивы! Любые вопросы отпадут моментально 🔥
отличный план))
Это мое самое любимое видео про адаптивы) Наглядно и понятно, спасибо за контент❤
ну класс)
какое клевое и наглядное объяснение)) Я теперь поняла с этими экранами)
Супер!
Леша, какая же огромная разница в твоих роликах. Нереальный прогресс! Ты такой молодец, что идешь в ногу со временем, рада, что учусь у тебя!
Ну класс)
Классно, что есть такое наглядное объяснение) Спасибо большое!
🎉
спасибо за краткое и очень понятное объяснение про адаптивы, наконец все встало на свои места)
пожалуйста!
Пару раз посмотрела чтобы хорошенько все запомнить!Дякую!
пожалуйста)
Спасибо за понятное видео и доступное объяснение) отличный контент без лишней воды
пожалуйста!
Много информации разной смотрела, но про множитель плотности пикселей слышала впервые. Теперь еще на один каверзный вопрос от заказчика можно с легкостью дать ответ. Спасибо!)
Ну класс)
Спасибо за ролик! Теперь знаю, что говорить заказчику, если спросят про смартфоны с огромным разрешением экрана и не только
Пожалуйста)
Этот ролик смотрела год назад еще - периодически к нему возвращаюсь)
Супер
Благодарю, расставил все точки над i с адаптивами)
спасибо за просмотр)
про множитель плотности пикселей очень полезно, не знала и найти нигде не могла, как узнать какой макет будет грузиться👍
Самый первый ролик на канале)
Теперь понятно, почему именно такие размеры)
ну класс)
Теперь всё понятно стало! И если у заказчиков появятся вопросы, то легко смогу объяснить) спасибо!
Спасибо за просмотр)
Теперь все максимально понятно. Что и для чего, и как это донести до заказчика. СпасибО.
супер 🥳
Помню раньше долго не догоняла про множители пикселей :) Но теперь вроде понятнее, спасибо! 🔥
пожалуйста!
Спасибо за понятное объяснение👍 Вопросов не остается🙂
супер
Самое толковое видео по адаптиву!
Ну класс :) Скоро будет еще целая серия видео про адаптив
Какой полезный контект, +в копилочку! Спасибо!
супер)
отличная визуализация, всё сильно понятно)
супер)
Всё сложное твоими словами становится лёгким 🤗 Спасибо!
пожалуйста!
До сегодняшнего дня не понимал, почему именно такие размеры нужно делать, и только благодаря видео дошло, что это планшет или телефон в перевернутом виде. Спасибо!
Спасибо за просмотр
очень полезно, а еще круто, что заказчику можно не объяснять долго, а скинуть ссылку на видео, пусть тоже в теме будет))
Вот именно)
Вот именно)
Множитель плотности пикселей - одна из самых ценных вещей, что я узнал недавно) Спасибо, Леша!
супер) пожалуйста!
Огромное спасибо за материал! Для меня, как новичка в дизайне эти 7 минут невероятно информативны и полезны!
ну класс) пожалуйста!
Не первый раз уже смотрю ролик, но снова с большим удовольствием! Ты так круто, красиво и наглядно показал как там что происходит с разрешениями и меняется, это безумно полезное видео 👍 👍
супер) только оно малость устарело) завтра выйдет ролик, в котором расскажу, что 320 больше не нужно. А надо начинать с 360 пх
Благодарю за четкие и понятные объяснения)
пожалуйста!
Разложил всё по полочкам, просто супер, а главное - наглядно! Спасибо за полезный контент)
пожалуйста!
Спасибо за подробное разъяснение по полочкам.
Пожалуйста)
Спасибо за видео и за объяснение множителя пикселей ☺
пожалуйста!
Супер понятно и супер подробно)) Спасибо)) Всё как по полочкам разложено!)
спасибо за просмотр)
Как всегда супер полезный контент 😍 Безумно нравится подача и как обычно очень много полезной инфы)
очень рад!
Спасибо вам за ваши уроки! Столько видеоблогов пересмотрела по теме и ваш - самый толковый!
Ну класс) Рад, что нравится!
Еее, класс) Опять добавила заметочек в свою коллекцию!😄👍 Теперь хоть стало понятнее про множитель плотности пикселей) А то раньше прям как-то сильно заумно звучало🤣
Супер)
Сколько нового я узнаю за сегодня!) Спасибо за информацию!
пожалуйста!
Когда нужна полезная инфа быстро четко и емко - иду к Леше на канал !))) все просто ))) фил хуг! Спасибо, за твой труд!
еее круто)
За два года у тебя голос прям изменился :))) как всегда все понятно и полезно, без воды. Спасибо большое :)
Да тот же голос) Просто стоя начал ролики записывать и стримы вести. Интонация совсем другая, когда стоишь
@@alexeybychkov_ ух ты, не знала :)
Теперь многое стало понятнее)) Спасбо!
супер!
Как интересно! Я как будто только что исторически фильм посмотрела!
Спасибо за просмотр)
Это огромная работа, и отличное объяснение как визуально так и информативно)) Спасибо большое :о
спасибо за просмотр)
спасибо, разобралась с размерами. Все четко и по полочкам
супер, пожалуйста!
Спасибо огромное! Лучший человек эва!
Спасибо за просмотр)
Очень доступно все объяснено! Спасибо! Фил Хуг🤗
супер! Фил Хуг!
Спасибо за подробное разъяснение! Освободил дизайнерам время для работы, ведь теперь не надо рассказывать это самой!🔥🔥🔥
пожалуйста!
Thanks a lot Alex, watching all the time your content 😉☺️☺️☺️☺️ THE BEST!!!!!
Спасибо
Спасибо, что помог всё по полочкам разложить, как всегда контент и подача 🔥
супер) пожалуйста!
Спасибо за классное видео! Мне очень понравилось как ты оформил видео, как анимация работает. Кайф)) Ну и контент конечно очень полезный. Отсыпала себе в заметочки :)
пожалуйста!
Классненько! Уметь такие сложные вещи объяснять простым языком - это талант!
🥳 рад, что нравится!