مرور
«زنده» در پیوند یعنی پاسخگو، نه متحرک. حرکت وقتی درست است که چیزی را توضیح دهد: چیزی آمد، چیزی رفت، چیزی عوض شد.
قاعدهها
- برای هر حرکت یک جمله بنویسید: «کاربر چه کرد یا چه تغییر کرد؟» جواب نداشت، حذف.
- هیچچیز موقع خواندن کاربر خودش تکان نمیخورد.
- وقتی سیستمعامل «حرکت کم» را روشن کرده باشد، همهچیز کار میکند؛ حرکت به تغییرِ حالتِ دیدنی تبدیل میشود، نه به هیچ.
- حرکتهای ورودی کندتر از خروجیاند: چیزی که میآید باید دیده شود، چیزی که میرود نباید معطل کند.
توکنها
| توکن | مدت | توضیح |
|---|---|---|
--pv-sys-motion-duration-long-1 | 450ms | |
--pv-sys-motion-duration-long-2 | 500ms | |
--pv-sys-motion-duration-long-3 | 550ms | |
--pv-sys-motion-duration-long-4 | 600ms | |
--pv-sys-motion-duration-short-1 | 50ms | |
--pv-sys-motion-duration-short-2 | 100ms | |
--pv-sys-motion-duration-short-3 | 150ms | |
--pv-sys-motion-duration-short-4 | 200ms | |
--pv-sys-motion-duration-medium-1 | 250ms | |
--pv-sys-motion-duration-medium-2 | 300ms | |
--pv-sys-motion-duration-medium-3 | 350ms | |
--pv-sys-motion-duration-medium-4 | 400ms | |
--pv-sys-motion-duration-extra-long-1 | 700ms | |
--pv-sys-motion-duration-extra-long-2 | 800ms | |
--pv-sys-motion-duration-extra-long-3 | 900ms | |
--pv-sys-motion-duration-extra-long-4 | 1000ms |
بکن / نکن
بکن
دکمه با فشردن کمی تیره میشود و بعد از پرداخت، «پرداخت شد» جای «پرداخت» را میگیرد.
چرا (زنده): حرکت جوابِ کارِ کاربر است.
نکن
بخشهای صفحه هنگام اسکرول یکییکی ظاهر شوند یا عددها بالا بروند.
چرا (آرام): چیزی که خودش شروع میشود، خواندن را قطع میکند.