АХ дизайн

АХ дизайн

@khudovadesign
Изображение канала: АХ дизайн
694 подписчика
13 постов
Посты
🔥 Планы на 2025 год 🔥
Вместо поста про итоги уходящего года я поделюсь с вами своими планами на следующий (итоги у меня так себе и я подвела их сама для себя). Как многие уже знают, я ушла из школы ВВП, и соответственно там закрылись курсы по верстке и коду, для которых я писала лекции. Теперь я собираюсь самостоятельно запустить несколько образовательных продуктов в 2025 году: 1️⃣ Интенсив по дизайну — весна 2025. Давно его планировала, для него уже многое готово, осталось только записать и подготовиться к запуску. В этом недельном интенсиве я расскажу о своем методе работы над дизайном сайтов, а вы сделаете одну домашнюю работу, которую я проверю у всех участников интенсива. Запуски будут регулярными и небольшими группами. Программа интенсива рассчитана больше на начинающих дизайнеров, но подойдет и тем, кому интересно изучить мой подход. 2️⃣ Уроки по HTML и CSS для Тильды — лето 2025. Перезапуск модуля по коду курса по верстке, но с более подробной и интенсивной программой, готовыми конспектами, домашними заданиями и тестами для самопроверки. Это будет сборник лекций для самостоятельного изучения, продажи открытые (т.е. для всех), а студентам, купившим ранее модуль по коду в школе ВВП, предоставляется индивидуальная скидка. 3️⃣ Руководство по верстке на Тильде — дата выхода неизвестна. Пожалуй про этот продукт было больше всего вопросов 😅 Расскажу все подробно ) 💻 Прежде всего про формат: это будет не курс, а сборник лекций для самостоятельного изучения. Как показала практика — учить верстку в формате курса не совсем правильно, ведь верстка только часть процесса разработки, она не существует сама по себе, она идет рука об руку с дизайном. Нельзя просто так прийти на верстку и начать верстать, сначала нужен макет, а это рождает множество проблем: где взять макет для курса по верстке, а если макет не достаточно сложный, а что если он не подходит под конкретный тип верстки и т.д. В итоге я решила сделать не курс, а руководство, которое вы смотрите и практикуете тогда, когда вам надо, когда у вас уже есть реальный макет на верстку. Смотрите уроки по тому типу верстки, который вам нужен и который вам нравится, и не заставляете себя рисовать и учить тот тип, который вам не по душе. Но для вашей практики я подготовлю макеты специально для каждого типа верстки, поэтому для желающих отработать все возможные навыки верстки не будет проблем с поиском подходящего макета. 💡 Теперь о содержании: руководство будет максимально полным. Оно будет включать уроки по Тильде, начиная от знакомства с интерфейсом Тильды и заканчивая самыми сложными способами верстки в зеро-блоке. Будут уроки и по анимации, личным кабинетам, магазину и потокам. Также я запишу лекции и по новому способу верстки — Автолейауты, включая АЛ по Window контейнеру и всему артборду zero-блока, выход которых запланирован на 2025 год. Это будет принципиально новый метод верстки, пятый по счету можно сказать, и на мой взгляд единственно правильный, поэтому буду уделять ему больше всего внимания. Дата выхода данного руководства мне пока неизвестна, т.к. я буду ждать полноценного релиза Автолейаутов. Продажи руководства также будут открытые, а студентам, купившим ранее курс по верстке в школе ВВП, предоставляется индивидуальная скидка. 💖 На этом анонс окончен, если у вас есть вопросы или предложения — пишите в комментариях 😊 #обучение
https://content.desigram.ru/static/efe0457c-2e37-42c8-ba49-468907d6b61f.jpg
Как в горизонтальной zero форме переместить поле с галочкой вниз
По умолчанию горизонтальная форма в zero блоке с галочкой выглядит как на примере сверху. Но мы с вами привыкли рисовать поля формы как на примере снизу. Чтобы переместить галочку вниз, а остальные поля растянуть на оставшееся пространство, используйте этот код: 🔸 Чтобы код заработал, вставьте его в блок Т123 (или в хедер сайта без тегов Обязательно подключите библиотеку jQuery в настройках сайта. Вставлять код нужно в специальные подвал или шапку для карточки товара. Если у вас они не предусмотрены в верстке магазина, создайте пустой подвал, например, и кроме кода ничего там не размещайте (соответственно вместо поп-апа у вас будет отдельная страница товара). Внутри кода вы можете отредактировать верхний отступ табов. Если у вас есть вопросы, дайте знать в комментариях ) #модификации #тильда
https://content.desigram.ru/static/46bf8aee-9212-47ca-b933-babc6e39edf4.jpg
Библиотека «Мои блоки»
В Тильде есть такой функционал, как сохранение любого блока себе в библиотеку, которая привязана к вашему аккаунту и доступна на всех проектах. До недавнего времени я ею не пользовалась, не понимала зачем она нужна, если я каждый свой проект верстаю с нуля и их блоки не повторяются. Но сегодня меня озарило, что там можно хранить все свои коды и модификации! 🔥 Это очень удобно и просто в использовании, не надо каждый раз искать код в закладках телеграма или в архивах старых проектов. Организовать такую библиотеку можно в пару кликов, а кому не лень (как мне), тот может ещё и фирменные обложки блоков нарисовать. Ну красота же 😍 Чтобы сохранить любой блок в библиотеку, перейдите в его настройки и в самом низу будет опция 🔖 «Добавить в библиотеку» #тильда
https://content.desigram.ru/static/6dbc936f-364b-4fc6-ae8b-7a901ab3d2f2.jpg
Еще немного процесса работы над сайтом ювелирного бренда
Иногда бывает так, что прежде, чем нарисовать макет, мне нужно убедиться в том, что я смогу это реализовать на Тильде. И вот от заказчика поступает пожелание "хотим вставлять в каталог в любое место между товарами рекламные баннеры". Я сначала отказала в этой фиче, но потом решила все таки попробовать ее сверстать. (Решение с товаром в виде баннера я не рассматриваю, т.к. считаю его костыльным и неудобным в последующем администрировании каталога) Итог вы видите на скриншоте 😊 Теперь я знаю, как вставить внутрь сетки карточек (модифицированных grid'ом) баннер или любой элемент в принципе. И теперь я сдаю заказчику именно такой дизайн-макет — с баннером внутри каталога. А у вас были какие-то интересные запросы от клиента по части дизайна каталога (или чего-то еще)? Расскажите, может быть я смогу вам помочь ) P.S. Код для вставки баннера выложу однажды в открытый доступ после релиза сайта
https://content.desigram.ru/static/cd2178da-903d-4955-9662-056c64565ce7.jpg
Как выровнять текст возле галочки в zero форме
На скриншоте слева показано положение текста возле галочки по умолчанию. Справа — как я выравниваю с помощью кода, на мой взгляд так смотрится аккуратнее и привлекательнее. Примечательно, что в стандартных блоках надписи у галочек стоят как на форме справа. Код для выравнивания текста чекбоксов: Чтобы код заработал, вставьте его в блок Т123 (или в хедер сайта без тегов
https://content.desigram.ru/static/2700303e-f3ab-4924-9067-d8f6006fef3c.jpg
Как дизайнеру продать себя клиенту
К недавней теме про портфолио дизайнера: вчера была на довольно необычном эфире «Как клиент выбирает дизайнера?» (запись будет доступна до 31 октября включительно), где приглашенным спикером был клиент Алены Федры и Ани Зозулевой. Было очень интересно послушать обратную сторону переговоров, как клиент видит нас дизайнеров, и что на самом деле важно заказчику при выборе исполнителя. Также заинтересовалась интенсивом по продажам, которые девушки запускают в скором времени. Обязательно пойду на следующий поток, а сейчас пока жопка в огне от загрузки 🥲 Мне, как эксперту, интересно будет послушать про масштабирование и по-настоящему грамотную упаковку себя и личного бренда. Новичкам тоже будет интересно, так как в программе есть модуль про составление качественного портфолио, даже если почти нет кейсов. В общем, мой личный рекомендейшн интенсива с очень годной программой 🔥
https://content.desigram.ru/462943f7-8187-490f-afe8-e43cc813abd6.jpg
Модификация: кнопки маркетплейсов в карточке товара
Как и обещала, выкладываю код для стилизации кнопок маркетплейсов. Сами "кнопки" при этом делаются ссылками внутри описания товара. Инструкция и код в комментариях ➡️ Если у кого-то трудности с установкой и редактированием кода — пишите, помогу. Также дайте знать, если нужны какие-то особые настройки для данных кнопок. P.S. Так уж вышло, что выкладываю эту модификацию в свой день рождения, мой вам подарок получается 😊✨ #модификации #тильда
https://content.desigram.ru/5cf10509-8321-4a24-9cee-235892971ef8.jpg
Стилизация каталога Тильды (блок ST315N)
Этот блок может выглядеть как на скриншоте с моим css-кодом. Вставьте его на страницу вашего сайта в T123, внесите правки при необходимости и наслаждайтесь результатом 😊 ✨ Превью для живой демонстрации: https://khudova.design/catalog-mods-1 Код и инструкция по применению в комментариях ➡️ P.S. Дайте знать, если хотите больше таких постов #модификации #тильда
https://content.desigram.ru/d774047a-56fa-4709-8145-2b4249058057.jpg