4.56 out of 5
4.56
1681 reviews on Udemy

The Complete Sketch 5 Course – Design Apps & Websites 2018

Master Sketch software and learn a modern approach to designing mobile apps, websites, and everything UI/UX
Instructor:
Codestars by Rob Percival
7,953 students enrolled
English [Auto-generated] More
Master the number one platform in UI/UX design, Sketch.
Take an idea and bring it to life. Everyone has a great idea, this course will allow you to start building your dream.
Wireframe websites, mobile apps, and more.
Design Mobile Apps, Websites, Web Apps & More
Create a clickable prototype that looks and functions like the real deal.
Build a style guide to make sure everything you do stays on brand.
Approach product design from a complete Design System
Join a startup, land your dream job, or freelance on the side for extra cash

This course uses Sketch 5 (version 51.2), course version 2018.1 – released August 23rd 2018, and featuring the latest features of Sketch 3 such as Libraries & Prototyping.

Clean, intuitive and frequently named on of the best packages available for digital design, Sketch is used by everyone from entrepreneurs and start ups to Apple, Google, Facebook, and Instagram. 

A brilliant tool for platform design, Sketch and can be learned in a matter of hours and days, not weeks and months, and this course will take your mobile and web app designs to the next level! 

But is it the right course for you? It is if….

  • You want to get a job at an amazing company like Facebook, Google, Amazon, or Uber. 

  • You have amazing startup ideas, but don’t know how to bring them to life.

  • You are tired of your day job and want to learn a new (and extremely valuable) skill.

  • You want to earn money on the side as a freelancer.

  • You want to change your career trajectory but do not have the time or money to go to an immersive 3 month bootcamp.

  • You are a developer and want to be able to run all aspects of the product development lifecycle including frontend design.

Still not convinced? Course instructor Andrew Eddy is an extremely well regarded UI/UX designer with over 10 years of professional experience. He has helped some of the largest companies in the world design beautiful products, and worked with countless start-ups to help bring their ideas to life. And he did it all with one tool, Sketch.

With over 13 hours of content across 110+ lectures, Andrew will take you from beginner to expert, and teach you everything you need to know in order to use Sketch in professional setting. The first half of the course is a compendium of hundreds of the most important techniques, key shortcuts, tips and tricks… welcome to:

  • Sketch University! The most comprehensive A-Z approach to understanding Sketch concepts and the tools that power the platform.

The second half of the course is entirely practical and teaches you the skills you need to tackle your own projects and ideas. Together you and Andrew will design, build and complete two brilliant projects. Beginning with a…: 

  • Speed Project! Use your newfound skills to design your very first mobile app screen.

This is followed by a huge, in-depth project to build a commercial mobile and web app called Spendo. Here you’ll get the inside track on everything you need to consider for your own projects – from the initial idea, through research and mock ups, to prototyping, design and, finally, the deployment of assets to developers:

  • The Idea: What do you need to consider when launching your own business? Find out here!

  • Style Guide: Learn how to create a brand-focused style guide, and why it’s so important you do! Includes typography and colour design. 

  • Logo Design: Every great business needs a great logo. In this section you’ll learn how to create an amazing business logo. 

  • Wireframing: Learn what a wireframe is and how to use it to create a first draft for a mobile application. 

  • Building the mobile app: Learn best practices for your mobile design work, from an industry professional!

  • Building the web app: See how web differs from mobile, and the key elements you must include for a successful web app.

Every lecture is fully supported by the Instructor, with image downloads and sketch files available, as well as additional resources, quizzes, and assignments to make sure test and cement your knowledge. 

A fantastic course for people with zero design experience, or for experienced designers that want to learn and master Sketch 3. By the end of this course you’ll have a complete, professional-level project for your own portfolio, and every student will have the knowledge they need to create beautiful and usable apps that leave people with a smile on their face.

Course highlights:

  • Practical, A-Z project of App design

  • Tips & Tricks, make most of Sketch Tools

  • Vector Tools and Symbols

  • Colors, Icons, and Typography

  • BONUS! Creating a working, interactive Prototype

  • A certificate of completion upon finishing the course.

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

Introduction

1
Why I built this course
2
Join the Community!

Go to Facebook Group here: https://www.facebook.com/groups/274710450015515/

Sketch University

1
Intro to Sketch University
2
Sketch Requirements
3
The Interface
4
Layer Basics
5
Editing Shapes
6
Boolean Operations
7
Other Shape Tools
8
Intro to Text
9
Images & Bitmaps
10
Text Styles
11
Grouping Layers
12
Styling Part 1: Fills & Borders
13
Styling Part 2: Shadows & Blurs
14
Styling Part 3: Colors, Gradients, and Shared Layer Styles
15
Symbols
16
The Canvas
17
Exporting

Speed Project: Designing a Mobile App Screen

1
Intro to Speed Project
2
Re-designing Headspace App
3
Header Background
4
Header Text & Button
5
Progress Bar and Text Style
6
Funky Shapes
7
Final Section
8
Sketch Mirror

Business Idea

1
Intro to The Idea
2
The Idea

Setting up our Style Guide: Colors

1
Intro to Color Styles
2
Basic Styles
3
Grey Colors
4
Accent Colors
5
Borders & Chart Lines
6
Inputs & Shadows

Style Guide: Typography

1
Intro to Typography Styles
2
Typography Guide
3
Typography Continued
4
Typography Sketch Download

Logo Design

1
Intro to Logo Design
2
Required Files

For the Logo design, you will need to download the Sketch file and the Archiform logo and install it on your mac. Go ahead and grab these resources and I will see you in the next lecture.

3
Starting our Logo Icon
4
Finishing Logo Icon
5
Finalizing our Logo
6
Turning our Logo into Symbols

Wireframing

1
Intro to Wireframing
2
Intro to Wireframing
3
Wireframe Screens
4
Web Based Wireframe tools: Free & Paid

Designing the Spendo Mobile App

1
Intro to Mobile App Design
2
Login Page
3
Finishing Login Page
4
Icons
5
Profile & Diverse UI Plugin
6
Profile Continued
7
Finishing Profile Screen
8
Expense Screen
9
Creating Expense Symbols
10
My Cards Screen
11
Virtual Credit Card
12
Card Info
13
Call to Action
14
CHALLENGE: Create the last screen on your own!
15
REVEAL: Challenge Completed

Designing the Spendo Web App

1
Intro to Web App Design
2
Web App Layout
3
Sidebar: Header
4
Sidebar: Header Continued
5
Menu Items
6
Active State
7
Top Menu
8
Complete Top Menu
9
Main View: Transactions
10
Transactions Continued
11
Creating Transaction Symbol
12
Adding Pagination
13
Finishing our Page
14
Setting up our Team Page
15
Team Page Continued
16
Adding a new Team Member
17
What do you want to see next?

12 Column Bootstrap Grid

1
Intro to Grids
2
Intro to Bootstrap Grid
3
Bootstrap Grid Continued
4
Intro to 8 Point Grid System
5
Additional Reading: 8 Pt Grid System

Spendo Landing Page

1
Intro to Landing Page
2
Landing Page Example: Sketch
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.6
4.6 out of 5
1681 Ratings

Detailed Rating

Stars 5
927
Stars 4
579
Stars 3
142
Stars 2
19
Stars 1
14
257a5fbed1c4eaa268ea3eaa988071bf
30-Day Money-Back Guarantee

Includes

15 hours on-demand video
2 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion