Сергей, я правильно понимаю - в конечном итоге фронтенд разработчикам всегда передается 3 макета (десктоп, мобильный и планшет)? Ведь нет необходимости в отрисовке макетов на множество разрешений?
Да верно! Но если какой-то сложный дизайн и нужно отдельно показать как будет на 1920, то лучше отрисовать. Это обычно обсуждается с разрабами в конкретном случае.
Привет, Сергей! Смотрю все ваши видео с удовольствием) Было бы здорово, если бы вы показали что-нибудь про хедер. Анимация при скроллинге страницы, сворачивание и появление хедера и тд. Спасибо😊
Есть какое-то чёткое правило какой фрейм надо выбирать? Будет ли он сам подгоняться под другие экраны пользователей? Или надо отдельно для каждого размера экрана делать?
Не совсем понял о каком фрейме идет речь. Но делать мобильную версию нужно всех страниц отдельно. Автоматически может работать только если вы используете auto layout, блоки могут подстраиваться по размеру и переходить один под другой. На момент записи этого видео такого функционала в фигме насколько я помню еще не было.
@@Chyrkov есть разные фреймы под айфон, андроид и так далее. Если я хочу сделать например на айфон и на андроид, мне нужно делать отдельно для каждого вида фрейма или как вы написали auto layout? Я сейчас выбрал андроид фрейм и делаю на нём
Если вы делаете мобильное приложение тогда лучше выбрать самое популярное минимальное значение для iOS и android для которого будет доступно приложение. Если речь идет о мобильное версии сайта достаточно взять 390 по ширине, сейчас это самое популярное значение. Пару лет назад делали под 320 но сейчас такие телефоны редко уже встречаются.
Здравствуйте Сергей. У меня есть две вопросов насчёт вашей презентации. 1. Вопрос так. Есть такой сайт где я могу скинуть именно дизайн своего сайта и этот сайт может ли автоматически сделать любые версию нашего модели телефона. 2. А что если наш телефон в другом формате, скажем другой модель ( Xiaomi, Samsung, Huawei и др ). В Фигме, могу ли найти другие модели, таких как телефонов. Спасибо Заранее :)
Добрый день! По 1 вопросу - да есть эмуляторы которые показывают как ваш сайт смотрится на разных девайсах, но сам макет никто не поменяет за вас)))) 2 - вам нужно посмотреть размер экрана вашего девайса под который вы делаете макет и создать фрейм в этом размере. В целом в Фигме используются основные стандартные размеры самых распространенных экранов. Отдельно скорее всего есть плагины или шаблоны в коммьюнити Фигмы для Xiaomi, Samsung, Huawei и др. нужно поискать =)
Сергей, спасибо большое за интересное видео! Подскажите, важно ли каждый отдельный блок сайта выделять в отдельный фрейм и для мобильной, и для десктопной версий? Я так понимаю, это облегчает жизнь верстальщикам? Плюс в Тильде сейчас появилась возможность импортировать фреймы из тильды в зеро-блок (пока демо), может и в других конструкторах такая возможность есть?
Пожалуйста!) нет не важно, возможно для Тильды это удобно потому что в ней принцип работы такой - блочный. Верстальщик сам определяет как ему нужно дивы сделать.
Доброй ночи. Я правильно понимаю, что это адаптив исключительно под расширение 7 айфона и на телефонах с более большим расширением экрана весь макет съедет?
Добрый! Обычно делается брейкпоинты 390 (телефон) 768 (планшет вертикальный) 1024 (планшет горизонтальный) и далее десктопы. Рисовать отдельно под каждую модель телефона конечно нет смысла))) обычно этих брейкпоинтов хватает чтобы макеты хорошо смотрелись.
А что делать, если у меня при создании моб. версии фото становятся очень пиксельными? Работаю в фотошопе. Качество фото хорошее (5500х3700рх, 10мб), но при переносе их на макет мобилки с размером 320 все в жутких пикселях. Не могу понять в чем проблема. Это проблема в самих фотках или я что-то делаю не так?
Вы макет в фотошопе делаете? Если в фигму переносите тогда это слишком большой размер и она его сжимает. А зачем такие большие размер? Вообще для сайтов рекомендую использовать размеры фото не более 1920х1080 и весом до 500кб, иначе пользователи могут по пол часа грузить ваши фотографии 😂 и не забывайте про трафик)
Сергей, очень продуктивное видео по созданию мобильной версии! Посмотрел с огромным удовольствием! Огромное спасибо!👍
Здорово! Я рад!))
Очень приятная речь, большое Вам спасибо💙
Благодарю!) Вам спасибо за отзыв!)
Очень полезное видео, благодарю! Иногда испытываю трудности с созданием мобильной версии, поэтому такая информация всегда пригодится 🙏
Спасибо, рад, что было полезно!) пишите если будут вопросы)
Сергей, ваши видео очень крутые, наглядные и понятные! Спасибо!!!😇🙏🏻👍🏻👍🏻👍🏻
Спасибо большое!!! очень приятно!) рад, что нравится!
Спасибо! В моей первой работе вы очень сильно помогли своим видео! Удачи Вам!
Ура! Очень рад это слышать! 🤗 удачи вам в следующих проектах!
Вас так приятно и интересно слушать, спасибо большое!!
Спасибо))) а мне приятно видеть такие комментарии!)) спасибо за мотивацию!)
Очень приятная грамотная речь! Спасибо большое, вас приятно слушать
Спасибо большое за столь пряный отзыв)
Сергей, я правильно понимаю - в конечном итоге фронтенд разработчикам всегда передается 3 макета (десктоп, мобильный и планшет)? Ведь нет необходимости в отрисовке макетов на множество разрешений?
Да верно! Но если какой-то сложный дизайн и нужно отдельно показать как будет на 1920, то лучше отрисовать. Это обычно обсуждается с разрабами в конкретном случае.
@@Chyrkov спасибо!
Привет, Сергей! Смотрю все ваши видео с удовольствием) Было бы здорово, если бы вы показали что-нибудь про хедер. Анимация при скроллинге страницы, сворачивание и появление хедера и тд. Спасибо😊
Привет!) спасибо большое!) хорошо, сделаю)
Есть какое-то чёткое правило какой фрейм надо выбирать? Будет ли он сам подгоняться под другие экраны пользователей? Или надо отдельно для каждого размера экрана делать?
Не совсем понял о каком фрейме идет речь. Но делать мобильную версию нужно всех страниц отдельно. Автоматически может работать только если вы используете auto layout, блоки могут подстраиваться по размеру и переходить один под другой. На момент записи этого видео такого функционала в фигме насколько я помню еще не было.
@@Chyrkov есть разные фреймы под айфон, андроид и так далее. Если я хочу сделать например на айфон и на андроид, мне нужно делать отдельно для каждого вида фрейма или как вы написали auto layout? Я сейчас выбрал андроид фрейм и делаю на нём
Если вы делаете мобильное приложение тогда лучше выбрать самое популярное минимальное значение для iOS и android для которого будет доступно приложение. Если речь идет о мобильное версии сайта достаточно взять 390 по ширине, сейчас это самое популярное значение. Пару лет назад делали под 320 но сейчас такие телефоны редко уже встречаются.
Здравствуйте Сергей.
У меня есть две вопросов насчёт вашей презентации.
1. Вопрос так. Есть такой сайт где я могу скинуть именно дизайн своего сайта и этот сайт может ли автоматически сделать любые версию нашего модели телефона.
2. А что если наш телефон в другом формате, скажем другой модель ( Xiaomi, Samsung, Huawei и др ). В Фигме, могу ли найти другие модели, таких как телефонов.
Спасибо Заранее :)
Добрый день! По 1 вопросу - да есть эмуляторы которые показывают как ваш сайт смотрится на разных девайсах, но сам макет никто не поменяет за вас)))) 2 - вам нужно посмотреть размер экрана вашего девайса под который вы делаете макет и создать фрейм в этом размере. В целом в Фигме используются основные стандартные размеры самых распространенных экранов. Отдельно скорее всего есть плагины или шаблоны в коммьюнити Фигмы для Xiaomi, Samsung, Huawei и др. нужно поискать =)
Сергей, спасибо большое за интересное видео! Подскажите, важно ли каждый отдельный блок сайта выделять в отдельный фрейм и для мобильной, и для десктопной версий? Я так понимаю, это облегчает жизнь верстальщикам? Плюс в Тильде сейчас появилась возможность импортировать фреймы из тильды в зеро-блок (пока демо), может и в других конструкторах такая возможность есть?
Пожалуйста!) нет не важно, возможно для Тильды это удобно потому что в ней принцип работы такой - блочный. Верстальщик сам определяет как ему нужно дивы сделать.
К материалу вопросов нет, но ещё чуть-чуть и будет АСМР. Хотелось бы чтобы вы говорили немного по громче
спасибо! на тот момент были сложности со звуком 😉
Здравствуйте прикольно получилось . Я на 320 обычно делаю адаптив
спасибо!) да 320 это самый маленькие размер, с него надо начинать
Сергей, что-то не вижу сетки
Если они у вас добавлены в макете, попробуйте нажать shift G чтобы их отобразить
Доброй ночи. Я правильно понимаю, что это адаптив исключительно под расширение 7 айфона и на телефонах с более большим расширением экрана весь макет съедет?
Добрый! Обычно делается брейкпоинты 390 (телефон) 768 (планшет вертикальный) 1024 (планшет горизонтальный) и далее десктопы. Рисовать отдельно под каждую модель телефона конечно нет смысла))) обычно этих брейкпоинтов хватает чтобы макеты хорошо смотрелись.
А не доставляет проблем ,что после Scale всё дробное ?
есть такое, бесит жутко!)) вручную потом можно размеры подправить немного
Сергей, очень полезное видео! спасибо! и всё-таки - моб версию требуется отрисовывать на 320 или 375? а если это будет iphone Pro Max?
Спасибо за отзыв! Лучше делать под минимальное разрешение 320. Под про Макс можно сделать отдельно если в этом есть необходимость
А что делать, если у меня при создании моб. версии фото становятся очень пиксельными? Работаю в фотошопе. Качество фото хорошее (5500х3700рх, 10мб), но при переносе их на макет мобилки с размером 320 все в жутких пикселях. Не могу понять в чем проблема. Это проблема в самих фотках или я что-то делаю не так?
Вы макет в фотошопе делаете? Если в фигму переносите тогда это слишком большой размер и она его сжимает. А зачем такие большие размер? Вообще для сайтов рекомендую использовать размеры фото не более 1920х1080 и весом до 500кб, иначе пользователи могут по пол часа грузить ваши фотографии 😂 и не забывайте про трафик)
@@Chyrkov если я фото более меньшего качества залью на сайт, они еще хуже будут. Не в том проблема. Но я уже разобралась, мне специалисты подсказали
@@Chyrkov и мне загрузили эти фото на сайт и все прекрасно открывается и никаких проблем с трафиком нет
отлично, скорее всего специалисты сжали изображения чтобы уменьшить вес
Recrent в сфере дизайна
👌
Музыку нужно чуть тише
Спасибо, учту!