Learn how to add screens for different platforms and sizes such as Android and iOS, as well as tablet sizes like iPads.
- When it comes to designing an app,…typically all of your screens or your art boards…are going to be the same size…as you go from the splash screen…to the main menu in this case,…and I'll just start removing some of this content.…So the content will change, but the art board…doesn't usually change for an app.…When it does change, when the size changes,…is when you're dealing with sort of…producing for other platforms like…an Android device or even an iPad.…
Well, how do you do that?…Well, in this case, you can use the art board tool.…Now, I can select the art board tool…and draw out whatever size I want.…And I'll delete that, because what I wanted to show you…is with the art board tool selected, right over here…is like a little cheat sheet for all the different sizes.…I can decide to make an…Android Mobile-sized art board…just by clicking it there,…changing, say, the fill color,…whatever I need to do, even moving it.…
I might want to sort of separate it out…and bring it over here, and then I can…start to take that content and copying it…
Learn how to lay out a screen design with graphics and text and import vector and raster images. See how easy it is to create complex screen designs, complete with repeated lists and grids that are as simple to change as they are to create. This goes for any mobile screen type: iOS or Android, tablet or smartphone. Once the design is done, author Paul Trani shows how to add interactions and transitions to see how the app will "work" from one screen to the next. The end result is a full-featured prototype that can be shared with designers, developers, and clients, and broken down and exported as assets for use in development.
- Creating your first Adobe XD project
- Working with graphics and text in Adobe XD
- Importing assets
- Building additional screens for different display sizes and platforms
- Creating UI elements
- Using Repeat Grid for easy prototyping of lists and recurring elements
- Adding interactions to elements
- Creating transitions between screens
- Publishing and sharing a prototype
- Exporting artboards and assets