In this video Emmanuel Henri demonstrates how to build the sign-up screen following the steps defined when you researched the workflow.
- [Narrator] The next step is to design our sign up screen.…Typically a sign up screen is made of a form…and some kind of messaging to promote sign ups.…Let's take a look at how we could do this.…So the first thing we're going to do is…literally create a new artboard.…So we'll do a, iPhone 8, and then this one we're going to call…Signup, and we're going to insert…the symbol that we created.…Let's go ahead and grab our symbol here,…and then position it properly.…
And then what we're going to do is grab some assets…from the other purchase flow that we created.…Let's go out of Sketch and then go into the Exercise Files.…Let's go in the Resources,…and open up the purchase flow here.…And what you want to copy is the logo at the top here,…with the bar.…So what we're going to do is go into the symbols,…and grab those two guys.…So the logo and the line logo.…So grab those two guys, copy them, then come back to this…screen, and then let's go to the sign up screen here,…and then paste it.…
And then what we're going to do is position it at the top,…
Released
12/3/2018- Finding inspiration for your project
- Demonstrating initial mockups with Balsamiq
- Creating the welcome and sign-up screens
- Exporting assets to InVision Studio
- Adding simple transitions and complex animations
- Using the InVision collaboration tools
Share this video
Embed this video
Video: Create the sign-up screen, part 1