
Translate sketch designs into a complete iOS app using sketch, Swift, and Xcode, learning prototyping and building a collection view with a custom scaling animation and smooth transitions.
Explore iOS design themes of clarity, deference, and depth to craft apps that clearly communicate, keep content central, and use layered motion to convey hierarchy.
Learn to use Sketch to create user interface designs, a powerful design tool. Start your 30 day free trial and explore basics for creating your own designs in upcoming videos.
Learn how art boards in sketch organize your iOS design by selecting Apple device presets, naming boards, setting backgrounds, and understanding each board’s coordinate system for later transfer to code.
Create reusable UI elements by using the symbol library, applying overwrites, and turning symbols into custom cells with image fills, gradients, corner radius, and adjustable content.
Translate a sketch into a real iOS app in Xcode by turning designs into UIKit components, using a collection view for categories, gradients for readability, and depth via transitions.
Populate the collection view with eight category items using a custom cell, loading images by name and setting labels, then adjust corner radius and section insets for a polished layout.
Build a transition animation between the overview collection view and image selection view by defining a scaling protocol and preparing begin and end states with transforms and snapshot views.
Drag and drop assets into the Xcode assets folder, then create a back button in the overview view controller to pop the navigation controller with animation.
Learn to implement a paging scroll view that displays multiple images with captions by calculating content size from image count, positioning each image in sequence, and updating related labels.
Beautify the custom transition by fading in the dim view and back button after a scale animation, then scroll to the first image and pop back to the overview.
Add a tap gesture recognizer to the scroll view to trigger the transition from the image selection view to the send card view, while skipping the initial page.
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.