Sketch from A to Z (2020): Become an app designer
- 3.5 hours on-demand video
- 3 articles
- 39 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- Master Sketch to create a strong mobile app design from start to finish
- Advanced techniques and shortcuts to design faster than most professionals
- User interface design best practices to solve problems effectively
- Know how to simplify visual information to clarify meaning and improve UX
- Understand how to design for different device viewports
- How to leverage tools to ensure pixel perfect design work
- How to save tons of time by using shared styles, symbols, and libraries
- How to export and hand off the assets developers need to build a real app
- How a good UI (user interface) influences good UX (user experience)
- Be a professional designer who creates better apps faster
- Download Sketch and purchase a license or use the free trial
Sketch has revolutionized the world of mobile application design by providing the tools to transform yourself into a professional app designer with only a few hours of training. This course will teach you to use the Sketch to design dynamic, development-ready mobile app user interfaces that impress clients and engage users.
Learn to Design Beautiful, High-Quality Mobile Application UI with Sketch's Powerful Tools and Smooth Workflow
Master the essential principles and tools of Sketch.
Discover design techniques that will enhance your creative potential.
Learn and implementUI best practices to ensure quality and usability.
Journey from concept to completion by creating a sample mobile application.
Find Out Why Google, Apple, and Facebook Designers Use Sketch
Many of Silicon Valley’s most established and fastest growing companies swear by Sketch when designing UIs for mobile applications because it’s fast and intuitive, and produces stunning final products.
Sketch isn’t just a tool for designing pretty apps, It’s a tool for composing UI components and design patterns that scale without effort as projects grow more complex.
When it comes to styling, we’re able to use multiple color and gradient fills, borders, and automatically scaling images on a single layer to keep out layers list clean and organized.
It gives us the ability to reuse styles and elements throughout a design — so that you never have to waste time making the same change in multiple places. And those reused elements can be nested inside one another and then tweaked or swapped out to create powerful and flexible design systems.
Contents and Overview
Whether you’re a beginner or a veteran designer with experience using Photoshop and Illustrator, you will find this course valuable in the way that it blends step-by-step instruction with hands-on, customizable exercises:
Mobile App Design from A to Z: With 52 lectures and 3.5 hours of content, this course covers everything from layers, shapes, and styling to text editing to exporting finished projects.
Test Your Knowledge: Periodic quizzes will review key concepts and ensure that you are mastering the content.
Interactive Design Project: Together with the instructor, you will build a sample UI for an iPhone music player app. Included Sketch documents allow you to pick up at any point in the project.
After completing this course, you will understand how to design high-quality mobile application UI using Sketch and you will be better prepared to meet the demands of your clients and developers.
- This course is perfect for web and print designers
- This course is perfect for Photoshop or Illustrator users
- This course requires practically no prior design experience
- Some graphic design experience will be helpful
- This course is not to learn to develop a functioning app
Let's take a moment to get to know one another and talk about why we are here.
Where does Sketch fit into the world as a design application? Let's talk about what makes Sketch such a strong application for user interface design (UI design) and what makes it a better choice for this type of design work than Photoshop.
Time to get familiar with Sketch by learning where our tools are. Here we cover the toolbar, layers list, inspector, and touch on the canvas.
Let's get into best practices for staying out of trouble with save, save as, and autosave. Autosave can be an extremely useful feature when it is properly understood and properly taken advantage of.
Sketch gives us a number of tool to stay pixel perfect. Eyeballing things works for most artwork, but in software design there is a lot to be said for visual organization and precision.
Boolean Operations are an incredible tool within Sketch which allow us to combine basic shapes to create more complex ones. You'll be impressed with how much you can accomplish with simple shapes and Boolean Operations.
In Sketch, it is easy and intuitive to grab the handles around an object and drag them to scale the object up or down. The problem with this becomes clear when borders or rounded corners are involved. Dragging the handles scales the path, but does not scale the effects in proportion. This lesson demonstrates how to scale an object or group of objects along with its effects.
It's not unusual to need things to be lined up with one another and spaced even from one another. While it might be less common, you may want things lined up and spaced both vertically, as well as horizontally. In this tutorial I show you how easy it is in Sketch 3 to organize and align objects on such a grid. Also how to duplicate an object into rows and columns.
Shadows are a simple and elegant way to add depth and dimensionality to your design. Let's go over some tips for incorporating shadows.
Symbols are a feature that truly set Sketch apart from other design applications. Using symbols, we can reuse design elements rapidly and keep the content of these design elements completely synchronized throughout our document. Making global design changes could not be easier thanks to Symbols.
Exporting a layer by itself means that no other elements on the canvas will be exported with it. If there's a layer on top or a background below it, neither of those will be included in the export. This is how we break our design apart into individual assets to export for developers to build our actual app.