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