Sketch tutorial - become a UI and UX designer
- Become a UI and UX designer: create user interfaces for websites and apps with Sketch
- For a quick start: learn the basics of Sketch, UI and UX design
- For your progress: Learn advanced design techniques such as Boolean operators
- Practical tutorial: Create a modern user interface using an app as an example
- Better team play with developers: Provide them directly with developable prototypes
- Understand the concept of UI and UX in 5 hours: trainer Luca Kiedrowski shows best practice examples
- How to remember what you've learned: Including work materials to join in with
Google and Apple also rely on Sketch - do it like the big boys and learn now how to create simply beautiful, user-friendly and, on top of that, development-ready UI designs.
24 Videos, 315 minutes
Introduction
Sketch tutorial: 1.1 Intro
Welcome to the Sketch tutorial: Learn how to use the program to design your own apps. Here is an overview of the course.
Sketch tutorial: 1.2 What is Sketch?
A brief introduction to the "Sketch" program and how to get access to it.
Sketch tutorial: 1.3 Program interface
Here you will get to know Sketch better. I'll show you the complete program and you'll learn how to work with it effectively.
Sketch tutorial: 1.4 Tools
Sketch wouldn't be such a great program if you couldn't use tools. Here you can find out how to add these tools.
Sketch tutorial: 1.5 The most important plugins
Plugins help you to work even better and faster with Sketch. I'll show you which plugins can help you best.
Sketch tutorial: Installing 1.6 libraries
With libraries, you can transfer standardized designs from Apple or Android directly into your project.
Sketch tutorial: 1.7 InVision
InVision is a tool that makes your Sketch project much easier. You can create "wireframes" there to structure your project.
Design fundamentals
Sketch tutorial: 2.1 Colors
Colors offer you the opportunity to fill your app with life. Here is a brief introduction to the world of colors.
Sketch tutorial: 2.2 Fonts
The social network "Medium" shows how much fonts can influence the user experience. Fonts in your app can be very important.
Create prototypes
Screen design
Sketch tutorial: 4.1 Home screen and design templates
Now let's move on to our real project and start with the home screen. You will also learn here how we can create design templates.
Sketch tutorial: 4.2 Create groups and text styles
In this lesson, you will learn how to create groups and save text styles to save time.
Sketch tutorial: 4.3 Finding, creating and customizing icons
Icons are a big part of an app. In this video, you will learn where to find the best icons and how to integrate them into your project.
Sketch tutorial: 4.4 Designing chat, working with layers
Now let's move on to the chat of our app. There we work with layers, which you should also use to save yourself time.
Sketch tutorial: 4.5 iPhone X design
The iPhone X has changed a lot in app design. Designers now have to work with a new screen shape. Find out the basics here.
Sketch tutorial: 4.6 User profile, blur effect
You can use effects to give your app an interesting design. We use the blur effect in your user profile.
Sketch tutorial: 4.7 Using design as a tool
In this video, you will learn how you can use design as a tool to fine-tune your app.
Sketch tutorial: 4.8 Using libraries & creating action sheets
Now we use the iOS library to build an action sheet. Libraries not only save you time when designing, but also during development.
Provide designs
Sketch tutorial: Provide 5 designs in InVision
If your app is to be developed, the developers need your designs. In this lesson, you will learn how to provide your designs to InVision.
Provide important info
Sketch tutorial: 6 Insert help into the app
App users often can't find the right buttons or have other questions that are not obvious. That's why we are creating a Q&A section.
Professional design
Sketch tutorial: 7.1 Create flat design graphics
If you have tough deadlines for your projects, you often don't have the time to design everything yourself. Here you can find out how and where to get help.
Sketch tutorial: 7.2 Home redesign
We still have a lot of room for improvement on the home screen. That's why we're redesigning our first screen.
Sketch tutorial: 7.3 User experience purchase process
A user's purchase process must run smoothly, as this is one of the most delicate moments in the user flow.
Examples of use
-
Example: In the tutorial, you create a developable app with the help of Sketch. -
Example: Your trainer gives you tips and tricks on modern UX and UI design.
You might also like
Live your layout now!
More style, more power, more templates!
Save time with artificial intelligence
Full power, more inspirations, maximum WOW effect!
Comment now „Sketch tutorial - become a UI and UX designer“