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

Рет қаралды 3,062

3 ай бұрын

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

Пікірлер: 20

@nyamcat8334 Күн бұрын

Спасибо

@jugo3639 3 ай бұрын

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

@outinside6923 21 күн бұрын

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

@kirillwarhorseklimov4064 3 ай бұрын

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

@hotlabe 3 ай бұрын

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

@MikhailBoychenko 3 ай бұрын

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

@hotlabe 3 ай бұрын

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

@SergRogev 3 ай бұрын

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

@hotlabe 3 ай бұрын

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

@slalexdesign5944 3 ай бұрын

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

@hotlabe 3 ай бұрын

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

@hotlabe 3 ай бұрын

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

@Lina_leshik Ай бұрын

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

@user-gf9oq3ug4h 3 ай бұрын

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

@hotlabe 3 ай бұрын

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

@maiafreiaphotography5353 3 ай бұрын

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

@HumanVideo 26 күн бұрын

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

@SergRogev 3 ай бұрын

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

@heblux6644 3 ай бұрын

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