Initial commit: 79+ design patterns, LLM prompts, and assets

concepts/micro-interactions.md

@@ -0,0 +1,31 @@
+---
+title: Micro-Interactions
+created: 2026-06-02
+updated: 2026-06-02
+type: concept
+tags: [web-design, micro-interactions]
+sources:
+  - raw/articles/crawford-new-rules-2026.md
+  - raw/articles/crawford-15-tips.md
+confidence: medium
+---
+
+# Micro-Interactions — Микро-взаимодействия
+
+## Принцип: Motion With Intention
+Анимация должна направлять и давать обратную связь, а не впечатлять.
+
+## Примеры
+- **Hover** на кнопке — изменение цвета/тени
+- **Scroll reveal** — контент появляется при скролле
+- **Form feedback** — успех/ошибка с анимацией
+- **Loading states** — skeleton screen вместо спиннера
+- **Page transition** — плавный переход между страницами
+
+## Когда НЕ нужно
+- Если анимация замедляет загрузку (Crawford: >3s = -50%)
+- Если отвлекает от смысла
+- Если нет функциональной цели
+
+## Правило Crawford
+> Если люди замечают анимацию больше, чем ваш оффер — что-то не так.