One of the most common questions that we get from students is what is the easiest way to place those 1
mockups into real products like iPhones or having it in somebody's hands? 2
Well there's a website called www.placeit.net which makes it pretty simple for you to just drag 3
and drop your app mockup into a whole bunch of images so that you can show off you know the app being 4
in use by a real person. 5
Now I think they do charge for this service. 6
So an alternative if you are happy using Sketch is going on to a www.sketchappsources.com and you'll be able 7
to find quite a few mockups where you can simply just drag and drop your mockups into the iPhone frame 8
or any of the other frames. 9
All right. So enough watching me doing things. It's time for you to build up your mockup for your recipe 10
app. 11
Now you've already created the use of flow diagram, 12
you already know how the navigation is going to work. 13
You've then gone on to create a wireframe using pencil and paper. 14
Now the next step is turning that concept into beautiful photorealistic mockups using some of the tools 15
and methods that we discussed in this module. 16
So if you have access to a Mac then use some of those methods 17
I showed you just now in order to create your mockup using Sketch. 18
Now if you don't have access to Sketch I'm going to show you something else that you can use. 19
So if you have a Mac then go ahead and download the trial version of Sketch 3 and have a play around 20
with it. 21
Try using some of the methods that I showed you in this module and create your beautiful mockup using 22
Sketch. 23
Now if you don't have a Mac or access to Sketch, then you can use Canva as we showed you in the previous 24
lesson. 25
Alternatively I've listed some other websites and tools that you can have a look at in the text box 26
below. 27
But either way, you'll be able to turn those wireframes into beautiful high fidelity mockups. 28
So go ahead.