Now if you don't have access to Sketch I'm going to show you something else that you can use. 1
Now one option you have is something called canva.com and this is one of my favorite tools for creating 2
posters for creating social media posts for creating all sorts of beautiful layouts because they have 3
loads and loads of templates that you can essentially edit and design to make it look good. But you can 4
also use it to create mockups. 5
So if you go into the website and you say "use custom dimensions" and then you put in the dimensions 6
for the screen size of an iPhone which I think is 750 X 1344. 7
And then you go ahead and hit design, and now you'll have a blank canvas to start designing your apps. 8
Now if you go into search and you search for wireframe, it'll bring up a whole load of components that 9
you can drag and drop on screen. 10
Now some of these components are paid but most of them are free. 11
So for example if you needed drag in a nav back button all you have to do is that resize and then put 12
it over there and then maybe we want something like a list of items over here something like this. 13
And then you can also add in custom shapes squares or circles or whatever. 14
So let's drag a square onto here and make that little bit bigger 15
to create a navigation screen. There we go. And just make it go back back back and let's change the color to maybe 16
a dark gray. 17
There we go. Now we're starting to have something that's looking a bit more like a app. Add a heading 18
and call it "My App" drag that right up here. 19
Let's change that font into something a bit more like this 20
and then you can create a second screen just by hitting add a new page and it'll be the same dimensions. 21
And you can continue to drag and drop things. 22
You've got access to a whole bunch of color palettes backgrounds, 23
so something nice like this like a honeycomb design. 24
And you've got loads of text styes that you can choose from. 25
So maybe in your app you want something that looks a bit like that. 26
Now of course Canva is actually optimized mostly for print design but I quite like this way of adding 27
a new page to just create another canvas and the ability to drag and drop a whole load of things. 28
So in their elements section, you can have a look at a whole bunch icons that they've got that you can 29
have access to for free so your profile icon for example which might go down here in the tab bar and the 30
simple ability of just dragging and dropping, resizing and putting new things on them. 31
Now of course they don't have a lot of user interface elements such as the status bar or the navigation 32
bar but it's quite easy to actually search for images and just drag and drop them on there. 33
And if nothing comes up that seems useful to you, you can always go to Google and search for whatever 34
image it is that you need whether it's a navigation bar whether it's a status bar 35
and then you simply upload it and drag it drop it onto your screen. 36
You can also share your canva with other people and you can download it as images or as PDFs for use 37
elsewhere as well. 38
So that's a really quick and easy way of making mockups if you don't have access to Sketch.