The Complete User Interface Design Bootcamp - Sketch UI/UX | Arash Ahadzadeh | Skillshare

The Complete User Interface Design Bootcamp - Sketch UI/UX

Arash Ahadzadeh, iOS Developer & UI Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
145 Lessons (9h 10m)
    • 1. Introduction

      2:06
    • 2. Introduction to UI/UX

      2:42
    • 3. Course Structure

      1:12
    • 4. Required Tools

      0:50
    • 5. Introduction to Design Basics

      0:28
    • 6. Layout

      2:00
    • 7. Visual Hierarchy

      5:02
    • 8. Visual Noise

      1:25
    • 9. Iconography

      1:01
    • 10. Typography

      3:09
    • 11. Color Contrast

      1:36
    • 12. Color Pallete

      2:17
    • 13. Spacing

      1:12
    • 14. Composition

      1:25
    • 15. Design Guide

      0:40
    • 16. Consistent Fonts

      0:57
    • 17. Consistent Colors

      1:00
    • 18. Consistent Icons

      1:35
    • 19. Consistent UI Elements

      0:44
    • 20. Font Resources

      0:48
    • 21. Color Resources

      0:46
    • 22. Icon Resources

      0:57
    • 23. Introduction to Sketch

      0:52
    • 24. Sketch Requirements

      0:56
    • 25. Sketch Environment

      1:01
    • 26. Layer Basics

      1:43
    • 27. Toolbar

      2:29
    • 28. Shapes

      0:52
    • 29. Editing Shapes

      1:39
    • 30. Boolean Operations

      1:11
    • 31. Text

      1:10
    • 32. Text Inspector

      1:07
    • 33. Text Style

      1:22
    • 34. Images & Bitmaps

      1:30
    • 35. Styling: Fills

      1:00
    • 36. Styling: Borders

      1:04
    • 37. Styling: Shadows

      1:18
    • 38. Styling: Blurs

      0:56
    • 39. Styling: Gradients

      1:27
    • 40. Styling: Shared Layer Style

      1:09
    • 41. Masking

      0:58
    • 42. Symbols

      1:04
    • 43. The Canvas

      0:55
    • 44. Plugins

      0:59
    • 45. Exporting

      1:53
    • 46. Introduction to UI Elements

      0:32
    • 47. Text Fields

      1:29
    • 48. Buttons

      2:06
    • 49. Sliders

      1:29
    • 50. Tooltips

      1:02
    • 51. Selection Controls

      1:19
    • 52. Chips

      1:11
    • 53. Cards

      1:04
    • 54. Dialogs

      1:06
    • 55. Lists

      0:58
    • 56. Tables

      1:08
    • 57. Navigation

      0:50
    • 58. Menus

      0:50
    • 59. Charts

      0:52
    • 60. Steppers

      1:03
    • 61. Snackbars

      1:21
    • 62. What is wireframing?

      0:59
    • 63. User Flows

      1:08
    • 64. Interactive Prototypes

      1:02
    • 65. Wireframe tools

      0:59
    • 66. What is a Color Style?

      0:31
    • 67. Primary, Semantic, & Accent Colors

      13:10
    • 68. Grey Colors & Gradients

      7:33
    • 69. Borders & Shadows

      7:01
    • 70. Inputs

      3:39
    • 71. Intro to Typography Style

      0:25
    • 72. Typography Guide Part 1

      5:03
    • 73. Typography Guide Part 2

      2:23
    • 74. Project 1 - Instagram Redesign

      2:40
    • 75. Registration Page (Sign Up Screen)

      20:38
    • 76. Personal Data Page

      11:19
    • 77. Login Page

      5:08
    • 78. Feed Page

      17:36
    • 79. Stories

      4:36
    • 80. Profile Page

      9:29
    • 81. Camera Page

      6:28
    • 82. Explore Page

      10:23
    • 83. Messages Page

      7:21
    • 84. Chat Page

      18:10
    • 85. Settings Page

      10:20
    • 86. Charts

      23:31
    • 87. Onboarding

      10:01
    • 88. Logo Types

      2:20
    • 89. Designing Our First Logo

      5:06
    • 90. Designing Our Second Logo

      2:12
    • 91. Designing Our Third Logo

      2:50
    • 92. Designing Our Forth Logo

      4:46
    • 93. Introduction to Adobe Photoshop

      0:32
    • 94. Environment of Adobe Photoshop

      1:21
    • 95. Basics of Adobe Photoshop

      7:40
    • 96. Adobe Photoshop For UI:UX Design

      5:54
    • 97. Project 2 - Finance App

      2:29
    • 98. Launch Screen

      1:41
    • 99. Sign in Page

      13:59
    • 100. Sign in & Sign up Page Part 2

      7:27
    • 101. OTP Verification

      9:45
    • 102. Profile

      10:25
    • 103. Homepage

      15:06
    • 104. Menu

      9:01
    • 105. Credit Cards

      14:12
    • 106. Transactions

      10:48
    • 107. Transaction - Detail

      8:25
    • 108. Transfer

      7:37
    • 109. Confirmation

      3:38
    • 110. Notification Page

      9:20
    • 111. Profile Page

      4:24
    • 112. Onboarding

      7:39
    • 113. Project 3 - Landing Page

      1:03
    • 114. Layouts & Grids

      3:55
    • 115. Hero Section 1

      9:35
    • 116. Hero Section 2 - Mockups

      4:23
    • 117. Key Features Section

      9:45
    • 118. Feature 1

      4:13
    • 119. Feature 2

      3:59
    • 120. Customers Section

      2:39
    • 121. Call to action

      4:03
    • 122. Footer

      7:10
    • 123. Introduction to 3D Modeling

      2:10
    • 124. 3D Shapes

      4:17
    • 125. Camera & Lightings

      2:16
    • 126. Materials & Textures

      1:55
    • 127. Creating a 3D Scene

      5:40
    • 128. Rendering & Exporting

      3:34
    • 129. Prototyping Tools

      1:06
    • 130. Prototyping in Sketch

      2:38
    • 131. Prototyping in InVision Studio

      4:26
    • 132. Prototyping in InVision Studio Part 2

      3:48
    • 133. Mocking up an app

      3:07
    • 134. How to use the Sketch app on your phone?

      1:01
    • 135. How to Create Your Own Online Portfolio?

      1:17
    • 136. How to use Dribbble?

      0:57
    • 137. How to use Behance?

      0:58
    • 138. How to get your first client?

      1:18
    • 139. How to start your own business?

      1:37
    • 140. How to scale your business?

      1:19
    • 141. Communicating with your client

      0:53
    • 142. Contract

      0:55
    • 143. Where to Find World Class Design Inspiration?

      0:48
    • 144. Image Resources

      0:54
    • 145. What is the next step?

      1:07
17 students are watching this class

About This Class

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.

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 highlights:

  • Mastering Sketch Software

  • Tips & Tricks, make most of Sketch Tools

  • Colors, Iconography, and Typography

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

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)

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

fca0521c

f26e57c7