Outlecture
Home
About
Technology
Design
Video
Contact
Official
日本語
Outlecture
Home
About
Technology
Design
Video
Contact
Twitter Official
  • Home
  • Design

Top 7 Recommended Sketch Self-Study Materials! [November 2024]

Last updated: Nov 4th, 2024

This page introduces the best in educational materials for beginners who are trying to learn Sketch on their own.

Table of Contents:

1. Description of this page

1. Description of this page

We introduce 7 recommended video courses on various platforms for those who want to learn Sketch on their own.

What is Sketch?

Sketch is a vector-based graphic design tool developed by Sketch B.V. in the Netherlands that operates on macOS and specializes in UI design for web and mobile apps. Sketch enables designers to create designs in vector format and efficiently create designs using functions such as symbols and styles. Additionally, many plugins are available to streamline the design process.

Our site, "Outlecture," evaluates courses using our proprietary algorithm that balances course rating, freshness of information, number of purchasers and viewers, and recent rate of increase, in order to extract only the most suitable courses for users.

In addition, we will explain the features of each video platform and provide use cases such as "this is better for people in this situation."

We hope this will be a reference for everyone who is going to learn Sketch.

2. Top 4 Recommended Udemy Courses

Here are Outlecture's top 4 recommended Udemy courses, carefully selected for you.

Title Ratings Subscribers Subscribers last month
(October 2024)
Level Video Duration Created Last updated Price

How to Draw Ep.1 - BASIC DRAWING SKILLS & Sketching Course

thumbnail
4.6 77,315 10 beginner 3 hours 27 minutes Nov 10th, 2020 Feb 27th, 2023 $59.99

Drawing and Sketching for Designers (and Everyone Else!)

thumbnail
4.6 13,914 14 beginner 10 hours 26 minutes Nov 28th, 2020 Aug 7th, 2023 $64.99

The Complete Sketch 5 Course - Design Apps & Websites 2021

thumbnail
4.4 19,166 8 all 15 hours 18 minutes Aug 14th, 2018 Apr 12th, 2020 $84.99

Sketch 3 Basics and Step By Step Design Exercises

thumbnail
4.3 1,692 0 all 3 hours 2 minutes Oct 21st, 2014 Jan 9th, 2015 $19.99

Udemy, Inc. is an education technology company that provides the world's largest online learning and teaching platform.

The features of Udemy include:

  • Over 155,000 course
  • Instructors who are leading experts in their fields
  • Affordable prices range from tens to hundreds of dollars per course, with discounts of up to 70-90% during campaigns
  • Courses can be viewed without expiration after purchase, and come with a 30-day money-back guarantee
  • Courses can be taken at the student's own pace, with playback speeds of 0.5 to 2 times normal speed, and can be viewed offline on a smartphone with a dedicated app
  • Students can ask questions directly to the instructor on the course discussion board, allowing them to resolve any doubts and receive support for self-study

These are some of the benefits of using Udemy.

The management team at Outlecture consists of active software engineers, creators, and web designers. We often catch up on learning new programming languages and products by taking courses on Udemy.
As for our experience, we find that Udemy offers courses of very high quality. The instructors are all leading figures in their fields, and they teach cutting-edge knowledge and practical know-how in a clear and detailed manner. You can acquire the knowledge and skills that are actually used in the field and in practical projects, rather than just knowledge for exams.

We highly recommend Udemy courses, especially for those who want to apply what they learn in practical situations or for those who want to start self-studying. Once you purchase a course, you can take it without a time limit, and there is a 30-day money-back guarantee, so you can start learning with peace of mind.

Recommended for

  • Planning to use Sketch in actual projects
  • Wanting to learn the know-how of professionals who are active in the world's cutting-edge fields
  • Hesitant to use a subscription service

The details of each course are as follows:


How to Draw Ep.1 - BASIC DRAWING SKILLS & Sketching Course

Learn to draw & sketch - drawing basics for beginners w/ exciting 3D sketching exercises to develop your drawing skills

thumbnail
Ratings
4.6
Subscribers
77,315
Subscribers last month
(October 2024)
10
Level
beginner
Video Duration
3 hours 27 minutes
Created
Nov 10th, 2020
Last updated
Feb 27th, 2023
Price
$59.99

This is the 1st episode of my How to Draw 101 series. This course is about Basic Drawing Skills and 3D Sketching.

If you are an absolute beginner at drawing, this session can be a perfect choice for your very first drawing course. Or if you are not a beginner, but you are having difficulties with your drawings, you are just probably missing some of the basic puzzles which can be easily fixed in these lessons.

This course requires no previous drawing knowledge or special drawing equipment.
We'll be drawing with simple traditional graphite pencil on ordinary paper.

The first section is kind of an introduction to drawing.
I will show you

  • the drawing tools you need

  • optional tools for the future

  • how to hold the pencil to get a better drawing experience

  • how to see the world with the eyes of the artist

In the second section we will go through the basic building blocks of drawing. We will develop your basic drawing skills making a lot of fundamental drawing exercises.

You will learn how to draw

  • straight lines

  • parallel lines

  • simple 2D shapes like triangles, rectangles, and squares

  • curves

  • circles, ovoid shapes, and ellipses

  • simple 3D objects like cubes and cylinders

We will also develop your hand coordination by connecting dots with straight and curved lines.

The goal of these lessons is to gain confidence at drawing these simple elements that we will use to build more complex objects.

I will give you an introduction to perspective drawing discussing the most frequently used 2-point and 3-point perspective. I will also explain an important drawing principle called foreshortening. With this knowledge you'll be able to draw subjects convincingly in the 3D space.

In the third section we'll put the drawing skills you've learned into practice. We will make all sorts of sketches on real life subjects based on reference photos. We will draw

  • a chess pawn built from simple 2D shapes

  • a chair by drawing straight lines using the rules of perspective

  • a fish using a bunch of S-curves

  • a profile portrait to practice proportions

  • a chess pawn with simple shading

  • a pair of glasses

  • a dancing human figure for an introduction to gesture drawing

  • and an astronaut just for fun

At the end of the course, you can check if your drawing skills have improved. You can compare your sketches made at the beginning and at the end of the course. If you make all the exercises with me, I'm sure you will make a difference.

I hope you will enjoy this course as much as I did during its creation.

See you in my Basic Drawing Skills & Sketching Exercises course!


  1. Introduction
  2. Introduction
  3. Test Your Drawing Skills
  4. Drawing Tools You Need
  5. Optional Tools
  6. How to Hold the Pencil?
  7. See Things Differently
  8. Basic Drawing Skills
  9. Practicing the Basics
  10. Freehand Straight Lines
  11. Parallel Lines
  12. Connecting Dots
  13. Simple 2D Shapes
  14. Perspective
  15. Curves
  16. Connecting Dots With Curves
  17. Circles
  18. Ovoid Shapes & Ellipses
  19. Closed Curves
  20. 3D Objects
  21. Foreshortening
  22. Sum Up
  23. Sketching & Drawing
  24. What is Sketching?
  25. Sketching Real Life Subjects
  26. Chess Pawn
  27. Chair
  28. Fish
  29. Profile Portrait
  30. Simplified Shading
  31. Shading the Chess Pawn
  32. Glasses
  33. Dancing Figure
  34. Astronaut
  35. Have You Improved?
Drawing and Sketching for Designers (and Everyone Else!)

Establish a strong foundation for graphic design by learning how to effectively draw and visually communicate ideas.

thumbnail
Ratings
4.6
Subscribers
13,914
Subscribers last month
(October 2024)
14
Level
beginner
Video Duration
10 hours 26 minutes
Created
Nov 28th, 2020
Last updated
Aug 7th, 2023
Price
$64.99

Would you like to learn how to effectively communicate ideas in visual form? Would you like to learn how to draw? Would you like to draw interesting and aesthetically pleasing art and designs, including products, scenes, various objects, and more? 

In this course, you will learn how to draw effectively as a strong foundation for graphic design and other types of design. This course is for anyone who wants to learn how to visually communicate and draw effectively.

Some graphic designers start immediately on the computer, but drawing first by hand is a common practice at many top design agencies, advertising firms, and other types of design businesses. This process is also taught at art colleges, universities, and other institutions. Graphic designers and other designers benefit from learning how to draw in order to brainstorm, sketch, visually communicate ideas, and design.

Regardless of whether you are working on a logo design, editorial design, advertising design, digital design, or other types of design, drawing as part of the design process is an established practice that can help you more effectively produce clear and beautiful designs.

In this course, you will learn about materials and how drawing can benefit designers. Then you will learn how to draw in various sections:

  • Mark Making Exercises - Learn many different methods of mark making in the context of drawing and design.

  • Gesture Drawing - Draw an organic object, a video game controller, a Holga camera, and a paintbrush using gestural drawing methods for quick drawings to capture the essence or gesture of an object or scene.

  • Drawing Basic Shapes Effectively - Learn various ways to draw basic shapes which can be used in line drawings and structural drawings later.

  • Structural Drawing - Learn how to draw a sphere, cone, cube, and cylinder, and also start to draw structure-based objects such as a vase.

  • Drawing Structure-Based Products - Next, use what you have learned so far by drawing structure-based objects, including a tennis ball (sphere-based), a funnel (cone-based), a makeup applicator (cylinder-based), and a GameCube console (cube-based).

  • Value, Lighting, and Shading - Learn how to add a lighting source, highlights, and shadows for depth and form in drawings.

  • Composition in Drawing - Apply effective composition in drawings and logo designs. Examples include the rule of thirds, focal point, formal subdivision, drawing an asymmetrical logo, and much more.

  • Product Sketches - Apply structural drawing and value practices in order to draw products sketches such as a still life and a power drill.

  • Drawing the Head and Face Fundamentals - Learn the basics of drawing facial proportions, for those instances where drawing people is required in designs.

  • Drawing in Perspective - Learn how to draw a cube, sideways cylinder, and interior space using one-point perspective. Follow along in additional exercises in two-point perspective in the included book.

Enroll today and get started learning how to draw for design!

About the Instructor:

Jonathan Simon is a fine artist, illustrator and university professor. He holds a B.F.A in illustration from Memphis College of Art and a M.F.A. in painting from the New York Academy of Art. He has studied with a variety of talented artists in both accredited programs and private apprenticeships, including Tony Ryder, author of The Artist's Complete Guide to Figure Drawing, Jacob Collins and Michael Grimaldi of Water Street Atelier / The Grand Central Atelier, and Frank Porcu at the Art Students League of New York.

A studio artist for more than 26 years, Jonathan is also an experienced art educator who has held full-time faculty positions teaching intermediate- to advanced-level drawing, figure drawing, painting and illustration classes at colleges such as the New Hampshire Institute of Art. He believes in sound, proven methods, materials and approaches.

  1. Introduction to Drawing and Sketching for Designers
  2. Course Overview
  3. Materials Part 1: Pencils and Sharpeners
  4. Materials Part 2: Erasing Tools
  5. Materials Part 3: Charcoal, Conté, and Paper
  6. Materials List Links
  7. How Drawing Can Benefit You
  8. Tips for Taking Photos of Drawings for Critique Group
  9. Support Files, Drawing Book, and Facebook Group Link
  10. Drawing for Designers Book Overview
  11. Mark Making Methods and Exercises
  12. Section Introduction: Mark Making Exercises
  13. Fundamentals of Line in Drawing
  14. Mark Making Basics with Pencils and Erasers
  15. Mark Making Exercises Part 1
  16. Mark Making Exercises Part 2
  17. Mark Making Exercises Part 3
  18. Mark Making Exercises Part 4
  19. Mark Making Exercises Part 5
  20. Mark Making Exercises Part 6
  21. Gesture Drawing
  22. Section Introduction: Gesture Drawing
  23. Gesture Drawing Exercise 1: Organic Object
  24. Gesture Drawing Exercise 2: Video Game Controller
  25. Gesture Drawing Exercise 3: Holga Camera
  26. Gesture Drawing Exercise 4: Paintbrush
  27. Methods for Drawing Basic Shapes Effectively
  28. Section Introduction: Drawing Basic Shapes
  29. Drawing Parallel and Perpendicular Lines for Square Shapes
  30. Various Ways to Draw a Circle
  31. Drawing Triangles
  32. Drawing Rectangles and Angled Shapes
  33. Drawing an Octagon and More
  34. Combining Shapes in Drawings
  35. Structural Drawing
  36. Section Introduction: Structural Drawing
  37. Structural Drawing: Drawing a Sphere
  38. Structural Drawing: Drawing a Cone
  39. Structural Drawing: Drawing a Cube Method 1
  40. Structural Drawing: Drawing a Cube Method 2
  41. Structural Drawing: Drawing a Cylinder Part 1
  42. Structural Drawing: Drawing a Cylinder Part 2 - Ellipse Exercises for Cylinders
  43. Structural Drawing: Drawing a Cylinder Part 3 - Angled Cylinders
  44. Structural Drawing: Drawing a Cylinder Part 4 - Cylinder-Based Object Exercises
  45. Structural Drawing: Drawing a Cylinder Part 5 - Sideways Cylinders
  46. Structural Drawing: Drawing a Cylinder-Based Vase Method 1
  47. Structural Drawing: Drawing a Cylinder-Based Vase Method 2
  48. Drawing Structure-Based Products
  49. Section Introduction: Drawing Structure-Based Products
  50. Drawing a Sphere-Based Product: Tennis Ball
  51. Drawing a Cone-Based Product: Funnel
  52. Drawing a Cylinder-Based Product: Makeup Part 1
  53. Drawing a Cylinder-Based Product: Makeup Part 2
  54. Drawing a Cube-Based Product: GameCube Console Part 1
  55. Drawing a Cube-Based Product: GameCube Console Part 2
  56. Value, Lighting, and Shading
  57. Section Introduction: Value, Lighting, and Shading
  58. Introduction to Value in Drawing
  59. Lighting and Shading a Sphere
  60. Lighting and Shading a Cone
  61. Shading and Lighting a Cylinder
  62. Lighting and Shading a Cube
  63. Composition in Drawing and Logo Design
  64. Section Introduction: Composition
  65. Composition Exercises Part 1: The Rule of Thirds
  66. Composition Exercises Part 2: Focal Point
  67. Composition Exercises Part 3: Using a Grid
  68. Composition Exercises Part 4: The Golden Ratio
  69. Composition Exercises Part 5: Using Scale
  70. Composition Exercises Part 6: Overlapping Elements
  71. Composition Exercises Part 7: Drawing a Symmetrical Logo
  72. Composition Exercises Part 8: Drawing an Asymmetrical Logo
  73. Composition Exercises Part 9: Drawing a Radial Logo
  74. Composition Exercises Part 10: Drawing a Rotational Logo
  75. Composition Exercises Part 11: Formal Subdivision
  76. Composition Exercises Part 12: Informal Subdivision
  77. Composition Exercises Part 13 - Directional Lines
  78. Composition Exercises Part 14 - Perspective Exercises
  79. Product Sketching
  80. Section Introduction: Product Sketching
  81. Product Sketch 1: Drawing a Drill Part 1
  82. Product Sketch 1: Drawing a Drill Part 2
  83. Product Sketch 1: Drawing a Drill Part 3
  84. Product Sketch 1: Drawing a Drill Part 4
  85. Product Sketch 2: Drawing a Still Life of an Olive Oil Bottle and Banana Part 1
  86. Product Sketch 2: Drawing a Still Life of an Olive Oil Bottle and Banana Part 2
  87. Product Sketch 2: Drawing a Still Life of an Olive Oil Bottle and Banana Part 3
  88. Drawing the Head and Face Fundamentals
  89. Section Introduction: Drawing the Head and Face Fundamentals
  90. Drawing the Face and Head Fundamentals Part 1
  91. Drawing the Face and Head Fundamentals Part 2
  92. Drawing the Face and Head Fundamentals Part 3
  93. Drawing the Face and Head Fundamentals Part 4
  94. Drawing in Perspective
  95. Section Introduction: Drawing in Perspective
  96. Drawing a Cube in Perspective Part 1: Bird's-Eye View
  97. Drawing a Cube in Perspective Part 2: Eye Level View
  98. Drawing a Cube in Perspective Part 3: Worm's-Eye View
  99. Drawing a Cube in Perspective Part 4: Turned Cube
  100. Drawing a Sideways Cylinder in Perspective
  101. Drawing a Sideways Cylinder in One-Point Perspective
  102. Drawing an Interior Room in One-Point Perspective
  103. Course Conclusion
  104. Course Conclusion
  105. Bonus: Learn Even More!
The Complete Sketch 5 Course - Design Apps & Websites 2021

Master Sketch software and learn a modern approach to designing mobile apps, websites, and everything UI/UX

thumbnail
Ratings
4.4
Subscribers
19,166
Subscribers last month
(October 2024)
8
Level
all
Video Duration
15 hours 18 minutes
Created
Aug 14th, 2018
Last updated
Apr 12th, 2020
Price
$84.99

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!!

  1. Introduction
  2. Why I built this course
  3. Join the Community!
  4. Sketch Versions (PLEASE WATCH) - UPDATED 2020
  5. Sketch University
  6. Intro to Sketch University
  7. Sketch Requirements
  8. The Interface
  9. New Sketch Interface (UPDATED 2020)
  10. Dark Mode - (UPDATED 2020)
  11. Layer Basics
  12. Layer Basics: Smart Constraints, Tidy, & Make Grid (UPDATED 2020)
  13. Editing Shapes
  14. Pasting SVG Code (UPDATED 2020)
  15. Boolean Operations
  16. Boolean Operations: Text Elements & Outlines (UPDATED 2020)
  17. Other Shape Tools
  18. Intro to Text
  19. More on Text (UPDATED 2020)
  20. Images & Bitmaps
  21. Best New Feature: Data (UPDATED 2020)
  22. Text Styles
  23. New Text Styles (UPDATED 2020)
  24. Grouping Layers
  25. Styling Part 1: Fills & Borders
  26. Styling Part 2: Shadows & Blurs
  27. Styling Part 3: Colors, Gradients, and Shared Layer Styles
  28. Symbols
  29. The Canvas
  30. Exporting
  31. Speed Project: Designing a Mobile App Screen
  32. Intro to Speed Project
  33. Re-designing Headspace App
  34. Header Background
  35. Header Text & Button
  36. Progress Bar and Text Style
  37. Funky Shapes
  38. Final Section
  39. Sketch Mirror
  40. Business Idea
  41. Intro to The Idea
  42. The Idea
  43. Setting up our Style Guide: Colors
  44. Intro to Color Styles
  45. Basic Styles
  46. Grey Colors
  47. Accent Colors
  48. Borders & Chart Lines
  49. Inputs & Shadows
  50. Style Guide: Typography
  51. Intro to Typography Styles
  52. Typography Guide
  53. Typography Continued
  54. Typography Sketch Download
  55. Logo Design
  56. Intro to Logo Design
  57. Required Files
  58. Starting our Logo Icon
  59. Finishing Logo Icon
  60. Finalizing our Logo
  61. Turning our Logo into Symbols
  62. Wireframing
  63. Intro to Wireframing
  64. Intro to Wireframing
  65. Wireframe Screens
  66. Web Based Wireframe tools: Free & Paid
  67. Designing the Spendo Mobile App
  68. Intro to Mobile App Design
  69. Login Page
  70. Finishing Login Page
  71. Icons
  72. Profile & Diverse UI Plugin
  73. Profile Continued
  74. Finishing Profile Screen
  75. Expense Screen
  76. Creating Expense Symbols
  77. My Cards Screen
  78. Virtual Credit Card
  79. Card Info
  80. Call to Action
  81. CHALLENGE: Create the last screen on your own!
  82. REVEAL: Challenge Completed
  83. Designing the Spendo Web App
  84. Intro to Web App Design
  85. Web App Layout
  86. Sidebar: Header
  87. Sidebar: Header Continued
  88. Menu Items
  89. Active State
  90. Top Menu
  91. Complete Top Menu
  92. Main View: Transactions
  93. Transactions Continued
  94. Creating Transaction Symbol
  95. Adding Pagination
  96. Finishing our Page
  97. Setting up our Team Page
  98. Team Page Continued
  99. Adding a new Team Member
  100. What do you want to see next?
  101. 12 Column Bootstrap Grid
  102. Intro to Grids
  103. Intro to Bootstrap Grid
  104. Bootstrap Grid Continued
  105. Intro to 8 Point Grid System
  106. Additional Reading: 8 Pt Grid System
  107. Spendo Landing Page
  108. Intro to Landing Page
  109. Landing Page Example: Sketch
  110. Setting up our Grid
  111. Menu
  112. Hero Section
  113. Iphone Mockup
  114. Browser Mockup
  115. Credit Card Mockup
  116. Heart Icon
  117. Shield Icon
  118. Alarm Icon
  119. Reset bounding box after rotation
  120. Camera Icon
  121. Cloud Icon
  122. Chat Bubble Icon
  123. Icon Conversion
  124. Feature Section
  125. Feature 1: Text Content
  126. Feature 1 & 2
  127. Testimonial Part 1
  128. Testimonial Part 2
  129. Additional Resources
  130. Call to Action
  131. Footer
  132. Master Spendo Download File
  133. Prototyping
  134. Speed Prototyping with Sketch
  135. Prototyping the Spendo App
  136. Intro to Invision
  137. Prototyping with Invision
  138. Craft by Invision
  139. Data & Duplicate in Craft
  140. Prototyping in Sketch and Sharing
  141. Introduction to UX
  142. What is User Experience?
  143. Where UX Started
  144. Usability
  145. User Centered Design
  146. 10 Principles of User Centered Design
  147. Business Needs vs User Needs
  148. Qualities of a good UX Designer
  149. UX Design Proccess
  150. Continued Education
  151. Sketch Resources
  152. Dribble: Show & Tell for Designers
  153. Developer Handoff: Zeplin
Sketch 3 Basics and Step By Step Design Exercises

Learn the fundamentals of Sketch3 with easy step-by-step examples. Switch from Photoshop & Illustrator & build iOS apps

thumbnail
Ratings
4.3
Subscribers
1,692
Subscribers last month
(October 2024)
0
Level
all
Video Duration
3 hours 2 minutes
Created
Oct 21st, 2014
Last updated
Jan 9th, 2015
Price
$19.99

First published on November 2014



________________________________________________________________________



This Course Had More Than 1100 Delighted Students



- One Of The Most Important Things Is To Get The Fundamentals Right



- This Course Is Special Because It Teaches Using Step By Step Examples



________________________________________________________________________



30 DAYS 100% MONEY BACK GUARANTEED FROM UDEMY



Not Happy With The Course? You Can Ask Your Money Back To Udemy Within 30 Days From Purchase, With A Simple Click



________________________________________________________________________



The course teaches you how to use SKETCH 3, which is probably the most powerful yet simple new generation design software available at the moment.



Sketch has been specifically created for APP and WEB DESIGN. That is why Sketch has been chosen by top designers at GOOGLE, DROPBOX, FACEBOOK and TWITTER among other top web companies and startups.



The course is designed to be taken by absolute beginners and is also valuable for intermediate designers who want to transition from other traditional softwares such as Photoshop, Illustrator and Fireworks.



Have fun !!! :)

  1. Introduction to Sketch
  2. Introduction to the interface
  3. How to deal with layers
  4. Standard shapes
  5. Introduction to standard shapes
  6. How to deal with borders
  7. FOR THE BRAVE - CHALLENGE 1
  8. SOLUTION - CHALLENGE 1
  9. Boolean operations
  10. Introduction to boolean operations
  11. FOR THE BRAVE // CHALLENGE 2
  12. SOLUTION - CHALLENGE 2
  13. Vectorize stroke
  14. CASE STUDY 1 // Recreate a Gear icon from Apple.com
  15. CASE STUDY 2 // Recreate a Bus icon from Thenounproject.com
  16. Scale tool
  17. Learn how Scale is different from Resize
  18. Make it right
  19. Keep your file clean and well organized: groups and naming
  20. How to measure distances
  21. Rulers and guides
  22. Transform tool
  23. Introduction to the transform tool
  24. CASE STUDY 1 // Recreate a Glass icon
  25. CASE STUDY 2 // Recreate the Italian Highway traffic sign
  26. Masks
  27. How to create masks
  28. CASE STUDY 1 - Recreate the famous iOS 8 blur effect
  29. Rotate copies
  30. Introduction to rotate copies
  31. CASE STUDY 1 - Recreate a clock icon
  32. Text layers
  33. Introduction to text layers
  34. CASE STUDY 1 - How to apply multiple styles to a single text layer
  35. Shared text styles
  36. Create your first wireframe and design
  37. Create the app wireframe
  38. Design the app login screen
  39. Design the app feed screen
  40. Design the app article screen
  41. END OF THE COURSE
  42. EXTRA: New Masterclass UI Design
  43. GET 50% OFF ON MY ADVANCED COURSE

3. Top 3 Recommended YouTube Videos

Here are Outlecture's top 3 recommended YouTube videos, carefully selected for you.

Title View count View count last month
(October 2024)
Like count Publish date

Banking App - Sketch to UI Design Process

thumbnail

Channel: Karakaya

756,916 50,419 29,745 May 22nd, 2022

How to Create App UI UX Design

thumbnail

Channel: UIX Design Academy

441,769 12,319 17,932 Jan 5th, 2023

Figma UX tutorial for beginners - Wireframe

thumbnail

Channel: Aliena Cai

543,987 27,514 13,764 Jul 4th, 2022

YouTube has become a familiar platform for everyday use, where viewers can watch videos for free, although they may contain advertisements. Recently, there has been an increase in the availability of high-quality educational materials on this platform. It is an excellent option for those who want to learn without paying or simply obtaining a quick understanding of a topic.
We highly recommend utilizing YouTube as a valuable learning resource.

Recommended for

  • Wanting to learn without spending money
  • Wanting to quickly understand the overview of Sketch

The details of each course are as follows:

Banking App - Sketch to UI Design Process

Karakaya

View count
756,916
View count last month
(October 2024)
50,419
Like count
29,745
Publish date
May 22nd, 2022
How to Create App UI UX Design

UIX Design Academy

View count
441,769
View count last month
(October 2024)
12,319
Like count
17,932
Publish date
Jan 5th, 2023
How I create Mobile App UI/UX Design Process with below steps I follow for UI design:
- Sketching
- Wireframe design(low fidelity mockup)
- UI Design
- Prototyping

Free Source Music
https://mixkit.co/free-stock-music/discover/music/
Figma UX tutorial for beginners - Wireframe

Aliena Cai

View count
543,987
View count last month
(October 2024)
27,514
Like count
13,764
Publish date
Jul 4th, 2022
My Figma Course 📖: https://fasttrackux.com

This beginner friendly tutorial video covers how to create a wireframe for your UX app by with Figma. A wireframe is a basic outline of a digital experience. As a UIUX designer, I often create wireframes during zoom meetings where I need to visualize design solutions on the spot quickly. By the end of this Figma tutorial, you will be able to recreate the wireframe of any app.

Video breakdown:
What's a wireframe?: (0:00)
Use rectangles to represent visual elements: (0:37)
Use text boxes to represent text elements: (4:07)
Use the pen tool to sketch icons: (5:43)

🚀 Subscribe to learn more about UX design at youtube.com/alienacai/?sub_confirmati...

How I made $10K a week as a Product Designer: https://youtu.be/uxtmubbOylk

Check out the following videos to learn more about entering the field of UX design:
📱 How to get your first UX Design role: https://www.youtube.com/watch?v=On5zq...
📱 Google UX Design Certificate Program: https://www.youtube.com/watch?v=6xFGp...
📱 How to build your first UX Design Portfolio: https://www.youtube.com/watch?v=OK8Ap...
📱 How to write a UX Case Study: https://www.youtube.com/watch?v=OK8Ap...
📱 How to improve the visual of your UX Portfolio: https://youtu.be/3_mCcDIOWCw

📱How to write a UX Design Resume that gets you a job: https://youtu.be/sUYsE4csfOI
📱 UX Design Whiteboard Challenge: https://youtu.be/oujsls1BXjs
📱 a Day in the Life of a UX Designer working from home: https://youtu.be/oujsls1BXjs
Check out a sketch comedy I made for uiux designers: https://youtu.be/jibBwBSnwks
Watch what I learned from one year of unemployment 👉 https://youtu.be/bqmwezzA4nc
Inside Config 2023 + Exclusive Tour of Figma HQ!: https://youtu.be/a3rgvN1BNbg

5. Wrap-up

We introduced recommended courses for Sketch. If you are interested in learning other related courses, please refer to the following.

Illustrator
Procreate
Figma
Illustrator
Procreate
Figma

If you want to further explore and learn after taking one of the courses we introduced today, we recommend visiting the official website or community site.

If you want to stay up-to-date on the latest information, we suggest following the official Twitter account.

Furthermore, We highly recommend utilizing General AI such as ChatGPT as a study aid. This can enable more effective learning, so please give it a try.

We hope you found our website and article helpful. Thank you for visiting.

Back to list
Home About Share
Home
About
Privacy policy
Disclaimer
Contact
Official
© 2024 outlecture.com All Rights Reserved.