← Design & brand

Media Publishing

Designing animations for news sites, content platforms, publishing apps, or media.

/media-publishingdylantarre/animation-principles

More in Design & brand

  • Icons BadgesAnimating icons, badges, avatars, status indicators.
  • Implementation DebuggingAnimation doesn't work as expected, has bugs, or behaves inconsistently.
  • Joy DelightAdds animations that make interfaces feel happy and surprising.
  • Large 500 800msDesigns larger 500-800ms animations such as hero transitions and story-telling reveals.
  • Medium 300 500msGuides animations of 300 to 500ms, such as page transitions and major UI changes.
  • Micro 100 200msDesigns quick 100 to 200 millisecond interface animations like tooltips and dropdowns.
  • Mobile TouchDesigns iOS/Android gestures and touch interactions.
  • Motion SicknessIdentify and fix animations causing discomfort.