Не знал что можно так просто в фигме с 1920 до 1200 сделать макет.. Мне когда дизайнеры отправляли до этого макеты я нормально так времени тратил на подгонку под 1200, спасибо за то что показал как это делается правильно
Так можно ведь в Тильде задать ширину фрейма 1440 или любую другую, которая у тебя в макете фигмы и импортировать без проблем. Уже ведь давно в тильде можно задавать ширину вручную. И сетка там корректная под указанную ширину. Так что, ваш первый пункт с шириной в 1200 немного не актуален уже) А в целом, хорошее и полезное видео для новичков!
Для обычной верстки да, но для автоскейла удобнее в 1200, тк далее увеличивая до 1440 как на видео, мы заранее увидим результат с учетом автоскейла на тильда, а на 1440 не сможем предвидеть, пока не перенесем на тильду
Я вот, как новичок, не очень могу понять. У меня если смотреть через гул браузер вращать мобильную верстку, то перевернутая версия телефона отображается именно, как планшетная версия в тильде, т.е. картинка сильно вниз растянута. С текстом ок, он адаптируется, но картинка за пределами экрана растянута сильно вниз. если что для экрана я использую не заливку блока картинкой, а шейп отдельно, поскольку при скроле первого экрана у меня по задумке анимация увеличения и исчезновения первой картинки. С фоновой вроде так сделать нельзя
По хорошему если потом переносить макет на тильду, то пох какой размер макета, просто делаешь сетку, как в Тильде и по ней уже делаешь, другой вопрос эстетики, пустые пространства по бокам макета, чем больше экран, тем больше уши, показывать такое заказчику не комильфо, я выбираю всегда фрейм 1440 и ставлю на него стандартную 12-колоночную тильдовскую сетку и смотрится норм и переносить без проблем
@@hotlabe единственное роблема из за того что вы верстаете автоскейлом. Картинки и шрифты могут размываться. Поэтому на больших экранах. Это будет заметнее
@@slalexdesign5944но если верстать правильно (отступы по краям 100-120 пикселей, шрифты меньше обычного, то и на больших экранах будет хорошо смотреться)
@@hotlabe для одностраничного решение от Аннекса ещё ок, но для многостраничника да ещё с кучей стандартных блоков - плохая идея, проверено на себе. Откатился на 1200. Сайт со скриптом подтормаживает и местами работает некорректно.
Было очень полезно, спасибо.
Не знал что можно так просто в фигме с 1920 до 1200 сделать макет..
Мне когда дизайнеры отправляли до этого макеты я нормально так времени тратил на подгонку под 1200, спасибо за то что показал как это делается правильно
То что я искала! Очень полезное видео, законспектировала😌Спасибо!
Округлить значения можно через плагин round all
Ох, сколько же ты нам времени сэкономил в работе)) Здоровьечка тебе)
Так можно ведь в Тильде задать ширину фрейма 1440 или любую другую, которая у тебя в макете фигмы и импортировать без проблем. Уже ведь давно в тильде можно задавать ширину вручную. И сетка там корректная под указанную ширину. Так что, ваш первый пункт с шириной в 1200 немного не актуален уже)
А в целом, хорошее и полезное видео для новичков!
Для обычной верстки да, но для автоскейла удобнее в 1200, тк далее увеличивая до 1440 как на видео, мы заранее увидим результат с учетом автоскейла на тильда, а на 1440 не сможем предвидеть, пока не перенесем на тильду
Отличное видео. Хотел бы подробнее узнать о мобильной вёрстке. Как все перенести и изменить размеры шрифтов, например
Спасибо, думаю что обязательно снимем про мобильную верстку
привет спасибо помогло
ура, тысячная подписка от меня:) отличное видео получилось, благодарю!
Я вот, как новичок, не очень могу понять. У меня если смотреть через гул браузер вращать мобильную верстку, то перевернутая версия телефона отображается именно, как планшетная версия в тильде, т.е. картинка сильно вниз растянута. С текстом ок, он адаптируется, но картинка за пределами экрана растянута сильно вниз. если что для экрана я использую не заливку блока картинкой, а шейп отдельно, поскольку при скроле первого экрана у меня по задумке анимация увеличения и исчезновения первой картинки. С фоновой вроде так сделать нельзя
Видос ваще комфорт
5 ошибок веб дизайнера сайтов под ключ это
1. t
2. i
3. l
4. d
5. a
Контент мясо. Надо еще
ооо, прям с ходу бенто стайл)
стильненько )
По хорошему если потом переносить макет на тильду, то пох какой размер макета, просто делаешь сетку, как в Тильде и по ней уже делаешь, другой вопрос эстетики, пустые пространства по бокам макета, чем больше экран, тем больше уши, показывать такое заказчику не комильфо, я выбираю всегда фрейм 1440 и ставлю на него стандартную 12-колоночную тильдовскую сетку и смотрится норм и переносить без проблем
Если верстать автоскейлом, то гораздно удобнее уже делать на экране 1200, чтобы учитывать автоскейл и боковые отступы
@@hotlabe единственное роблема из за того что вы верстаете автоскейлом. Картинки и шрифты могут размываться. Поэтому на больших экранах. Это будет заметнее
@@slalexdesign5944на супер больших экранах да, но это 3-4% пользователей
@@slalexdesign5944но если верстать правильно (отступы по краям 100-120 пикселей, шрифты меньше обычного, то и на больших экранах будет хорошо смотреться)
Есть в Фигма готовая библиотека сеток тильда.
А что мы делаем автоскейлом, если у нас есть стандартные блоки ? К примеру каталог, аккордеон и тд ?
Для стандартных блоков можно использовать код от ANNEX, там есть автоскейл для стандартных блоков, чтобы весь сайт смотрелся целостно
Подключила Annex, только как это все настроить для автоскейла))) помогите, пожалуйста, ни у кого нет видео понятного))
@@hotlabe для одностраничного решение от Аннекса ещё ок, но для многостраничника да ещё с кучей стандартных блоков - плохая идея, проверено на себе. Откатился на 1200.
Сайт со скриптом подтормаживает и местами работает некорректно.
Не понял про нюансы автоскейла? Только шрифт?
В целом да, шрифты, и не супер большие элементы
Спасибо
Кааайф