The dashboard is made up of tiles, and each one has various data elements. In this video, Andy demonstrates how to create a single dashboard tile which can later be modified to create the remaining tiles.
- [Instructor] Now let's move on…and look at creating the dashboard tiles.…And these are one of the biggest elements…of the dashboard screens…and, you know, one of the most simple ones as well really,…because we can create one and reuse it several times…across both of the dashboards.…So let's zoom in and choose a tile…that we're going to create.…Okay, so if I press N on the keyboard…and what we can do is think about…what kind of size this needs to be.…
Probably want it to be a bit wider.…So we click here and then drag out the tile like so.…Okay so I want to have some kind of border to this,…so I'll just press D on the keyboard…and then forward slash to remove the fill.…Next we're going to use some type, so T on the keyboard and…I'll just click into here and we'll type in steps.…
This is going to be about 48.…Can move to our color here and give it a color,…something like so.…Now we can position this if we come to the edge.…Let's make sure our paragraph, we're left aligned.…So I'm putting it right in the corner here,…
Learn how to animate the prototype by watching Andy's follow-up course, Creating a Mobile App Interface in After Effects.
- Planning the app
- Sketching ideas
- Designing reusable components
- Converting artwork to symbols
- Completing the app screens
- Exporting artboards
- Preparing for animation