5 ОШИБОК ВЕБ-ДИЗАЙНЕРА ДО ВЕРСТКИ НА TILDA

Сегодня мы поговорим о том, как правильно подготовить дизайн-макет для переноса на Tilda. Как подобрать размеры шрифтов, какой выбрать экран для макета, и нужен ли автоскейл
СОЦСЕТИ:
Мой инстаграм: / heblux
Мой телеграм канал: t.me/hebluxpro
Наш телеграм-канал: t.me/hotlabe
Наш сайт: hotlabe.ru

[@jugo3639]

Контент мясо. Надо еще

[@nyamcat8334]

Спасибо

[@outinside6923]

ооо, прям с ходу бенто стайл) стильненько )

[@user-cp4vc8mk1q]

Кааайф

[@kirillwarhorseklimov4064]

Отличное видео. Хотел бы подробнее узнать о мобильной вёрстке. Как все перенести и изменить размеры шрифтов, например

[@hotlabe]

Спасибо, думаю что обязательно снимем про мобильную верстку

[@MikhailBoychenko]

Так можно ведь в Тильде задать ширину фрейма 1440 или любую другую, которая у тебя в макете фигмы и импортировать без проблем. Уже ведь давно в тильде можно задавать ширину вручную. И сетка там корректная под указанную ширину. Так что, ваш первый пункт с шириной в 1200 немного не актуален уже) А в целом, хорошее и полезное видео для новичков!

[@hotlabe]

Для обычной верстки да, но для автоскейла удобнее в 1200, тк далее увеличивая до 1440 как на видео, мы заранее увидим результат с учетом автоскейла на тильда, а на 1440 не сможем предвидеть, пока не перенесем на тильду

[@user-gf9oq3ug4h]

А что мы делаем автоскейлом, если у нас есть стандартные блоки ? К примеру каталог, аккордеон и тд ?

[@hotlabe]

Для стандартных блоков можно использовать код от ANNEX, там есть автоскейл для стандартных блоков, чтобы весь сайт смотрелся целостно

[@maiafreiaphotography5353]

Подключила Annex, только как это все настроить для автоскейла))) помогите, пожалуйста, ни у кого нет видео понятного))

[@HumanVideo]

​@@hotlabe для одностраничного решение от Аннекса ещё ок, но для многостраничника да ещё с кучей стандартных блоков - плохая идея, проверено на себе. Откатился на 1200. Сайт со скриптом подтормаживает и местами работает некорректно.

[@SergRogev]

Не понял про нюансы автоскейла? Только шрифт?

[@heblux6644]

В целом да, шрифты, и не супер большие элементы

[@SergRogev]

По хорошему если потом переносить макет на тильду, то пох какой размер макета, просто делаешь сетку, как в Тильде и по ней уже делаешь, другой вопрос эстетики, пустые пространства по бокам макета, чем больше экран, тем больше уши, показывать такое заказчику не комильфо, я выбираю всегда фрейм 1440 и ставлю на него стандартную 12-колоночную тильдовскую сетку и смотрится норм и переносить без проблем

[@hotlabe]

Если верстать автоскейлом, то гораздно удобнее уже делать на экране 1200, чтобы учитывать автоскейл и боковые отступы

[@slalexdesign5944]

@@hotlabe единственное роблема из за того что вы верстаете автоскейлом. Картинки и шрифты могут размываться. Поэтому на больших экранах. Это будет заметнее

[@hotlabe]

@@slalexdesign5944на супер больших экранах да, но это 3-4% пользователей

[@hotlabe]

@@slalexdesign5944но если верстать правильно (отступы по краям 100-120 пикселей, шрифты меньше обычного, то и на больших экранах будет хорошо смотреться)

[@Lina_leshik]

Есть в Фигма готовая библиотека сеток тильда.