АХ дизайн

❤ Новый кейс: одностраничный сайт для авторского курса «Искусство стилизации» от школы моды «Лаборатория стилей» Сегодня проект попал в МОТ 🏆 💗 Я впервые делала дизайн сайта с применением сразу трёх шрифтов ✨ Самое главное, что я тут поняла — надо выбрать один ведущий нейтральный шрифт и дозированно добавлять к нему остальные два в уместных местах. Шрифты я подбирала с учетом характеров основных смыслов курса: 🎨 Искусство — изящный и благородный шрифт Kudry 📒 История — классический Playfair Display 🌷 Стиль — элегантный неогротеск Manrope В целом дизайном я попыталась передать ощущение как будто читаешь модный журнал — использовала приёмы из швейцарской типографики, узкие колонки, гигантские заголовки и изредка полное отсутствие полей. Все эти приёмы были подсмотрены у настоящих печатных изданий. Верстку я делала в Автоскейле с моим основным набором брейкпоинтов — 360, 640, 1200 и 1600. Местами были использованы стандартные блоки, но, не смотря на отсутствие масштабирования в них, они прекрасно вписались в дизайн-систему автоскельной верстки. Отдельное удовольствие я получила от верстки блока с работами студентов, выполненного в новых потоках Тильды, это просто сказка какая-то — сколько там всяких настроек и возможностей 😍 Я пока не сильно углублялась в их изучение, но даже мое поверхностное изучение повергло меня в полный восторг от их обновления. Всем советую их попробовать ❤ 📒 Над проектом вместе со мной трудились: Аня Войн (тексты и прототип) Настя Гусева (дизайн и верстка) ❤️ Любые вопросы по проекту вы можете задать в комментариях #кейс #портфолио #награды

💕 Всем привет! Возвращаюсь к ведению канала с новыми силами и новыми темами ) С тех пор как написание кодов и модов для Тильды с ИИ стало делом двух минут, я решила немного отойти от них и плотнее заняться выпуском образовательных постов на тему дизайна ⭐️ И начну я с темы, которая мне ближе всего — в чем я вижу секрет дорогого дизайна ✨

📱 Фикс апдейт ссылок для Telegram на сайтах Так как домен t.me перестал открываться в браузерах по всему миру (его обслуживание приостановлено), то его нужно временно (а может и не временно) заменить на telegram.me. Чтобы не делать этого вручную, добавьте этот простой скрипт в шапку сайта (либо в блок Т123 или в HEAD сайта) и все ссылки автоматически подменятся: <script> t_onReady(function () { document.querySelectorAll('a[href^="https://t.me/"]').forEach(function(link) { link.href = link.href.replace('https://t.me/', 'https://telegram.me/'); }); }); </script> Переопубликуйте сайт целиком, сбросьте кэш и все заработает. Если домен t.me вернется к работе, то сотрите скрипт и снова переопубликуйте сайт. 💜 По всем вопросам пишите в комментариях 💕 ‼️ UPD: домен t.me заработал, но и telegram.me также по-прежнему работает

Есть проблемы с типографикой? С расположением текстового контента? С поиском нужного шрифта? Или с обоснованием композиции? Свершилось. Открываю продажи на продукт по Типографике. - - - - - - - - Как оно будет? Я определилась с форматом: это будет мини-курс, в конкретную дату, где я буду открывать постепенно уроки, чтобы голова не опухла, далее будут задачи, их можно сдать на проверку (по желанию). А в конце встретимся на онлайн эфире для разборов проблем, вопросов и просто закрыть всяческие ситуяции с данным моментом. Я решила, что не хочу делать просто записи без какой-либо ОС и коммьюнити, чтобы в любой момент можно было приобрести уроки и вечно их иметь в доступе — нет. Это эффекта не дает. Смотрят потом дай божэ это все через год. Дедлайны, совместное действие — вот что работает! Подробная программа есть на сайте, но скорее всего в ближайшие недели я еще дополню ее наполнение. Всего 5 основных уроков + бонусные + урок на отработку + эфир. А также чат для уведомлений и каких-либо вопросов/общения. • Старт мини-курса 20 июля. • Эфир будет 29 июля. • Доступ к урокам всего 2 месяца. • Есть оплата долями/рассрочка + оплата не из РФ. [ ЗАБИРАЙТЕ СВОЕ МЕСТО ДЛЯ УСВОЕНИЯ БАЗОВЫХ ПРАВИЛ ТИПОГРАФИКИ В ВЕБ-ДИЗАЙНЕ ] Визуальный дизайн начинается с текста.

✨ SBS-анимация фоновых картинок Для оживления любого блока можно поставить на фон видео или написать код для эффектного слайдера, а можно воспользоваться тем, что дает нам сама Тильда и собрать вручную зацикленную пошаговую анимацию с плавной сменой фоновых картинок. Делюсь с вами готовым шаблоном с анимацией для бесконечного слайдера из семи изображений, которые медленно увеличиваются и плавно сменяют друг друга через прозрачность — Template id: 148628486 ✨ Примечания: 🧡 Если вам надо уменьшить или увеличить количество картинок, соответственно отнимайте или добавляйте ко времени ожидания (delay) 6 секунд за каждое убранное или добавленное изображение. ❤️ Сами картинки удаляйте, начиная с предпоследней (или добавляя после предпоследней), первую и последнюю не удаляйте, только меняйте время. 💜 Если вместо эффекта увеличения нужен другой, например, сдвиг вверх или вниз, то напишите мне, я помогу объяснить какие настройки требуются, тут не все так просто 😅 ❤️ Любые вопросы по анимации можете задать в комментариях к посту #тильда #верстка #freebie

🔡🔡 Сервис для «кражи» шрифтов с сайта Font Stealer точно определяет все шрифты на сайте и сам находит, где можно скачать его бесплатную версию. Если шрифт платный — находит бесплатную альтернативу (правда часто промахивается в плане похожести начертания 😅, но все равно в подборке есть реально годные альтернативы) Работает бесплатно и без впн, пользуйтесь на здоровье 💕 #сервисы #шрифты

❄️ Новый кейс: одностраничный сайт для компании по производству натуральных продуктов из Сибири «Дары Севера» Сегодня данная работа попала в МОТ 🏆 💕 Сайт я делала немного не в своей привычной стилистике, т.к. хотелось передать определенную атмосферу — эстетику натуральности, экологичности и духа дикой природы 🌱 Верстку я выбрала Автоскейл, т.к. по дизайну на сайте много квадратных форм, и мне важно было, чтобы они адаптировались под размеры экранов устройств пропорционально, поэтому резина здесь не подошла. Верстала для десктопов под БП 1200рх и 1600рх — на каждом из них есть изменения не только масштаба, но и дизайна местами. Такой подход при верстке в скейле более трудозатратный, но более отзывчивый под широкие экраны. 💕 Помощь в проекте мне оказали: Анджела (дизайн) и Артём (фотографии природы) ❤️ Любые вопросы по проекту вы можете задать в комментариях 😊 #кейс #портфолио #награды

💎 Разбор дизайн макетов участников апрельской Дизайн-игры от Юли Подойницыной Я проверила работы всех шести участников, разобрала моменты, которые мне показались наиболее спорными, и которые на мой взгляд можно улучшить. Также я поделилась общей теорией по веб-дизайну, поэтому разбор будет полезно глянуть всем дизайнерам без исключения ✨ Посмотреть разбор можно здесь: 💻 : VK Видео 💻 : RuTube 💻 : YouTube Спасибо всем, кто прислал макеты на проверку — вы все большие молодцы, потому что нашли время, силы и вдохновение сделать эту работу 🤗✨ ❤️ По всем вопросам добро пожаловать в комментарии #дизайн #видео

⌛ Прелоадер для Тильды с прогрессом загрузки 👋 Всем привет, возвращаюсь в канал после небольшого перерыва с новой модификацией ) Сделала для себя вот такой простенький прелоадер для Тильды с помощью ChatGPT (в демонстрации мой ученический проект с курса Тильды Про, кстати 🤭) Фишка данного прогресс бара в том, что он имитирует реальную загрузку страницы, а не просто делает определенную паузу на экране загрузки. Сделать прямо таки настоящий прогресс бар загрузки для Тильды нельзя по утверждению нейронки, поэтому она сделала имитацию, очень близкую к реальному процессу загрузки сайта. По моим тестам все очень даже правдоподобно выглядит и совпадает с реальным временем загрузки. ⭐️ Код прелоадера в файле в комментариях к посту. ✨ В начале кода вынесены все основные настройки, которые вам могут понадобится для стилизации под дизайн вашего сайта (обратите внимание, что есть ряд настроек отдельно и для мобильной версии) — все подписано комментариями. ❤️ Если у вас есть вопросы по редактированию кода — дайте знать в комментариях 😊 #тильда #модификации #прелоадер

💎 Запись мастер-класса «Верстка на Тильде первого блока с применением Автолейаутов по Window контейнеру». Посмотреть можно здесь: 💻 : VK Видео 💻 : RuTube 💻 : YouTube Благодарю всех, кто приходил посмотреть МК, задавал вопросы и поделился впечатлениями об эфире 🤗✨ Материалы из МК: ⭐️ Дизайн-макет в Фигме ⭐️ Ссылка на сверстанную страничку в Тильде ⭐️ Код шаблона странички на Тильде: 137022776 ❤️ Если у вас есть вопросы по материалу из мастер-класса или предложение по темам будущих эфиров — поделитесь в комментариях #верстка #тильда #видео