Тёмный

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

HOTLABE STUDIO
Подписаться 1,2 тыс.
Просмотров 6 тыс.
50% 1

Опубликовано:

 

28 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 28   
@Виктория-б1к3е
@Виктория-б1к3е 25 дней назад
То что я искала! Очень полезное видео, законспектировала😌Спасибо!
@FlarionPlay
@FlarionPlay 3 месяца назад
Не знал что можно так просто в фигме с 1920 до 1200 сделать макет.. Мне когда дизайнеры отправляли до этого макеты я нормально так времени тратил на подгонку под 1200, спасибо за то что показал как это делается правильно
@HAYMAN777RU
@HAYMAN777RU Месяц назад
Ох, сколько же ты нам времени сэкономил в работе)) Здоровьечка тебе)
@vesnavsegdaA
@vesnavsegdaA 3 месяца назад
ура, тысячная подписка от меня:) отличное видео получилось, благодарю!
@jugo3639
@jugo3639 8 месяцев назад
Контент мясо. Надо еще
@kirillwarhorseklimov4064
@kirillwarhorseklimov4064 8 месяцев назад
Отличное видео. Хотел бы подробнее узнать о мобильной вёрстке. Как все перенести и изменить размеры шрифтов, например
@hotlabe
@hotlabe 8 месяцев назад
Спасибо, думаю что обязательно снимем про мобильную верстку
@SergRogev
@SergRogev 8 месяцев назад
По хорошему если потом переносить макет на тильду, то пох какой размер макета, просто делаешь сетку, как в Тильде и по ней уже делаешь, другой вопрос эстетики, пустые пространства по бокам макета, чем больше экран, тем больше уши, показывать такое заказчику не комильфо, я выбираю всегда фрейм 1440 и ставлю на него стандартную 12-колоночную тильдовскую сетку и смотрится норм и переносить без проблем
@hotlabe
@hotlabe 8 месяцев назад
Если верстать автоскейлом, то гораздно удобнее уже делать на экране 1200, чтобы учитывать автоскейл и боковые отступы
@slalexdesign5944
@slalexdesign5944 8 месяцев назад
@@hotlabe единственное роблема из за того что вы верстаете автоскейлом. Картинки и шрифты могут размываться. Поэтому на больших экранах. Это будет заметнее
@hotlabe
@hotlabe 8 месяцев назад
@@slalexdesign5944на супер больших экранах да, но это 3-4% пользователей
@hotlabe
@hotlabe 8 месяцев назад
@@slalexdesign5944но если верстать правильно (отступы по краям 100-120 пикселей, шрифты меньше обычного, то и на больших экранах будет хорошо смотреться)
@Lina_leshik
@Lina_leshik 5 месяцев назад
Есть в Фигма готовая библиотека сеток тильда.
@optimistic5980
@optimistic5980 2 месяца назад
Видос ваще комфорт
@outinside6923
@outinside6923 5 месяцев назад
ооо, прям с ходу бенто стайл) стильненько )
@spv7-rudnyk
@spv7-rudnyk Месяц назад
привет спасибо помогло
@neverforever1357
@neverforever1357 2 месяца назад
Я вот, как новичок, не очень могу понять. У меня если смотреть через гул браузер вращать мобильную верстку, то перевернутая версия телефона отображается именно, как планшетная версия в тильде, т.е. картинка сильно вниз растянута. С текстом ок, он адаптируется, но картинка за пределами экрана растянута сильно вниз. если что для экрана я использую не заливку блока картинкой, а шейп отдельно, поскольку при скроле первого экрана у меня по задумке анимация увеличения и исчезновения первой картинки. С фоновой вроде так сделать нельзя
@topKinorezka
@topKinorezka Месяц назад
5 ошибок веб дизайнера сайтов под ключ это 1. t 2. i 3. l 4. d 5. a
@MikhailBoychenko
@MikhailBoychenko 8 месяцев назад
Так можно ведь в Тильде задать ширину фрейма 1440 или любую другую, которая у тебя в макете фигмы и импортировать без проблем. Уже ведь давно в тильде можно задавать ширину вручную. И сетка там корректная под указанную ширину. Так что, ваш первый пункт с шириной в 1200 немного не актуален уже) А в целом, хорошее и полезное видео для новичков!
@hotlabe
@hotlabe 8 месяцев назад
Для обычной верстки да, но для автоскейла удобнее в 1200, тк далее увеличивая до 1440 как на видео, мы заранее увидим результат с учетом автоскейла на тильда, а на 1440 не сможем предвидеть, пока не перенесем на тильду
@СтаниславВишневский-й2м
А что мы делаем автоскейлом, если у нас есть стандартные блоки ? К примеру каталог, аккордеон и тд ?
@hotlabe
@hotlabe 8 месяцев назад
Для стандартных блоков можно использовать код от ANNEX, там есть автоскейл для стандартных блоков, чтобы весь сайт смотрелся целостно
@maiafreiaphotography5353
@maiafreiaphotography5353 8 месяцев назад
Подключила Annex, только как это все настроить для автоскейла))) помогите, пожалуйста, ни у кого нет видео понятного))
@HumanVideo
@HumanVideo 5 месяцев назад
​@@hotlabe для одностраничного решение от Аннекса ещё ок, но для многостраничника да ещё с кучей стандартных блоков - плохая идея, проверено на себе. Откатился на 1200. Сайт со скриптом подтормаживает и местами работает некорректно.
@SergRogev
@SergRogev 8 месяцев назад
Не понял про нюансы автоскейла? Только шрифт?
@heblux6644
@heblux6644 8 месяцев назад
В целом да, шрифты, и не супер большие элементы
@nyamcat8334
@nyamcat8334 4 месяца назад
Спасибо
@МаксимАртищев-о4ю
@МаксимАртищев-о4ю 7 месяцев назад
Кааайф
Далее