Готовые модификации для Tilda

Типографика на сайте — это не выбор красивого шрифта. Шрифт может быть дорогим, модным и прекрасно нарисованным, но сайт все равно будет выглядеть плохо, если заголовки почти не отличаются от основного текста, абзацы растянуты на всю ширину экрана, строки стоят слишком плотно, а в разных блоках используются случайные размеры. Хорошая типографика работает как система навигации. Еще до того, как человек начал читать страницу, он должен понимать, что здесь главное, что второстепенное, где начинается новый раздел и какой текст можно пропустить...

В большинстве коммерческих проектов цвета не придумывают прямо в Tilda. Обычно у компании уже есть брендбук, гайдлайн или хотя бы базовая палитра: основной цвет, дополнительные оттенки, цвета текста и фона. Если брендбук сделан хорошо и в нем предусмотрено использование цветов именно в цифровых интерфейсах, вам повезло: значительная часть решений уже принята за вас. Но даже готовая брендовая палитра не гарантирует, что любая комбинация этих цветов подойдет для сайта. Фирменный желтый может прекрасно...

С производительностью сайта часто происходит примерно так: вы сделали проект, всё открывается, заказчик доволен, а потом сайт проверяет сын заказчика, знакомый программист или просто человек, который знает про существование PageSpeed Insights. Через пять минут прилетает скриншот: «Почему здесь 63? Сайт медленный?» Паниковать и удалять половину первого экрана ради зеленого кружочка не нужно. PageSpeed Insights и Lighthouse действительно полезны, но цифра Performance от 0 до 100 — это не оценка сайта по школьной системе и не процент его качества...

Перед тем как говорить о размере, весе и сжатии, важно разделить изображения на два основных типа: растровые и векторные. Растровое изображение состоит из пикселей. К растровым форматам относятся, например, JPEG, PNG, WebP и AVIF. Чем больше такое изображение по ширине и высоте, тем больше данных оно обычно содержит. Если растр сильно увеличить, рано или поздно станет заметна потеря четкости. Векторное изображение устроено иначе: оно описывается геометрическими объектами и может масштабироваться без характерной для растра пикселизации...

Если вы используете готовые модификации для Tilda, учить HTML целиком не обязательно. Но нужно понимать, какие части кода предназначены для замены, а какие могут быть связаны со стилями и JavaScript и поэтому требуют осторожности. Для большинства готовых модификаций достаточно уметь заменить текст, ссылку, изображение или указанное в инструкции значение и не затронуть остальную структуру. Ниже — короткая практическая инструкция. Простой фрагмент может выглядеть так: <div class="my-card"> <h2>Заголовок карточки</h2> <p>Описание карточки</p> <a href="https://example...