![]() Another way to use space efficiently is to dynamically change the height of your Live Activity between different moments as you have more or less information to display. ![]() Look for ways to reduce the height of your design by adjusting the size and placement of elements so they can better fit together and be more compact. The lock screen can be displaying a lot of different information at once, such as the Music player, notifications, and now Live Activities, so it's important to make sure your layouts are as compact as possible to not take up any additional space when unnecessary. Next, let's talk about how to use space most efficiently in your layout. Make sure to check that the resulting button looks correct and that you're providing the right colors for it to match your design. The background and foreground colors your Live Activity provides are used by the system to automatically generate a matching dismiss button when swiping to remove your Live Activity from the lock screen. If you do use a logo mark as part of your brand, make sure it's integrated uncontained into the layout itself rather than just using your whole app icon. You can also change the colors based on the content that it's representing to create a more dynamic and engaging visual of your information. Incorporating bold colors into your Live Activity design can help create a distinct personality that lets it stand out from others. Don't alter your colors between light and dark mode if it breaks this visual association. Maintaining this connection is important. Here, TV's Live Activity shares the same background and foreground colors with its app icon to help draw the two designs together. 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 |