Дизайн круглых интерфейсов сразу в коде • C • Live coding
Код для дизайна или дизайн для кода? Оба варианта норм. Но как конкретно кодить, если твоя задача — дизайн интерфейса, а не технические решения? Сегодня посмотрим на примере интерфейса для довольно необычного круглого дисплея и в целом устройства M5 Dial. Нам понадобятся TypeScript (за кадром), Python (совсем немного), C (много, но в основном этот код будет автосгенерён), XML (очень много) и JSON (снова за кадром). Ну и так, CMake по мелочи. Вот тебе и дизайн. Бонусом увидим, чем же на самом деле стоит заниматься программистам в LLM-времена. А чем — ну, может, пора уже и бросить. Конспект: https://github.com/olgapavlova/stream/tree/main/done/m5dial 00:00 Зачем дизайнерам программирование и дизайн через код 06:11 Технический стек: TypeScript, Python, C и микроконтроллер 15:24 LVGL и быстрое прототипированием интерфейсов 22:11 C-код из XML вместо ручной разработки UI 29:41 Собираем интерфейс для микроконтроллера 38:04 Перенос дизайна из Figma и автоматизация генерации кода 42:11 Техническая эрудиция в эпоху LLM
Название:
Дизайн круглых интерфейсов сразу в коде • C • Live coding
Категория:
Разное