Quick Note: You can toggle the Craft panel on/off with Cmd + P, and if you want to quickly cycle through (random) Unsplash images use Shift + Ctrl + 3. Select the Unsplash option, and click the Place Photos button. Let’s make a start on the first of those screens: Welcome ScreenĬreate a new Artboard (A), and choose the iPhone 6 option from the Inspector panel on the right.ĭraw out a Rectangle (R) to cover the Artboard (375×667), and then from the Craft panel on the right choose the Photos tool. He deserves an iOS photo app named after him, don’t you think?Īs I mentioned, we’ll be creating just 6 screens (It’s the ‘Lite’ version after all) for various parts of the app: Carl Zeiss invented the modern day camera lens. We’ll keep it simple, with 6 screens for a fictional Photo Editor iOS App called ‘ Zeiss‘. In the 1st part of this tutorial we’ll be creating the screens for our application.

Zeiss (Lite) Icon Set: Feel free to download the icon set.Īll cool? Everything installed? Sweet! Let’s get to it!Įxplore 11,000+ Sketch Templates Designing our Screens in Sketch.

Google Fonts: Download Raleway and Open Sans.

One of the now, essential plugins for using with Sketch.

Craft Plugin by InVision LABS: The perfect plugin to enable the use of real-data in your projects, and more.

A must have, and one that we can put to good use with the icon set below. It’s perfect for storing, and referencing your icons.

Iconjar: I have raved about this app before.

There are a few things that you may want to grab for this tutorial (if you haven’t already) first: Fire up Sketch! Don’t have a copy to hand? You can download the free trial here.

Let’s put these two apps to the test shall we, as we design, and prototype an app for iOS. An application that has grown in strength in recent times. One of my favourites is Flinto (for Mac).

Sketch has a plethora of companion applications to share the top table with, and there is, especially, no shortage of Prototyping applications out there to wine and dine our favourite design application.

Flinto lite and flinto for mac