Multiple windows can quickly become a lot for people to manage. Ideally, keep your app's interface in a single window. This lets people place the presenter display where they want while keeping the slides nice and large.
Here in Keynote, when playing a presentation, the slides are in one window, large and far away, while the presenter display is in a smaller window nearby. They can display content side by side, like viewing multiple web pages at once, or show distinct actions meant to be used together. And like other platforms, apps can have multiple windows, which are useful in certain cases. If you need a larger canvas, you can give yourself a larger canvas. Designing apps for this platform is a ton of fun. Think about how your app can be flexible and dynamic, changing its shape and size based on the context. Windows aren't bound by a screen, so they should remain smaller when possible to avoid blocking too much of people's view. When the sidebar is opened in Safari, the window grows, showing more controls without covering the web page. Here in Safari, the navigation bar is set apart from the web page to let the page take the focus. Or use multiple sections to separate controls from content.
These controls are layered above the main window, so they're always accessible and provide more room for the content. Use tab bars and toolbars to push outside the window, like here in the Music app. For example, Safari is tall so people can see more of the web page, and Keynote is wide to fit full-size presentations. Choose a comfortable window size based on your content. Windows are designed to fit comfortably within people's view but they are super flexible, stretching to fit any size.
INSPECT ELEMENT SAFARI IPHONE HOW TO
Next, let's talk about how to choose a size for your windows. When they release, the window stays in its final position. This keeps interfaces easy to read and easy to use. Notice how they always turn to face someone when moving. People can grab the window bar to move windows anywhere around them. The system provides controls to move, close, and resize windows. The glass material provides contrast with the world, gives people more awareness of their surroundings, and adapts to different lighting conditions. We've designed windows with a new visual language. In this first section, we'll talk about windows, learn how to find the right size for them, and discuss the points system. People are familiar with app windows, but on this platform, windows live in your space and feel like part of your surroundings. We place interfaces within windows so people can comfortably see them and use them. On a spatial platform, people should be able to find their music just as reliably, using elements they recognize and know how to use. Common elements like sidebars, tabs, and search fields help people find the music they're looking for. With so many new possibilities, strike a balance with what's familiar. Last, we'll learn how to make apps that feel authentic to the platform. Then we'll learn how to use dimension to take advantage of the space and push apps even further with immersion. Next, we'll talk about what it means to be human-centered. We'll start with the basics, learning how to keep your apps familiar. Today, we'll talk about how to make great spatial apps. Nathan: We'll help you make your ideas a reality and create experiences people will love. Amy: There's a lot to learn, and we're here to help you get started. You can go to a new place or share an experience with someone special. You can enhance an existing app with key moments, or create something entirely new. Nathan: With depth, scale, natural inputs, and Spatial Audio, you can create experiences that were never possible before. Here, the world around you is an infinite canvas for amazing new apps and games. Today, you'll learn how to design for a spatial operating system. Amy DeDonato: And I'm Amy DeDonato, and we're designers on the Apple Design team. ♪ Mellow instrumental hip-hop ♪ ♪ Nathan Gitter: Welcome to our session on the principles of spatial design.
0 kommentar(er)
