Сетка сайта на Тильде: как навести визуальный порядок - мастер-класс
HTML-код
- Опубликовано: 17 окт 2024
- Визуальный беспорядок мешает быстро считывать информацию на сайте, а значит снижает его эффективность. Как с помощью модульных сеток грамотно выстраивать элементы и создавать понятный дизайн - 12 мая на бесплатном мастер-классе расскажет Максим Ширко.
Все вебинары и мастер-классы Тильды: webinars.tilda.cc
![ARGENTINA vs. BOLIVIA [6-0] | RESUMEN | ELIMINATORIAS SUDAMERICANAS | FECHA 10](http://i.ytimg.com/vi/C3wPtKNbAOA/mqdefault.jpg)
Максим, просто мега крутая подача материала! Всё чётко, яснопонятно, а главное видно, как вы горите своим делом. Огромная благодарность 🙏
Супер информативно и понятно. Отличные примеры. Наконец-то я поняла что такое резиновая верстка =))
Это базовая, но очень важная и полезная информация, на которую я не обращал внимания осознанно. при своём опыте 4 месяца в создании сайтов.
Отличный вебинар. Макс - красавчик. Спасибо.
Очень полезно.
Начал освоение Тильды.)
Спасибо за полезную и подробную информацию. Подача отличная. Очень внятный и адекватный специалист.
Максим, благодарю! Очень понятно, а еще выделила бы вашу хорошую речь, приятно слушать!
Как здорово, что нашла ваше видео! Полтора часа пролетело в ночь! Подписалась.
Спасибо! Очень полезно! Буду смотреть весь джем
Спасибо большое за урок! Онлайн была в первый раз, очень понравилось!
На счёт секти - всё было впервые для меня) Сайты только начинаю изучать, думала уже что у меня ручки кривые, ан нет! Про сетку я не знала на Тильде)))
Ещё раз спасибо!
Благодарность и респект за видео и чёткую подачу материала) И ещё за интерьерный пейзаж, очень стильно)
Как здорово, что нашла ваше видео!
Спасибо, очень полезно. Реально по-другому смотришь на свои проекты
умеете, могёте, Макс кросава!
Очень крутой урок! Спасибо!
Максим - Супер!
Шикарный урок! Большое спасибо!
Спасибо! Очень полезный эфир
Ещё раз спасибо за видео, но я запуталась с margin. В чате написали gutter - 40 px, margin - 380 px и Макс это подтвердил. А если просто на Тильду ориентироваться, то весь BG 1400 минус сетка 1200, получаем 200. То есть по 100 px по бокам, то есть margin - 100 px? Или как? Или это вообще не о том? Но что такое тогда margin, особенно 380 px?
Спасибо за информацию! Очень полезно!!
Спасибо Максим за проведенный вебинар. Все супер!!!
Максим подскажите почему у меня в настройках блоков нет надписи "В Тильде используется 12-колонная сетка..."? Хотя я так же выбрал текстовый блок для подключения "сетки". Спасибо.
Спасибо за обратную связь, Дмитрий
Попробуйте ещё раз, пожалуйста, добавить блок tx01 > откройте настройки блока > нажмите на "12-колоночная сетка"
Если проблема остаётся, напишите, пожалуйста, на team@tilda.cc или через виджет обратной связи в правом нижнем углу личного кабинета Tilda. Отправьте полноэкранный скриншот - как вы видите настройки данного блока и уточните ссылку на страницу в режиме редактирования с этим блоков
Ясно. Спасибо
сетка прослеживается только в веб версии или для мобилки тоже как то выдерживается?
Для мобильной версии также применим данный подход
@@TildaPublishing благодарю
А где можно получить ссылки на представленные в ролике сайты?
На видео видно адресную строку, там вы можете увидеть адреса сайтов. В ином виде, к сожалению, нет
Tilda Publishing Russia, спасибо, уже нашла! Прекрасные работы для вдохновения!)
42:30 вот это супер хак
Хорошо, но если мы всё выравниваем под одни линии и колонки, не становится ли сайт скучным, ровным?
Стоит исходить из задач и целевой аудитории. Часто для бизнес задач больше подходит «скучный» сайт
Максим, подскажите пожалуйста как сделать такой эффект шторки как на сайте kachurina-design.ru
Это код или есть что-то такое в самой тильде?
К сожалению, готового решения для создания такого эффекта нет
Его добавили с помощью стороннего кода
Tilda Publishing Russia Спасибо уже нашла код и все получилось)
tildoshnaya.com/modification/preloader# вот этот код попробуйте (там на старнице всё расписанно)
Вот, интересно очень - как получить сетку в 5 колонок в Grid и в Windows? Видела такое у Вас на двух сайтах
Посмотрите, пожалуйста, информацию о том, как создать свою сетку на странице tilda.education/courses/web-design/grid/
Все понятно, но не понятно.....текст 16px допустим стандарт для веба текста, как он выглядит на ретина экранах, там все маштабируеться, так же с иконками.....непонятно как это подкапотом устроенно, расскажите про это подробно, а то непонятно и трудно спросить, что непонятно......Это как в бизнесе понимать, что это купил дешево продал дорого и все и считать, что пора запускать.....расскажите подробности и разобрать на атомы этот момент???????????????????
Как закрепить шапку сайта: ruclips.net/video/3XXaN09pj78/видео.html
Что-то насчет ретины и 4к я ничего не понял(
все думала, почему колонки сетки разные (широкие и узкие), узкие - это отступы))))
Привет всем
Сначала показалось что Стас переквалифицировался 😅
Так так ТАК ТАААК... ппфф
Много слов и мало главного. Через 5 минут мозг взрывается. Хочется уйти. Что собственно и сделано.
все понятно и полезно)