References are an important part of planning and help focus your ideas into a unified vision. In this video, review references gathered for the design and creation of the app, and explore common trends in interface design of similar fitness tracking apps.
- So, you've gone away, researched,…and gathered some references.…I'm going to show you some references…that helped me get to the final app screens…that we'll be creating in this course.…I've laid them out like this, so we can see an overview…of all these different screens.…Let's zoom in and take a closer look,…and you may even be familiar with some of these.…So, I'm going to push zed on the keyboard…to bring out the zoom tool.…Then if I click and just drag over to the right,…I can start the zoom in,…and if I drag back to the left I can zoom out.…
So we'll also be incorporating the move tool…with this little hand, just holding down the space bar.…So I can just move around the image,…and just zoom in to some of these charts.…All these apps collect a lot of data,…so there's usually various different charts here.…I also like these circular charts as well,…to show progress throughout the day.…Here we have them again.…
Kind of a circular navigation theme, it's quite interesting.…More charts.…Different types, you know we've got bar charts as well.…
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