Hands on Sketch Training - Learn Website Design

Learn web design with Sketch by duplicating every detail of some awesome looking web pages.

4.30 (130 reviews)
Udemy
platform
English
language
Design Tools
category
instructor
Hands on Sketch Training - Learn Website Design
1,639
students
13.5 hours
content
Dec 2017
last update
$19.99
regular price

What you will learn

Have the skills and confidence to design web pages using Sketch

Export design elements to be used during the development process

Design web pages that look amazing

Submit designs for contests on crowdfunding sites

Why take this course?

In this course, I’ll walk you step-by-step through the process of re-creating every element on some amazing looking web pages, all using Sketch.  Upon completion, you'll have real-world experience building basic and advanced web pages using Sketch.  

What kind of Web Pages will I be duplicating in this course?:

  • Fleet Feet homepage

    • Header, Hero Area, Images and hover states, blog section and footer

  • LinkedIn Profile page


    • Search Header, Navigation bar, profile Details, How you're connected, etc.

  • Top Selling website Template from Template Monster

    • Navigation bar, Hero Area, Various section with multiple Images and text content

Sketch is an amazing product that's gaining popularity as the top tool for designing mobile app screens, due to its very intuitive controls and ease of use. So why not use it for web design as well. If you’re interested in learning how, this course will get you up to speed on using Sketch in no time.

Course Outline:

  • Start with the basics: Draw and manipulate shapes, inserting images, working with fonts

  • Web Page Duplication: Follow along as we recreate some truly impressive web pages

  • Sketch for Mobile Design Course: I'll give you an overview of my Hands on Sketch Training for Learning Mobile App Design course.

Class Resources & Support:

  • You'll see the process I use when designing and where I get my resources

  • If you have a question, a comment, or need help, post it in the Q & A section

  • Once enrolled, you can join us on the Slack group chat to talk about the course and get feedback from myself and others who are also enrolled. Contact me to request an invitation.

Content

Introduction & Course Overview

Welcome to the Course
Teaching Style & Pace
Asking Questions
Course Resources

Basics of Sketch 3

Artboards, Layers & the Toolbar
The Inspector
Exporting
Shapes
Working with Images
Smart Guides & Alignment Tools
Make Grid

Hands on: Duplicating Web Pages

Fleet Feet: Overview
Fleet Feet: Header
Fleet Feet: Hero Area
Fleet Feet: Images
Fleet Feet: Blog & Social Media Section - Part 1
Fleet Feet: Blog & Social Media Section - Part 2
Fleet Feet: Footer
LinkedIn: Overview
LinkedIn: Search Header - Part 1
LinkedIn: Search Header - Part 2
LinkedIn: Nav Bar
LinkedIn: Profile Header - Part 1
LinkedIn: Profile Header - Part 2
LinkedIn: Profile Image & Text
LinkedIn: Unique Insights
LinkedIn: How You're Connected - Part 1
LinkedIn: How You're Connected - Part 2
DamionMax: Overview
DamionMax: Header & Nav
DamionMax: Hero Area
DamionMax: Featured Projects
DamionMax: New Technologies
DamionMax: Hello There
DamionMax: Footer

Buttons & More

Havana Hover Button
Dual Color Hover Button
Take Out Order
Sunset Magazine Graphic
Business Solutions Graphic
Tablet Icon

More Courses

Check out Sketch for Mobile Design
Facebook: Overview
Facebook: Header
Facebook: Main Menu
Mobile App Icon: Yahoo Weather
Sketch Mobile Conclusion

Screenshots

Hands on Sketch Training - Learn Website Design - Screenshot_01Hands on Sketch Training - Learn Website Design - Screenshot_02Hands on Sketch Training - Learn Website Design - Screenshot_03Hands on Sketch Training - Learn Website Design - Screenshot_04

Our review

### Course Review: Sketch Mastery **Overview:** This comprehensive Sketch Mastery course has garnered a high global rating of 4.30, with all recent reviews being positive. It is designed for beginners to intermediate designers looking to improve their skills in using Sketch for design tasks. The course walks users through the basics and then moves on to more advanced techniques, ensuring a well-rounded learning experience. **Pros:** - **Comprehensive Learning Path:** The course covers the foundations of Sketch and progresses to complex topics, making it suitable for a wide range of skill levels. - **Real-World Application:** By applying skills to example projects, learners can see the practical application of their training, which enhances understanding and retention. - **Engaging and Clear Instruction:** The instructor's presentation style is highly praised, making complex concepts understandable for those who may not be native English speakers. - **Resourceful:** The course provides ample details and resources to set the momentum for learning and to continue honing skills after completion. - **Detailed Walkthroughs:** Learners appreciate the step-by-step guides that allow them to see firsthand how tasks are accomplished in Sketch. - **Great Value:** Many learners report that the course offers excellent value for the price, and they would recommend it to others. - **Motivational:** The course structure and content have motivated users to continue their journey with Sketch and improve their design capabilities. **Cons:** - **Video Length:** Some users find the videos to be a bit long, though this is often counterbalanced by the comprehensive nature of the content. - **Outdated Content:** A few reviews mention that some parts of the course, specifically regarding Symbols Overrides and other updates, are not up-to-date with the latest version of Sketch. - **Pacing for Advanced Users:** One user felt that the course spent too much time on basic elements when they were already familiar with those and wanted more focus on symbols and modules for creating reusable design components. - **Language Considerations:** While the language is kept simple to be accessible, some content may need updating or additional explanations for non-native English speakers to ensure full comprehension. **Additional Notes:** - **Updates and Resources:** It is recommended that learners check for any updates to Sketch features that may not be covered in the course to avoid confusion or outdated practices. - **Personal Goals Alignment:** Prospective learners should ensure that the course aligns with their personal goals, whether they are looking to master the basics of Sketch or to understand its principles for web design. In conclusion, this Sketch Mastery course is a well-liked and valuable resource for designers at various levels who wish to enhance their skills in Sketch. With a few areas that could be improved with updates and a pacing that may not suit all learners, it remains an excellent choice for those seeking to master design in Sketch.

Charts

Price

Hands on Sketch Training - Learn Website Design - Price chart

Rating

Hands on Sketch Training - Learn Website Design - Ratings chart

Enrollment distribution

Hands on Sketch Training - Learn Website Design - Distribution chart
920482
udemy ID
8/2/2016
course created date
7/30/2019
course indexed date
Bot
course submited by