![]() The goal and best end result is when your Live Activity and app feel like they share the same visual aesthetic and personality.ĭrawing inspiration from your app icon can often be one of the best ways for someone to associate the design of your Live Activity with your app. As you design your graphical layout, consider the colors, iconography, typefaces, and other attributes from your app that you can use. Next, let's talk a bit about the personality of your Live Activity. Buttons are a great way to offer interactive functionality in your Live Activity but they should only be used if they're controlling an essential part of the activity itself, as they can use up a lot of space that could otherwise be displaying useful information. In addition to showing the name and remaining duration, the Timer Live Activity also offers quick controls to pause or cancel the timer. Think about the information you would find most useful and prioritize the sizing and scale of those elements to be visible at a quick glance. Graphically rich layouts are one of the key advantages of Live Activities, so it's important to take the time and get this step right. Rather, create a layout that is unique and specific to the information you are displaying. Here they share the same 14-point margins around each of their edges so that even though they use different layouts, their elements can cleanly align on each side and maintain a consistent visual rhythm as you scan across the list.Īs you lay out the information in your Live Activity for the lock screen, it's important to not try and replicate the notification layouts themselves. On the lock screen, Live Activities live at the top of the list alongside notifications. But anything someone wants to keep track of for a few minutes to a couple hours can be a Live Activity, and there are lots of exciting new ideas to be explored. Sports, ridesharing, delivery tracking, and live workouts are a few examples that can really take advantage of these new capabilities. Live Activities use rich graphical layouts to display their information and update seamlessly inline in a fun and lively way. Our goal was to better accommodate some of the existing experiences that were pushing the limits of notifications and create a new system that lets you follow ongoing activity in a more powerful and intuitive way. As we go through each context, we'll focus on what the unique considerations are for that space and how to best adapt your design between each of them.īut before we get started, let's talk a bit more about Live Activities themselves. We'll start with the lock screen, then take a brief look at Standby, and end with a deep dive from Chan on the Dynamic Island. ♪ ♪ Mac Tyler: Welcome to "Design dynamic Live Activities." My name is Mac, and I'm joined later by my colleague Chan, and today, we're gonna cover everything you need to consider when designing your Live Activity across the system.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |