neo
76c4c5b4fe
- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
1.2 KiB
1.2 KiB
title, created, updated, type, tags, sources, confidence
| title | created | updated | type | tags | sources | confidence | ||||
|---|---|---|---|---|---|---|---|---|---|---|
| Micro-Interactions | 2026-06-02 | 2026-06-02 | concept |
|
|
medium |
Micro-Interactions — Микро-взаимодействия
Принцип: Motion With Intention
Анимация должна направлять и давать обратную связь, а не впечатлять.
Примеры
- Hover на кнопке — изменение цвета/тени
- Scroll reveal — контент появляется при скролле
- Form feedback — успех/ошибка с анимацией
- Loading states — skeleton screen вместо спиннера
- Page transition — плавный переход между страницами
Когда НЕ нужно
- Если анимация замедляет загрузку (Crawford: >3s = -50%)
- Если отвлекает от смысла
- Если нет функциональной цели
Правило Crawford
Если люди замечают анимацию больше, чем ваш оффер — что-то не так.