7 дней бесплатного обучения UX/UI-дизайну
Представь, каких результатов ты достигнешь под наставничеством дизайнеров с 9-летним опытом и кейсами от крупных брендов.
Уже в первую неделю обучения ты освоишь Figma, сделаешь 5 дизайн-проектов и получишь стратегию роста в веб-дизайне с нуля до 2000$ в месяц.
👉 Запишись до 13 мая— участие бесплатно.
⌛ Прелоадер для Тильды с прогрессом загрузки
👋 Всем привет, возвращаюсь в канал после небольшого перерыва с новой модификацией )
Сделала для себя вот такой простенький прелоадер для Тильды с помощью ChatGPT (в демонстрации мой ученический проект с курса Тильды Про, кстати 🤭)
Фишка данного прогресс бара в том, что он имитирует реальную загрузку страницы, а не просто делает определенную паузу на экране загрузки. Сделать прямо таки настоящий прогресс бар загрузки для Тильды нельзя по утверждению нейронки, поэтому она сделала имитацию, очень близкую к реальному процессу загрузки сайта. По моим тестам все очень даже правдоподобно выглядит и совпадает с реальным временем загрузки.
⭐️ Код прелоадера в файле в комментариях к посту.
✨ В начале кода вынесены все основные настройки, которые вам могут понадобится для стилизации под дизайн вашего сайта (обратите внимание, что есть ряд настроек отдельно и для мобильной версии) — все подписано комментариями.
❤️ Если у вас есть вопросы по редактированию кода — дайте знать в комментариях 😊
#тильда #модификации #прелоадер
Проверка проекта в AI
На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2.
Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему.
Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие.
Как пользоваться, если ты диз?
1. Открыть файл на GitHub A11Y.md из папки docs/en/
2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md»
3. Скинуть файл или ссылку на свой проект
4. Готово!
Что внутри репозитория:
⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов.
📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам.
🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга.
📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера.
Немного того, что важно для дизайнера:
→ Контраст текста должен быть 4.5:1, элементов UI — 3:1
→ Нельзя передавать состояние только цветом — нужны иконка + текст + цвет
→ Минимальный размер кнопки — 44×44px
→ Плейсхолдер не заменяет подпись к полю
→ Графики обязаны различаться без цвета — текстурами или штриховкой
и многое другое
Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )
Гляньте кто делается: эти тоже постекленели!
Говорят расскажут 12 мая на презентации нового андроида
Интересно, версия тоже станет №26?
Улучшаем качество микрофона для вашего зум-колла с помощью губки для посуды и старых EarPods.
Вы боитесь белого листа? Тратите часы на построение пропорций, а потом всё равно получается криво? У меня для вас подарок.
Я подготовила 5 готовых шаблонов фигур для дизайна одежды.
Почему шаблоны — это спасение для дизайнера, швеи или мастера хендмейда:
✅ Не умеете рисовать? Контуры фигуры уже есть. Вы просто «одеваете» шаблон — никакого страха чистой страницы.
✅ Все эскизы — одного размера. Это удобно, когда вы собираете каталог, комплект или работаете в команде с другими дизайнерами.
✅ Можете настроить пропорции под своих клиентов. Задайте типовую фигуру для вашего бренда — и рисуйте сразу на «своём» шаблоне.
✅ Идеальная симметрия. Проблема «одна половинка красивая, а вторая кривая» уходит в прошлое. Есть центральная ось — отразили и получили идеал.
✅ Экономия времени. Вы не тратите час на построение основы. Берёте шаблон — и сразу начинаете творить.
Кому пригодятся шаблоны:
— Дизайнерам одежды
— Швеям на заказ
— Мастерам хендмейда
— Студентам модных направлений
— Всем, кто устал рисовать «на глаз»
Как получить 5 шаблонов бeсплатнo?
Скачать ШАБЛОНЫ
Шаблоны - работающий инструмент, который сэкономит вам часы и нервы✔️
