In this course on prototyping with Marvel app, you’ll explore how to setup a Marvel app account, review the interface, design a prototype for an app, add interactivity, share the prototype with others for review, and much more. The supplied exercise files are a sampling of image files that you can use to follow along with.
- [Instructor] So for this course, we've got some images that we're gonna work with and in the Exercise Files folder, if you open that up, you'll see a series of images that might not make a lot of sense right now, but we actually have entire designs here called app screens that we're gonna be using, and a lot of times this is how it works. You take a design you designed somewhere else, or even in Marvel App, and you just add the interactivity to it. We also have pieces for the design that I'm gonna show you why I did this, including this keyboard, which is actually gonna be a layer.
It's gonna be an overlay, essentially. Now I'm actually gonna pull images from both Dropbox as well as from Google Drive. I put those images in a folder called Other. For me, I'm actually gonna see them, like right here, here's im Dropbox, so I'm actually gonna pull from Dropbox Overlay and I'm gonna pull Checkout from my Google Drive. So if you have Google Drive, if you have Dropbox, take these images, it really doesn't matter which one, okay. And put one of them in each.
One in Dropbox, one in Google Drive. And then you can go through that section when we get to it. That's in the Design section, so. You'll also see that I have an app icon here, there's the original right there, really simple. That's just something to test with and have out there so that if somebody installs this on their device, which they can do, pretty cool, to test, they'll see that. So these are all the exercise files we have available. You're gonna need to sign up for Marvel App, be it, I believe they have a free account you can use, so I'm not gonna give you the final version of this, you're gonna kinda have to build it yourself.
But these are the pieces that we're gonna use during the course.
- What is Marvel?
- Creating a new Marvel project
- Linking screens
- Adding images
- Setting up screen timers
- Adding video
- Sharing and downloading prototypes