design-systems: add 74 brand DESIGN.md files (VoltAgent/awesome-design-md)
- 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
This commit is contained in:
1 parent
e3738f2b3e
commit
76c4c5b4fe
233 files changed
+54886
-1
No files matched your search
@@ -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
|
||||
> Если люди замечают анимацию больше, чем ваш оффер — что-то не так.
|
||||
Reference in new issue
Block a user