The Complete User Interface Design Bootcamp - Sketch UI/UX
4.3 (236 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,442 students enrolled

The Complete User Interface Design Bootcamp - Sketch UI/UX

Master Sketch software to get a job in UI Design, User Interface, User Experience design, Web Design & UX design.
4.3 (236 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,442 students enrolled
Created by Arash Ahadzadeh
Last updated 4/2020
English
English [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
17 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9.5 hours on-demand video
  • 14 articles
  • 18 downloadable resources
  • 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
  • Become a UI/UX designer.
  • Master the number one platform in UI/UX design, Sketch.
  • You will be able to start earning money from your Sketch App skills.
  • Build a UI project from beginning to end.
  • You will get an e-book (200+ pages)
  • Build & test two full mobile apps.
  • You will be able to add UI/UX designer to your CV.
  • Build & test a full website design.
  • Learn to design mobile apps & websites.
  • Work with colors & fonts.
  • Interactive prototyping
  • You will create an interactive prototype with micro interactions.
  • Export production ready assets.
  • Send your design to your client for feedback.
  • Design 4 different logos.
  • You will create your own UI Kit.
  • Create low-fidelity wireframe.
  • Learn professional technique & shortcuts.
  • Downloadable exercise files.
  • Create your own 3D Model.
  • Design 3D scenes.
  • Design for Augmented Reality projects.
  • All the techniques used by UI professionals
  • You will learn how to choose colors.
  • You will learn the basics of Adobe Photoshop.
  • You will learn how to choose the correct font.
  • You will learn about typography.
  • You'll be able to send your final project to other professionals in the correct formats.
  • You will learn how to get your first client.
  • You will learn how to start your own business.
  • 155 well-structured lectures
Requirements
  • We do not require any previous experience or pre-defined skills to take this course. A great orientation would be enough to master UI/UX design.
  • Sketch is a free-to-try software developed specifically for Mac computers and Mac OS. If you do not have a Mac and are using a Windows computer, make sure you are running the OS X virtual environment on your computer.
  • Adobe Photoshop (OPTIONAL)
Description

Do you want to become a UI/UX designer but you don't know where to start? This course will allow you to develop your user interface design skills and you can add UI designer to your CV and start getting clients for your skills.


Hi everyone. I'm Arash and I'm a UI/UX designer. In this course, I will help you learn and master Sketch app comprehensively from scratch. Sketch is an innovative and brilliant tool for User Interface design. It's used by everyone from entrepreneurs and start-ups to Apple, Airbnb, Facebook, etc.

By the end of this course, you will be able to create world-class User Interface (UI) and User Experience (UX) designs. Throughout the course first, you will learn about all the Design Basics, UI Elements, Typography, etc. and then we will work on real-world projects together.

Moreover, we will redesign the Instagram app completely and I will share with you all the necessary techniques and hidden secrets you need for mobile application and web design. Furthermore, we will design a finance app from scratch and then we will create a modern and creative website for it.

This course has been designed for people completely new to UI/UX design or let’s say design in general. We will start with the most basic principles and work all the way through, step by step.

We start the course by explaining the differences between UI and UX design. And then we will start learning about Sketch app in Sketch Academy section. After that, we'll create a simple low-fidelity wireframe to understand its usage and benefits.

I’ll go over all of the essential tools necessary for creating an amazing User Interface (UI) and User Experience (UX). Not only will you learn about Sketch app, but also you will learn about Adobe Photoshop, InVison Studio, Vectary, Dribbble, Behance, etc.

The Design Basics section covers all the necessary principles, including: Layout, Iconography, Typography, Color Contrast, Composition, Spacing, etc.

One of the interesting parts of the User Experience design process is micro-interactions. I will teach you how to use InVision Studio for creating this kind of interaction.

With over 9 hours of content across 150+ lectures, I will take you from beginner to expert, and teach you everything you need to know in order to use Sketch in a professional manner.

An amazing course for people with zero design experience, or for experienced designers that want to learn and master Sketch 5 and want to become a User Interface designer. By the end of this course, you’ll have a complete, real-world project for your own portfolio, and every student will have the knowledge and confidence to apply for a UI/UX designer job.


Don't just take my word for it, see what my past students had to say about the course:

"I loved this course. Highly recommended if you want to build real-world designs. loved Arash's style of teaching." - Mustafa Alabdullah

"This course is AMAZING! I really like the content especially the projects. I could finally find a course to take me from the very basic concepts to the most complex part of UI/UX design. I 100% recommend it." - Zhan K

"I enjoyed this course a lot. Although I was absolutely new to Sketch and UI/UX design, this course structured in a way that even a beginner like could learn all the principles of UI/UX design. Thank you Arash for creating this course." -  Bryan Li

"A comprehensive and detailed course for anyone looking to become a UI/UX designer. Clear and easy to understand explanations. It covers all of the topics required for a real-world professional." - Erikas

"The course was awesome, he went through a lot of features and showed a whole lot of stuff that is going to make me a better UI/UX designer. Thank you Arash."  - Sara Brown

"Such an amazing course. I was always looking for a comprehensive course that could teach me everything in one place. I finally found it. I recommend this course to anyone who wants to become a world-class UI/UX designer." - Louis Castillo


Course highlights:

  • Mastering Sketch Software

  • Tips & Tricks, make most of Sketch Tools

  • Colors, Iconography, and Typography

  • BONUS! Get 2 brand-new UI Kits worth $3000.

  • BONUS! You will get an e-book (200+ pages) worth $199.

  • A certificate of completion upon finishing the course.


We are so confident that you will love this course that we're offering a 30-day money-back guarantee! So you can sign up today with zero risks.

So, what are you waiting for? Enroll today!!

Who this course is for:
  • Anyone who wants to start using Sketch App in their career & get paid for their user interface design skills.
  • This course is for beginners & newbies in the field of UI/UX design.
  • For anyone that needs to add ‘UI Design’ to their portfolio.
  • Developers that want to understand front end principles to complement their existing skills.
  • Graphic designers who want to become a UI/UX designer.
Course content
Expand all 160 lectures 09:17:45
+ Introduction
6 lectures 07:06
Introduction
02:43
Required Tools
00:50
Free UI Kits
00:07
Get Your Free E-book
00:08
+ Design Basics
18 lectures 27:02
Intro to Design Basics
00:28
Layout
02:00
Visual Hierarchy
05:02
Visual Noise
01:25
Iconography
01:01
Typography
03:09
Color Contrast
01:36
Spacing
01:12
Composition
01:25
Design Guide
00:40
Consistent Fonts
00:57
Consistent Colors
01:00
Consistent Icons
01:35
Font Resources
00:48
Color Resources
00:46
Icon Resources
00:57

What is a Design Guide for?

Quiz 1
1 question
+ Sketch Academy
24 lectures 28:39
Sketch Requirements
00:56
Sketch Environment
01:01
Layer Basics
01:43
Toolbar
02:29
Shapes
00:52
Editing Shapes
01:39
Boolean Operations
01:11
Text
01:10
Text Inspector
01:07
Text Styles
01:22
Images & Bitmaps
01:30
Styling: Fills
01:00
Styling: Borders
01:04
Styling: Shadows
01:18
Styling: Blurs
00:56
Styling: Gradients
01:27
Styling: Shared Layer Style
01:09
Masking
00:58
Symbols
01:04
The Canvas
00:55
Plugins
01:00
Exporting
01:53
Important Shortcuts
00:02
+ UI Elements
16 lectures 18:20
Text Fields
01:29
Buttons
02:06
Sliders
01:29
Tooltip
01:02
Selection Control
01:19
Chips
01:11
Cards
01:04
Dialogs
01:06
Lists
00:58
Tables
01:08
Navigation
00:50
Menu
00:50
Steppers
01:03
Snackbar
01:21
+ Wireframing
6 lectures 11:07
What is Wireframing?
00:59
User Flows
01:08
Interactive Prototypes
01:02
Wireframe Tools
00:59
Wireframing in Sketch
06:56
Final Project
00:03
+ Setting Up Your Style Guide - Part 1
5 lectures 31:54
What is a color style?
00:31
Primary, Semantic, & Accent Colors
13:10
Grey Colors & Gradients
07:33
Borders & Shadows
07:01
Inputs
03:39
+ Setting Up Your Style Guide - Part 2
4 lectures 07:54
Intro to Typography Styles
00:25
Typography Guide Part 1
05:03
Typography Guide Part 2
02:23
Style Guide File
00:03
+ Application Design - Instagram
16 lectures 02:37:47

In this lecture, you can find all the necessary files you need for completing this project.

Assets
00:03
Registration Page (Sign Up Screen)
20:38
Personal Data Page
11:19
Login Page
05:08
Feed Page
17:36
Profile Page
09:29
Camera Page
06:29
Explore Page
10:23
Messages Page
07:21
Chat Page
18:10
Settings Page
10:20
Analytics (Charts & Bars)
23:31
Onboarding Design
10:01
Final Project
00:03
+ Logo Design
7 lectures 17:21
Logo Types
02:20
Required Files - Starter Project
00:04
Designing Our First Logo
05:06
Designing Our Second Logo
02:12
Designing Our Third Logo
02:50
Designing Our Forth Logo
04:46

In this lecture, you can download the final project of this section.

Final Project
00:03
+ Adobe Photoshop
4 lectures 15:27
Introduction to Adobe Photoshop
00:32
Environment of Adobe Photoshop
01:21
Basics of Adobe Photoshop
07:40
Adobe Photoshop For UI/UX Design
05:54