Веб-студия Александры Шеиной

⠀ Бенто-дизайн — это про то, что не все блоки равны. В карточном стиле сетка однородная: одинаковый размер, одинаковый вес, одинаковое внимание к каждому элементу. Бенто-стиль в веб-дизайне работает иначе: блоки разного размера, разного веса, разной значимости — и именно это различие создаёт иерархию. Один блок занимает два столбца, другой — один; один тянется на всю высоту, соседний делится на два меньших. Композиция показывает, что важно, ещё до того, как пользователь начал читать. Название пришло...

⠀ Бенто-дизайн — это про то, что не все блоки равны. В карточном стиле сетка однородная: одинаковый размер, одинаковый вес, одинаковое внимание к каждому элементу. Бенто-стиль в веб-дизайне работает иначе: блоки разного размера, разного веса, разной значимости — и именно это различие создаёт иерархию. Один блок занимает два столбца, другой — один; один тянется на всю высоту, соседний делится на два меньших. Композиция показывает, что важно, ещё до того, как пользователь начал читать. Название пришло...

Ещё лет пять назад мобильное приложение было историей про бюджет, команду разработчиков и несколько месяцев ожидания. Сейчас между «хочу приложение» и «приложение готово» может пройти всего несколько недель — и ни одной строчки кода. Конструктор мобильных приложений — это платформа, где приложение собирается визуально: вы перетаскиваете блоки, настраиваете логику, подключаете данные. Примерно как собрать сайт на конструкторе — только на выходе получается не страница в браузере, а полноценное приложение для телефона...

Когда клиент говорит «хочу, чтобы было в синих тонах», — он говорит про ощущение. Это нормально, и с этим можно работать. Проблема начинается, когда цвет выбирается только по ощущению — без понимания, что он делает на странице. Цветовой дизайн сайта — это не про то, нравится ли цвет владельцу. Это про то, как цвет влияет на пользователя, который пришёл с рекламы и за три секунды решает: остаться или уйти. Цвет работает раньше, чем человек успевает что-то прочитать. Он формирует первое впечатление,...

⠀ Веб-дизайн — это не про то, как выглядит сайт. Это про то, как он работает. Веб-дизайн — это система решений о том, как устроена веб-страница: что пользователь видит первым, куда смотрит дальше, в какой момент понимает, что нужно сделать, — и делает ли это. Визуал здесь важен, но он — следствие. Сначала — логика, структура, цель. Цель дизайна сайта — не понравиться владельцу и не получить приз на конкурсе. Цель — чтобы человек, который попал на страницу, сделал нужное действие: оставил заявку, позвонил, купил или подписался...

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

⠀ Почти каждый проект начинается одинаково: клиент приходит с референсами, рассказывает, какой стиль нравится, показывает сайты конкурентов. Это нормально — визуальное считывается сразу. Но тип сайта важнее любого референса, потому что именно он определяет логику страниц, сценарий пользователя и то, откуда придёт трафик. Дизайн работает внутри этой рамки — и не меняет её, каким бы красивым он ни был. Лендинг, корпоративный сайт и интернет-магазин — это не одно и то же с разным оформлением. Это разные инструменты с разной механикой...

Иногда стандартного блока слайдера на Тильде недостаточно — хочется больше свободы в дизайне и анимации. Например, сделать карточки с индивидуальной структурой, плавными переходами и собственной логикой переключения. В таких случаях идеально подойдёт кастомный слайдер из зеро-блоков на Тильде, который можно собрать вручную с помощью HTML, CSS и JS. В этой статье студия SHEINA показывает, как шаг за шагом создать слайдер на Zero-блоках: адаптивный, с кастомной навигацией, автопрокруткой и анимацией...

Эта модификация позволяет сделать аккордеон из зеро-блоков с использованием готового кода. Вы самостоятельно создаёте структуру в Zero — заголовки и блоки с контентом, а скрипт отвечает за корректную работу открытия и закрытия вкладок...

Материал переехал — мы переработали его в более актуальный и полный разбор. Теперь всё, что нужно знать, собрано в одном месте: Обязательные документы на сайте: где чаще всего допускают ошибки. Перейти к обновлённой статье: https://dzen...

Эта модификация расширяет стандартный аккордеон Tilda TX16N2 и позволяет вставлять внутрь секций любые блоки — стандартные, Zero Block и HTML. Благодаря коду блок поддерживает корректное открытие и закрытие вкладок даже при сложной внутренней структуре...

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