We may earn an affiliate commission when you visit our partners.
Course image
Rob Percival, Andrew Eddy, The Design Academy, Margot Dukes, and Codestars • over 2 million students worldwide!

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.

Read more

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.

Enroll now

What's inside

Learning objectives

  • 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

Syllabus

Introduction
Why I built this course

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

Sketch Versions (PLEASE WATCH) - UPDATED 2020
Read more
Learn the ins and outs of the entire Sketch platform
Intro to Sketch University
Sketch Requirements
The Interface
New Sketch Interface (UPDATED 2020)
Dark Mode - (UPDATED 2020)
Layer Basics
Layer Basics: Smart Constraints, Tidy, & Make Grid (UPDATED 2020)
Editing Shapes
Pasting SVG Code (UPDATED 2020)
Boolean Operations
Boolean Operations: Text Elements & Outlines (UPDATED 2020)
Other Shape Tools
Intro to Text
More on Text (UPDATED 2020)
Images & Bitmaps
Best New Feature: Data (UPDATED 2020)
Text Styles
New Text Styles (UPDATED 2020)
Grouping Layers
Styling Part 1: Fills & Borders
Styling Part 2: Shadows & Blurs
Styling Part 3: Colors, Gradients, and Shared Layer Styles
Symbols
The Canvas
Exporting
Design an app screen from scratch.
Intro to Speed Project
Re-designing Headspace App
Header Background
Header Text & Button
Progress Bar and Text Style
Funky Shapes
Final Section
Sketch Mirror
Business Idea
Intro to The Idea
The Idea
Setting up our Style Guide: Colors
Intro to Color Styles
Basic Styles
Grey Colors
Accent Colors
Borders & Chart Lines
Inputs & Shadows
Style Guide: Typography
Intro to Typography Styles
Typography Guide
Typography Continued
Typography Sketch Download
Logo Design
Intro to Logo Design

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.

Starting our Logo Icon
Finishing Logo Icon
Finalizing our Logo
Turning our Logo into Symbols
Wireframing
Intro to Wireframing
Wireframe Screens
Web Based Wireframe tools: Free & Paid
Designing the Spendo Mobile App
Intro to Mobile App Design
Login Page
Finishing Login Page
Icons
Profile & Diverse UI Plugin
Profile Continued
Finishing Profile Screen
Expense Screen
Creating Expense Symbols
My Cards Screen
Virtual Credit Card
Card Info
Call to Action
CHALLENGE: Create the last screen on your own!
REVEAL: Challenge Completed
Designing the Spendo Web App
Intro to Web App Design
Web App Layout
Sidebar: Header
Sidebar: Header Continued
Menu Items
Active State
Top Menu
Complete Top Menu
Main View: Transactions
Transactions Continued
Creating Transaction Symbol
Adding Pagination
Finishing our Page
Setting up our Team Page
Team Page Continued
Adding a new Team Member
What do you want to see next?

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Explores Sketch, which is standard in industry UI/UX
Taught by Andrew Eddy, who is recognized for his work in UI/UX design
Builds professional skills for UI/UX designers
Covers unique perspectives on UI/UX design
Teaches skills, knowledge, and tools that are highly relevant to industry
Develops a foundation for beginners and strengthens a foundation for intermediate learners

Save this course

Save The Complete Sketch 5 Course - Design Apps & Websites 2021 to your list so you can find it easily later:
Save

Reviews summary

Well-explained beginner's sketch tutorial

According to students, this course is well-suited for beginners who want to learn about Sketch. The tutor does an excellent job at explaining materials clearly. This course is a great starting point for those with minimal Sketch knowledge.
A great course for those new to Sketch.
"The tutorial is very useful for beginners."
The tutor does an excellent job at explaining concepts.
"Tutor explains all materials clearly."

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 Sketch 5 Course - Design Apps & Websites 2021 with these activities:
Review Sketch basics
Familiarize yourself with the basic concepts and tools of Sketch.
Browse courses on Sketch
Show steps
  • Review the Sketch documentation.
  • Watch tutorial videos on YouTube.
  • Complete the Sketch Quick Start Guide.
Practice creating basic shapes and objects
Gain proficiency in using Sketch's tools to create shapes and objects.
Browse courses on Sketch
Show steps
  • Use the Rectangle tool to create a rectangle.
  • Use the Ellipse tool to create an ellipse.
  • Use the Line tool to create a line.
  • Use the Text tool to create text.
Join a Sketch study group
Collaborate with other Sketch users to improve your skills.
Browse courses on Sketch
Show steps
  • Find a Sketch study group in your area.
  • Join the study group.
  • Attend the study group meetings.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Attend a Sketch workshop
Learn from experienced Sketch users.
Browse courses on Sketch
Show steps
  • Find a Sketch workshop in your area.
  • Sign up for the workshop.
  • Attend the workshop.
Follow a tutorial on creating a mobile app design
Learn how to use Sketch to create a mobile app design.
Browse courses on Sketch
Show steps
  • Find a tutorial on how to design a mobile app in Sketch.
  • Follow the tutorial step-by-step.
  • Create your own mobile app design.
Volunteer as a Sketch mentor
Share your Sketch knowledge and help others learn.
Browse courses on Sketch
Show steps
  • Sign up to be a volunteer mentor.
  • Attend a mentor training.
  • Mentor a Sketch user.
Design a website or mobile app
Put your Sketch skills to the test by designing a real-world website or mobile app.
Browse courses on Sketch
Show steps
  • Choose a project idea.
  • Create a project plan.
  • Design your project in Sketch.
  • Export your designs.

Career center

Learners who complete The Complete Sketch 5 Course - Design Apps & Websites 2021 will develop knowledge and skills that may be useful to these careers:
Interaction Designer
Interaction designers are responsible for designing and optimizing the user experience of digital products. This course will help you develop the skills you need to create user-friendly and intuitive interfaces, focusing on both aesthetics and functionality. You will learn how to use Sketch to create wireframes, prototypes, and user flows, and you will gain a deep understanding of the principles of human-computer interaction.
UI/UX Designer
UI/UX designers are responsible for the design of user interfaces and user experiences. They work to create interfaces that are both visually appealing and easy to use. This course will help you develop the skills you need to become a UI/UX designer, focusing on both the theoretical and practical aspects of the field. You will learn how to use Sketch to create prototypes and mockups, and you will gain a deep understanding of the principles of design.
Product Designer
Product designers are responsible for the design and development of physical and digital products. They work to create products that are both useful and desirable. This course will help you develop the skills you need to become a product designer, focusing on the user-centered design process. You will learn how to use Sketch to create wireframes and prototypes, and you will gain a deep understanding of the principles of product design.
Front-End Developer
Front-end developers are responsible for the design and development of the user interface of websites and applications. They work to create interfaces that are both visually appealing and easy to use. This course will help you develop the skills you need to become a front-end developer, focusing on both the theoretical and practical aspects of the field. You will learn how to use Sketch to create wireframes and prototypes, and you will gain a deep understanding of the principles of web design.
Graphic designer
Graphic designers are responsible for the design and development of visual concepts. They work to create visual content that is both visually appealing and effective. This course will help you develop the skills you need to become a graphic designer, focusing on both the theoretical and practical aspects of the field. You will learn how to use Sketch to create logos, illustrations, and other visual content.
Brand Designer
Brand designers are responsible for the design and development of a brand's visual identity. They work to create a brand's logo, color palette, and other visual elements. This course will help you develop the skills you need to become a brand designer, focusing on the theoretical and practical aspects of the field. You will learn how to use Sketch to create logos, style guides, and other brand materials.
Art Director
Art directors are responsible for the design and development of visual content for a variety of media, including print, web, and television. They work to create visual content that is both visually appealing and effective. This course may help you develop the skills you need to become an art director, focusing on both the theoretical and practical aspects of the field. You will learn how to use Sketch to create storyboards, mood boards, and other visual content.
Web Designer
Web designers are responsible for the design and development of websites. They work to create websites that are both visually appealing and easy to use. This course may help you develop the skills you need to become a web designer, focusing on both the theoretical and practical aspects of the field. You will learn how to use Sketch to create wireframes and prototypes, and you will gain a deep understanding of the principles of web design.
UX Researcher
UX researchers are responsible for the research and development of user experience. They work to understand the needs and wants of users, and they use this information to design user-centered products and services. This course may help you develop the skills you need to become a UX researcher, focusing on the theoretical and practical aspects of the field. You will learn how to conduct user research, analyze data, and design user-centered experiences.
UX Writer
UX writers are responsible for the writing and editing of user experience content. They work to create content that is both clear and concise, and they use persuasive language to guide users through a product or service. This course may help you develop the skills you need to become a UX writer, focusing on the theoretical and practical aspects of the field. You will learn how to write effective user experience content, and you will gain a deep understanding of the principles of persuasive writing.
Creative Director
Creative directors are responsible for the overall creative vision of a product or service. They work to ensure that the product or service is visually appealing, consistent with the brand's identity, and meets the needs of the target audience. This course may help you develop the skills you need to become a creative director, focusing on the theoretical and practical aspects of the field. You will learn how to develop a creative vision, lead a creative team, and manage the creative process.
Product Manager
Product managers are responsible for the development and management of a product. They work to ensure that the product meets the needs of the target market, is profitable, and is successful in the marketplace. This course may help you develop the skills you need to become a product manager, focusing on the theoretical and practical aspects of the field. You will learn how to manage a product life cycle, conduct market research, and develop a product strategy.
Software Engineer
Software engineers are responsible for the design, development, and testing of software systems. They work to create software that is efficient, reliable, and secure. This course may help you develop the skills you need to become a software engineer, focusing on the theoretical and practical aspects of the field. You will learn how to write code, design software architectures, and implement software systems.
Data Analyst
Data analysts are responsible for the collection, analysis, and interpretation of data. They work to identify trends, patterns, and insights from data, and they use this information to make recommendations and decisions. This course may help you develop the skills you need to become a data analyst, focusing on the theoretical and practical aspects of the field. You will learn how to collect data, analyze data, and present data.
Data Scientist
Data scientists are responsible for the development and implementation of data science models. They work to solve complex problems using data, and they use a variety of statistical and machine learning techniques. This course may help you develop the skills you need to become a data scientist, focusing on the theoretical and practical aspects of the field. You will learn how to build data science models, solve problems using data, and communicate data science results.

Reading list

We've selected nine books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in The Complete Sketch 5 Course - Design Apps & Websites 2021.
Comprehensive guide to user experience design. It provides a solid foundation to this course's curriculum.
Collection of design patterns for user interfaces. It can be a useful reference for anyone designing user interfaces.
Great resource for learning how to design and develop mobile user interfaces.
Great resource for learning how to create prototypes that can be used to test and validate user interface designs.
Great resource for learning how to design and develop user interfaces using a component-based approach.
Comprehensive guide to using Sketch for user interface design. Can serve as a good reference to this course's curriculum.
Classic in the field of design and can be a useful reference for anyone designing user interfaces.
Classic in the field of web usability and can be a useful reference for anyone designing user interfaces.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to The Complete Sketch 5 Course - Design Apps & Websites 2021.
Sketch from A to Z (2022): Become an app designer
Most relevant
The Complete Figma Course – Designing Mobile & Web App...
Most relevant
Learn Figma - UI/UX Design Essential Training
Most relevant
UI/UX Design with Sketch: Travel Booking App
Most relevant
Sketch App - Modern UI Design
Most relevant
Create Mockups for a Mobile Website Using Adobe XD
How to Create and Style an Artboard In Adobe XD
How to Create Interactive Prototypes in Adobe XD
Adobe XD CC Fundamentals
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser