https://dribbble.com/rikitanone
fundamentals (too much to read)
https://developers.google.com/web/fundamentals/design-and-ui/
12 principles of animation
http://markgeyer.com/pres/the-art-of-ui-animations/#/4/4
cool animated articles
http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/
Familiarize yourself as much as possible with CSS animations and transitions, SVG, canvas, the web animations API, web audio and video, and even the WAI-ARIA spec. (How does that audio sound when muted?) Sites like MDN make great reference material, while HTML5 Rocks covers many poorly understood APIs. Codrops showcases experimentation, and Kirupa.com covers CSS animation more deeply than anyone else. O’Reilly’s books are the gold standard, but it also helps to follow recognized names working, speaking, and writing in the fields of interaction design and HTML5 game development like Val Head, Pasquale D’Silva, Jesse Freeman, Seb Lee-Delisle, and even yours truly.
Many developers and designers have also been giving hooks for animation events to frameworks like Angular.js and building animation-capable prototyping tools like Framer. Libraries like D3 can take the mystery out of generating SVG charts and their transitions. For page-based animations, several companies offer visual user interfaces that ease timeline manipulation, from Sencha’s Animator to Adobe’s Edge Animate to Google’s free (albeit ad-oriented) Web Designer.
No comments:
Post a Comment