Web motion designer Val Head will be hosting a session at Generate Sydney (opens in new tab) on motion in design systems, in which she'll be demonstrating all the things you need to make web animation work for you and your team: designing animation that fits your brand, making animation part of your design process, and documenting your animation decisions in your style guide for future use.
Just to whet your appetite for this feast of web animation knowledge, here's something we prepared earlier. It's Val's session from last year's Generate New York conference: a crash course in becoming a web animation pro.
So to get you started, in this session Val breaks down the basics of animation for you, explaining key principles such as timing, offsets, arcs and more, as they apply to web UI work, and she also demonstrates how to pull off common CSS3 animation tricks.
It's the perfect introduction to one of the most exciting areas of web design and development; for the full experience you can see Val's notes here (opens in new tab), and also check out this article in which she provides a crash course in motion design for the web.
If you want to catch Val at Generate Sydney – as well as other big web design names including Erika Hall, Jonathan Snook and John Allsopp – now's the time to buy your ticket. If you book now for an earlybird conference pass you can save 100AUD!
Can't make it to Sydney? Sarah Drasner will be demonstrating how to create intricate SVG animations (opens in new tab) at Generate San Francisco (opens in new tab); she and other web pros reveal their tips for debugging web animation here.(opens in new tab)
Generate Sydney takes place on 5 September; find out more here (opens in new tab).