The Complete User Interface Design Bootcamp

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 software 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.

What's inside

Learning objectives

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
Show more
Show less

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
Show more
Show less

Syllabus

In this section, you will learn about the course structure and also all the requirements to get the most out of the course.

Introduction to the User Interface Course

Introduction

Course Structure

Required Tools

Free UI Kits

Get Your Free E-book

In this section, you will learn all the information you need to know about design basics.

Intro to Design Basics

Layout

Visual Hierarchy

Visual Noise

Iconography

Typography

Color Contrast

Color Palette

Spacing

Composition

Design Guide

Consistent Fonts

Consistent Colors

Consistent Icons

Consistent UI Elements

Font Resources

Color Resources

Icon Resources

What is a Design Guide for?

In this section, you will learn all the necessary information and features of Sketch App.

Intro to Sketch

Sketch Requirements

Sketch Environment

Layer Basics

Toolbar

Shapes

Editing Shapes

Boolean Operations

Text

Text Inspector

Text Styles

Images & Bitmaps

Styling: Fills

Styling: Borders

Styling: Shadows

Styling: Blurs

Styling: Gradients

Styling: Shared Layer Style

Masking

Symbols

The Canvas

Plugins

Exporting

Important Shortcuts

In this section, you will learn about all the UI Elements you need to know as a UI/UX designer.

Intro to UI Elements

Text Fields

Buttons

Sliders

Tooltip

Selection Control

Chips

Cards

Dialogs

Lists

Tables

Navigation

Charts

Steppers

Snackbar

In this section, you will learn about wireframing and the reasons that why it is important.

What is Wireframing?

User Flows

Interactive Prototypes

Wireframe Tools

Wireframing in Sketch

Final Project

In this section, you will learn about Style Guides and how you can set up your own style guide.

What is a color style?

Primary, Semantic, & Accent Colors

Grey Colors & Gradients

Borders & Shadows

Inputs

In this section, you will learn about Style Guides and how you can set up your own typography style guide.

Intro to Typography Styles

Typography Guide Part 1

Typography Guide Part 2

Style Guide File

In this section, we are going to design the Instagram app from A to Z and you will use all the things you have learned so far.

Designing Your First App - Instagram

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

Registration Page (Sign Up Screen)

Personal Data Page

Feed Page

Stories

Profile Page

Camera Page

Explore Page

Messages Page

Chat Page

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in The Complete User Interface Design Bootcamp - Sketch UI/UX with these activities:

Review Design Principles

Show steps

Reinforce your understanding of fundamental design principles before diving into Sketch. A solid grasp of these concepts will make learning the software much easier.

Browse courses on Layout

Show steps

Read articles or watch videos explaining each principle.
Analyze existing designs, identifying how these principles are applied.
Practice applying these principles in simple design exercises.

Review 'Don't Make Me Think' by Steve Krug

Show steps

Understand core usability principles to inform your design decisions in Sketch. This book provides a strong foundation for creating user-friendly interfaces.

View Don't Make Me Think, Revisited: A Common Sense... on Amazon

Show steps

Read the book, focusing on the key principles of usability.
Take notes on how these principles can be applied to UI design in Sketch.
Reflect on how these principles relate to the course content.

Sketch UI Element Replication

Show steps

Solidify your Sketch skills by replicating common UI elements. This hands-on practice will improve your proficiency with Sketch's tools and features.

Show steps

Choose a set of common UI elements (buttons, text fields, etc.).
Recreate these elements in Sketch, paying attention to detail.
Compare your replicas to the originals, identifying areas for improvement.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Design a UI Style Guide

Show steps

Apply your knowledge of design principles and Sketch to create a comprehensive UI style guide. This project will help you organize your design decisions and maintain consistency.

Show steps

Define the visual style for your UI, including colors, typography, and iconography.
Create a Sketch file that documents these style choices.
Organize your style guide in a clear and accessible manner.

Read Refactoring UI

Show steps

Improve your UI design skills by learning practical techniques for visual refinement. This book offers valuable insights into typography, color, and layout.

View Melania on Amazon

Show steps

Read the book, focusing on the practical tips and examples.
Experiment with applying these techniques to your own designs in Sketch.
Reflect on how these techniques can improve the overall visual quality of your UIs.

Redesign a Popular App Interface

Show steps

Apply your skills to redesign the interface of a popular app. This project will challenge you to think critically about user experience and visual design.

Show steps

Choose a popular app with an interface you think could be improved.
Analyze the existing interface, identifying areas for improvement.
Redesign the interface in Sketch, focusing on usability and aesthetics.
Create a prototype of your redesigned interface.

Build a UI Kit in Sketch

Show steps

Create a reusable UI kit in Sketch to streamline your design workflow. This project will help you organize your assets and maintain consistency across projects.

Show steps

Identify common UI elements that you frequently use in your designs.
Create these elements as symbols in Sketch, making them easily reusable.
Organize your symbols into a well-structured UI kit.
Document your UI kit, providing guidelines for its use.

Career center

Learners who complete The Complete User Interface Design Bootcamp - Sketch UI/UX will develop knowledge and skills that may be useful to these careers:

User Interface Designer

As a user interface designer, you are responsible for creating visually appealing and user-friendly interfaces for various digital products. A course can help you build a strong portfolio using Sketch as you redesign apps and design finance applications and modern websites from beginning to end. The course's focus on UI elements, typography, color contrast, and composition helps build a foundation for creating effective and engaging user interfaces. Learning to export production ready assets and getting client feedback is essential.

See salaries and explore the career path for User Interface Designer

User Experience Designer

User experience designers focus on making digital products easy to use and enjoyable. This course helps you understand the difference between user interface and user experience design. Through the course, you will learn to create low-fidelity wireframes, interactive prototypes, and micro-interactions using InVision Studio. By learning to choose colors and fonts, you can ensure the product is visually appealing and user-friendly. The course will provide you with all the necessary techniques that are used by user experience professionals.

See salaries and explore the career path for User Experience Designer

Mobile App Designer

Mobile application designers focus on creating user-friendly and engaging interfaces for mobile devices. This course provides an overview of the design and development considerations specific to mobile apps. The course will help you redesign the Instagram app completely and learn all the necessary techniques and hidden secrets you need for mobile application design. You will also build and test two full mobile apps, learn to design mobile apps, work with colors and fonts, and create an interactive prototype with micro interactions.

See salaries and explore the career path for Mobile App Designer

Web Designer

A web designer plans, creates, and codes internet sites and webpages, many of which combine text with sounds, pictures, graphics, and video clips. The course helps you learn and master Sketch app comprehensively from scratch. By the end of this course, you will create world-class user interface and user experience designs. The course will teach you how to design a creative website, work with colors and fonts, create interactive prototypes, and learn to design websites.

See salaries and explore the career path for Web Designer

Interaction Designer

Interaction designers create engaging experiences through websites, software, and applications. The course may allow you to understand micro-interactions and learn how to use InVision Studio for creating this kind of interaction. The course will educate you on interactive prototyping and typography. The skills and knowledge you receive from this course will make you a strong candidate for interaction designer positions.

See salaries and explore the career path for Interaction Designer

Digital Product Designer

Digital product designers are involved in the overall design and functionality of a product's digital interface. The course work helps build a foundation in UI and UX design principles, allowing you to understand how to create user-centered designs. This course focuses on using Sketch, a popular UI/UX design tool, to develop mobile apps and websites. Learning to export production ready assets and getting client feedback is essential.

See salaries and explore the career path for Digital Product Designer

UI Developer

A UI developer uses design skills to create the front end of websites and applications. This course may allow you to learn all the necessary principles, including layout, iconography, typography, color contrast, composition, and spacing. You will learn how to choose colors and fonts. By learning the basics of Adobe Photoshop, you can make yourself a strong candidate for UI developer roles.

See salaries and explore the career path for UI Developer

Freelance Designer

Freelance designers work on a contract basis, providing design services to various clients. With this course, you can develop your UI design skills and add UI designer to your resume and start getting clients for your skills. The course will help you learn how to get your first client and how to start your own business. Learning to send your design to your client for feedback is essential.

See salaries and explore the career path for Freelance Designer

Web Application Developer

Web application developers need to create interfaces that are visually appealing and easy to use. This course helps you understand the differences between user interface and user experience design. Also, the course can build a foundation in UI design principles, allowing you to create effective and engaging user interfaces. You can make yourself a stronger candidate for web application developer roles.

See salaries and explore the career path for Web Application Developer

Graphic designer

Graphic designers create visual concepts that communicate ideas, inform, and captivate consumers. The course may allow you to learn about design basics, UI elements, typography, etcetera, and then work on real-world projects together. The course can create a modern and creative website. You can make yourself a stronger candidate for graphic designer roles.

See salaries and explore the career path for Graphic designer

Digital Marketing Specialist

Digital marketing specialists often work with designers to ensure marketing materials are visually appealing and effective. This course may help you understand the design process and principles. You can better collaborate with UI/UX designers to create effective marketing campaigns by learning about layout, typography, and color contrast.

See salaries and explore the career path for Digital Marketing Specialist

Front-End Engineer

The user interface is a crucial part of a front-end developer's work. With this course, you may create a simple low-fidelity wireframe to understand its usage and benefits. By learning about the essential tools necessary for creating an amazing user interface and user experience, you can make yourself a stronger candidate for front end engineer positions.

See salaries and explore the career path for Front-End Engineer

Full-Stack Developer

Full stack developers must be familiar with both front-end and back-end development. This course may allow you to learn all the necessary principles, including layout, iconography, typography, color contrast, composition, and spacing. You will also learn how to choose colors and fonts. The skills and knowledge you receive from this course may help you to become a strong candidate for a full stack developer role.

See salaries and explore the career path for Full-Stack Developer

Marketing Manager

Marketing managers need to understand how visual design impacts marketing campaigns. This course may help you learn about design basics, typography, and color contrast. With the course, you can better collaborate with designers and create more effective marketing materials. A key part of this course is learning professional techniques.

See salaries and explore the career path for Marketing Manager

Product Manager

Product managers are responsible for the strategy, roadmap, and feature definition of a product. This course may help you understand the design process and user experience principles. With the course, you can better advocate for user-centered design within your team. A key part of this course is learning professional techniques and shortcuts.

See salaries and explore the career path for Product Manager

The Complete User Interface Design Bootcamp - Sketch UI/UX

Here's a deal for you

What's inside

Learning objectives

Syllabus

Save this course

Activities

Career center

Reading list

Share

Similar courses