The Future of Design Systems: Leading online design conference June 8-9 - Learn about automation of design systems, multibrand, design tokens and more from the best in the design system industry. - Sponsored
Weekly recap #22
Design and frontend links this week.
Highlights of the week ↘
A list of every interaction design book - This is every book I can find (apart from my own) where the majority of the book is about the interaction design of software interfaces. Books with a specific focus (e.g. form design) are not included. -
Motion: The power of UI/UX animation - UI/UX animation emphasizes the details to which users should pay attention, helping them navigate the site. Good animation also makes the whole user experience more memorable and exciting. -
Product design ↘
The rhythm of your screen - Every design comes with assumptions about how much content will be seen by people because the space in which people access our designs is the one thing we cannot control. -
Error message guidelines - Design effective error messages by ensuring they are highly visible, provide constructive communication, and respect user effort. -
Design engineering ↘
Getting started with View Transitions on multi-page apps - View Transitions for MPAs are a feature that's high on my CSS wishlist, so I got to it. It took less than an hour to do, requires zero JavaScript, and two lines of CSS. I'm pleased with the results. -
Graph Slider - The graph is an svg element. And the rounded indicator itself has offset-path defined with the same path definition that renders the graph stroke. -
Tools and resources ↘
Introduction to design systems - This course will walk you through the entire design system journey, from fundamental concepts, to building and documenting your system. -
Photoshop: Generative Fill - Pam Clark, writing for the Adobe Blog: "We are thrilled to announce that the Photoshop (beta) app has released Generative Fill". -
Inspiration and creativity ↘
2023 Apple Design Awards - Discover the finalists of 2023, honoring excellence in innovation, ingenuity, and technical achievement in app and game design. -
Fluent 2 Design System - Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms. -
Last but not least ↘
Finding great product sense - The detail of accurate judgment without extensive data gathering is important. Many people can get to a great product eventually via guess-and-check. The best product minds reliably take a more direct and much faster path. -
Subscribe to the newsletter
Design and frontend links delivered to your inbox every day or week. No spam, unsubscribe at anytime.