5 ОШИБОК ВЕБ-ДИЗАЙНЕРА ДО ВЕРСТКИ НА TILDA
HTML-код
- Опубликовано: 20 фев 2024
- Сегодня мы поговорим о том, как правильно подготовить дизайн-макет для переноса на Tilda. Как подобрать размеры шрифтов, какой выбрать экран для макета, и нужен ли автоскейл
СОЦСЕТИ:
Мой инстаграм: / heblux
Мой телеграм канал: t.me/hebluxpro
Наш телеграм-канал: t.me/hotlabe
Наш сайт: hotlabe.ru
Не знал что можно так просто в фигме с 1920 до 1200 сделать макет..
Мне когда дизайнеры отправляли до этого макеты я нормально так времени тратил на подгонку под 1200, спасибо за то что показал как это делается правильно
Контент мясо. Надо еще
ооо, прям с ходу бенто стайл)
стильненько )
Спасибо
Так можно ведь в Тильде задать ширину фрейма 1440 или любую другую, которая у тебя в макете фигмы и импортировать без проблем. Уже ведь давно в тильде можно задавать ширину вручную. И сетка там корректная под указанную ширину. Так что, ваш первый пункт с шириной в 1200 немного не актуален уже)
А в целом, хорошее и полезное видео для новичков!
Для обычной верстки да, но для автоскейла удобнее в 1200, тк далее увеличивая до 1440 как на видео, мы заранее увидим результат с учетом автоскейла на тильда, а на 1440 не сможем предвидеть, пока не перенесем на тильду
Отличное видео. Хотел бы подробнее узнать о мобильной вёрстке. Как все перенести и изменить размеры шрифтов, например
Спасибо, думаю что обязательно снимем про мобильную верстку
Кааайф
Не понял про нюансы автоскейла? Только шрифт?
В целом да, шрифты, и не супер большие элементы
А что мы делаем автоскейлом, если у нас есть стандартные блоки ? К примеру каталог, аккордеон и тд ?
Для стандартных блоков можно использовать код от ANNEX, там есть автоскейл для стандартных блоков, чтобы весь сайт смотрелся целостно
Подключила Annex, только как это все настроить для автоскейла))) помогите, пожалуйста, ни у кого нет видео понятного))
@@hotlabe для одностраничного решение от Аннекса ещё ок, но для многостраничника да ещё с кучей стандартных блоков - плохая идея, проверено на себе. Откатился на 1200.
Сайт со скриптом подтормаживает и местами работает некорректно.
По хорошему если потом переносить макет на тильду, то пох какой размер макета, просто делаешь сетку, как в Тильде и по ней уже делаешь, другой вопрос эстетики, пустые пространства по бокам макета, чем больше экран, тем больше уши, показывать такое заказчику не комильфо, я выбираю всегда фрейм 1440 и ставлю на него стандартную 12-колоночную тильдовскую сетку и смотрится норм и переносить без проблем
Если верстать автоскейлом, то гораздно удобнее уже делать на экране 1200, чтобы учитывать автоскейл и боковые отступы
@@hotlabe единственное роблема из за того что вы верстаете автоскейлом. Картинки и шрифты могут размываться. Поэтому на больших экранах. Это будет заметнее
@@slalexdesign5944на супер больших экранах да, но это 3-4% пользователей
@@slalexdesign5944но если верстать правильно (отступы по краям 100-120 пикселей, шрифты меньше обычного, то и на больших экранах будет хорошо смотреться)
Есть в Фигма готовая библиотека сеток тильда.