The Complete User Interface Design Bootcamp - Sketch UI/UX

Focused View

Arash Ahadzadeh

9:09:51

13 View

001 Introduction.mp4

02:06

002 Introduction to UI UX.mp4

02:43

003 Course Structure.mp4

01:12

004 Required Tools.mp4

00:50

005 Introduction to Design Basics.mp4

00:28

006 Layout.mp4

02:00

007 Visual Hierarchy.mp4

05:02

008 Visual Noise.mp4

01:25

009 Iconography.mp4

01:01

010 Typography.mp4

03:09

011 Color Contrast.mp4

01:36

012 Color Pallete.mp4

02:17

013 Spacing.mp4

01:13

014 Composition.mp4

01:25

015 Design Guide.mp4

00:40

016 Consistent Fonts.mp4

00:57

017 Consistent Colors.mp4

01:00

018 Consistent Icons.mp4

01:35

019 Consistent UI Elements.mp4

00:44

020 Font Resources.mp4

00:48

021 Color Resources.mp4

00:46

022 Icon Resources.mp4

00:58

023 Introduction to Sketch.mp4

00:53

024 Sketch Requirements.mp4

00:56

025 Sketch Environment.mp4

01:01

026 Layer Basics.mp4

01:43

027 Toolbar.mp4

02:29

028 Shapes.mp4

00:52

029 Editing Shapes.mp4

01:39

030 Boolean Operations.mp4

01:11

031 Text.mp4

01:10

032 Text Inspector.mp4

01:07

033 Text Style.mp4

01:22

034 Images & Bitmaps.mp4

01:30

035 Styling Fills.mp4

01:00

036 Styling Borders.mp4

01:04

037 Styling Shadows.mp4

01:18

038 Styling Blurs.mp4

00:56

039 Styling Gradients.mp4

01:27

040 Styling Shared Layer Style.mp4

01:09

041 Masking.mp4

00:58

042 Symbols.mp4

01:04

043 The Canvas.mp4

00:55

044 Plugins.mp4

01:00

045 Exporting.mp4

01:53

046 Introduction to UI Elements.mp4

00:32

047 Text Fields.mp4

01:29

048 Buttons.mp4

02:06

049 Sliders.mp4

01:29

050 Tooltips.mp4

01:02

051 Selection Controls.mp4

01:19

052 Chips.mp4

01:11

053 Cards.mp4

01:04

054 Dialogs.mp4

01:06

055 Lists.mp4

00:58

056 Tables.mp4

01:08

057 Navigation.mp4

00:50

058 Menus.mp4

00:50

059 Charts.mp4

00:52

060 Steppers.mp4

01:03

061 Snackbars.mp4

01:21

062 What is wireframing.mp4

00:59

063 User Flows.mp4

01:08

064 Interactive Prototypes.mp4

01:02

065 Wireframe tools.mp4

00:59

066 What is a Color Style.mp4

00:31

067 Primary, Semantic, & Accent Colors.mp4

13:10

068 Grey Colors & Gradients.mp4

07:33

069 Borders & Shadows.mp4

07:01

070 Inputs.mp4

03:39

071 Intro to Typography Style.mp4

00:25

072 Typography Guide Part 1.mp4

05:03

073 Typography Guide Part 2.mp4

02:23

074 Project 1 - Instagram Redesign.mp4

02:40

075 Registration Page (Sign Up Screen).mp4

20:38

076 Personal Data Page.mp4

11:19

077 Login Page.mp4

05:08

078 Feed Page.mp4

17:36

079 Stories.mp4

04:36

080 Profile Page.mp4

09:29

081 Camera Page.mp4

06:29

082 Explore Page.mp4

10:23

083 Messages Page.mp4

07:21

084 Chat Page.mp4

18:10

085 Settings Page.mp4

10:20

086 Charts.mp4

23:31

087 Onboarding.mp4

10:01

088 Logo Types.mp4

02:20

089 Designing Our First Logo.mp4

05:06

090 Designing Our Second Logo.mp4

02:12

091 Designing Our Third Logo.mp4

02:50

092 Designing Our Forth Logo.mp4

04:46

093 Introduction to Adobe Photoshop.mp4

00:32

094 Environment of Adobe Photoshop.mp4

01:21

095 Basics of Adobe Photoshop.mp4

07:40

096 Adobe Photoshop For UI UX Design.mp4

05:54

097 Project 2 - Finance App.mp4

02:29

098 Launch Screen.mp4

01:41

099 Sign in Page.mp4

13:59

100 Sign in & Sign up Page Part 2.mp4

07:27

101 OTP Verification.mp4

09:45

102 Profile.mp4

10:25

103 Homepage.mp4

15:06

104 Menu.mp4

09:01

105 Credit Cards.mp4

14:12

106 Transactions.mp4

10:48

107 Transaction - Detail.mp4

08:25

108 Transfer.mp4

07:37

109 Confirmation.mp4

03:38

110 Notification Page.mp4

09:20

111 Profile Page.mp4

04:24

112 Onboarding.mp4

07:39

113 Project 3 - Landing Page.mp4

01:03

114 Layouts & Grids.mp4

03:55

115 Hero Section 1.mp4

09:35

116 Hero Section 2 - Mockups.mp4

04:23

117 Key Features Section.mp4

09:45

118 Feature 1.mp4

04:13

119 Feature 2.mp4

03:59

120 Customers Section.mp4

02:39

121 Call to action.mp4

04:04

122 Footer.mp4

07:10

123 Introduction to 3D Modeling.mp4

02:10

124 3D Shapes.mp4

04:17

125 Camera & Lightings.mp4

02:16

126 Materials & Textures.mp4

01:55

127 Creating a 3D Scene.mp4

05:40

128 Rendering & Exporting.mp4

03:34

129 Prototyping Tools.mp4

01:06

130 Prototyping in Sketch.mp4

02:38

131 Prototyping in InVision Studio.mp4

04:26

132 Prototyping in InVision Studio Part 2.mp4

03:48

133 Mocking up an app.mp4

03:07

134 How to use the Sketch app on your phone.mp4

01:01

135 How to Create Your Own Online Portfolio.mp4

01:17

136 How to use Dribbble.mp4

00:57

137 How to use Behance.mp4

00:59

138 How to get your first client.mp4

01:18

139 How to start your own business.mp4

01:37

140 How to scale your business.mp4

01:19

141 Communicating with your client.mp4

00:53

142 Contract.mp4

00:55

143 Where to Find World Class Design Inspiration.mp4

00:48

144 Image Resources.mp4

00:54

145 What is the next step.mp4

01:07

Assets-Finance-App.zip

Assets-Instagram-Redesign.zip

Finance App - Project.zip

Instagram Redesign.zip

Landing Page Assets.zip

Landing Page - Project.zip

Logos & Style Guide.zip

UI Kits.zip.zip

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.

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

What You'll Learn?

User Experience
Adobe Photoshop
Graphic Design
User Interface
User Interface Design
Creative
UI Design

More details

User Reviews

Rating

average 0

Total votes0

Focused display

User Experience Design

User Interface

Arash Ahadzadeh

Instructor's Courses

I am a UI/UX Designer & an iOS developer with having almost four years of experience in application development and also ten years of graphic design and UI/UX design.
My passion is helping people to learn new skills in a short-term course and achieve their goals. I've been designing for more than ten years and developing iOS apps for four years. It's my honor if I could help you to learn to program in a simple word. I currently am teaching, Figma, Sketch, iOS 15, Swift, Illustrator, Photoshop, Cinema 4d, HTML, CSS, JavaScript, etc.

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.