From Sketch Design to iOS App with Swift and Xcode
4.4 (199 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,229 students enrolled

From Sketch Design to iOS App with Swift and Xcode

Master Creating Custom User Interfaces for Your Apps: Design a Cool iOS App and Build it From Start to Finish
4.4 (199 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,229 students enrolled
Created by Brian Advent
Last updated 9/2018
English [Auto]
Current price: $125.99 Original price: $179.99 Discount: 30% off
11 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build a cool app, starting with designing it in Sketch and then build it from start to finish with Swift and Xcode
  • Customize UIKit components like CollectionViews
  • Implement cool and custom transitions between ViewControllers
  • Translate a UI design into a real app
  • Understand and apply the basics of prototyping in Sketch
  • Design user interfaces in Sketch
Course content
Expand all 42 lectures 04:04:07
+ Design and Sketch Basics
8 lectures 37:21
iOS Design Themes
Get Sketch
Get to Know the Sketch UI
Use UIKit Symbols
Layout Constraints in Sketch
Work with Symbols
Export your Artwork
+ First Development Steps
2 lectures 11:41
Design Translation for Development
Project Setup and Data Model
+ The Overview Screen
7 lectures 40:35
Customise the Navigation Bar
Custom CollectionView Cells
Display Categories in the CollectionView
Preparations for Selecting Images
Perform a Segue and Transfer Data
+ Custom ViewController Transitions
7 lectures 46:08
Basic Transition Setup
Get the Transition Context Ready
Define the Animation
Animation & Navigation Controller
The Final Step: ImageViews for Animation
Back to Overview: Reverse Animation
+ Image Selection Screen & UIScrollView
8 lectures 54:43
Export Button Assets with Sketch
Transition Back to the Overview
Setup the Image Selection UI
Apply Auto Layout Contstraints
Custom Photo Views with a XIB File
Load Images with Custom View
Paging with UIScrollView
Beautify the Custom Transition
+ Final Steps and Sharing Cards
4 lectures 24:22
Project Update and Runtime Attributes
Basic Segue Transition and Data Transfer
Start Transition with Gesture Recognizer
Share a Card: ActivityViewController
  • Have a good understanding of the Swift programming language
  • You should know your way around the Xcode IDE
  • You should know the basics of Auto Layout

This course is going to guide you through the complete process of designing a cool iOS app and then also build it from start to finish.

If you want to create apps that stand out you need the ability to translate a great user interface design from its concept stage as wireframes, mockups or interactive prototypes into a fully functional app.

Among other things you will learn:

  • The fundamental iOS design principles

  • Basics of designing and prototyping in Sketch

  • How to design an app and then create it from start to finish

  • How to customize UIKit components like buttons, collection views or the navigation bar

  • How to work with custom views and xib files

  • How to create awesome transition animations: implementing a custom and animated view controller transition from a collection view cell to a new view controller

  • How to create simple animations

Become a more skilled developer

This course is suitable for you if you have already made your first experiences in building apps using Xcode and Swift. You won’t have to be an expert developer or an experienced designer. You will however learn a lot of useful tricks and techniques that will also broaden your general knowledge around the processes of designing and developing iOS apps with the powerful tools Sketch, Xcode and the Swift programming language.

Our Roadmap

Before writing our first line of code we are going to have a look at fundamental iOS design principles followed by a quick introduction into Sketch. Sketch is a powerful tool for designing and prototyping and after completing this course you will be able to design your own application with it. Before building a complete iOS app, we are going to make a solid development plan starting with an app idea, the design of several mockups followed by a the creation of a simple prototype. Not until then are we going to launch Xcode.

In the actual development part of this course you are going to setup the user interface in Interface Builder, work with a modern data model, customize different UIKit components, and even create an awesome custom animated transition between two view controllers. For more detailed information about the content of this course have a look at the curriculum and the free videos.

You get this course complete with all the necessary project files, so that you’ll be able to work alongside the author as you work through each concept. In addition you will receive a verifiable certificate of completion upon finishing the course.

Who this course is for:
  • iOS developers who want to learn how to translate a UI design into a real app
  • iOS developers who want to learn how to customize their apps
  • iOS developers who want to learn the basics about designing with Sketch
  • iOS developers who want to learn more about design and iOS design principles
  • iOS developers who want to learn how to create custom ViewController transitions