UI-дизайн с Flex и Grid | Практическая демонстрация Penpot

Узнайте, как комбинировать макеты Flex и Grid в Penpot для создания гибкого и адаптивного дизайна пользовательского интерфейса, который подходит как дизайнерам, так и разработчикам. Лаура демонстрирует реальную работу над дизайном в прямом эфире и объясняет, что на самом деле означает декларативный дизайн. В этом сеансе мы рассмотрим, как Flex и Grid работают вместе, почему декларативный подход важен и как он соотносится с другими способами проектирования. Мы рассмотрим: 00:00 Начало прямой трансляции 02:21 Введение 05:00 Зачем использовать макеты Flex и Grid? 14:14 Дизайн пользовательского интерфейса с макетами Flex 25:18 Дизайн пользовательского интерфейса с макетами Grid 34:27 Использование дизайн-токенов в макетах 39:52 Обзор новейших функций Penpot, которые вы могли пропустить, и предстоящих новинок!!! 46:46 Что такое декларативный дизайн? Если вы хотите следить за практической демонстрацией сегодня, скачайте следующий файл из сообщества Penpot и загрузите его в свой Penpot! 👉 https://community.penpot.app/t/ui-des... Впервые работаете с макетами? Разогрейтесь перед прямой трансляцией с помощью этого короткого вступления: 👉 Гибкие и сеточные макеты в Penpot менее чем за 5 минут:    • Flex and Grid layouts in Penpot in under 5...   👉 Центр поддержки, гибкие макеты: https://help.penpot.app/user-guide/de... Сообщество Penpot: https://community.penpot.app Приложение: https://design.penpot.app Помощь: https://help.penpot.app Внести свой вклад: https://github.com/penpot Penpot Fest: https://penpotfest.org Подписывайтесь на нас: Mastodon: https://fosstodon.org/@penpot/ Bluesky: https://bsky.app/profile/penpot.app X: https://x.com/penpotapp LinkedIn:   / penpotdesign   Instagram:   / penpot.app   GitHub: https://github.com/penpot Penpot: Full Stack Design #Penpot #openSource #cssGrid #designTokens #UIdesign