
In this video I'll tell you a little about myself, we'll cover what to expect from the course, and confirm what you'll need to get started.
In this video I'll tell you about my style of teaching and the pace of the course.
In this video we'll talk about artboards and how they can make your life easier, I'll explain how layers work and then walk you through the icons on the Toolbar.
When you need to customize a shape, change colors, add shadows and more, the Inspector is where you'll go to make it happen.
Knowing the correct way to export assets from Sketch is an absolute must. In this video I'll show you how to get those awesome designs out of Sketch and into the hands of the developers.
Creating and manipulating shapes is one of the single-most important skills you need as a designer. Follow along and I'll give you a good foundation.
In this video you'll learn how to import images into Sketch and all the fun things you can do with them to make your designs look great!
Smart Guides and Alignment tools are here to make your design life much easier. In this video I'll show you the best ways to use them.
In this video I'll show you why you need to be using "Make Grid" and how it can save you time when designing.
Overview:
In this video we'll duplicate a really cool looking button with an image as the background and a color overlay as the hover state. This will require playing with the opacity of the image and the hover overlay.
Overview:
In this video we'll create a straight-forward looking button that has quite a bit of detail. This includes a custom icon, 3D shadow effect and a dual color hover state.
Overview:
In this video we'll duplicate a restaurant graphic that contains some unique, but basic elements. You'll learn how to customize a border to get a dashed line effect.
Overview:
The graphic we'll be duplicating in this video can be found in several variations within Sunset Magazine. I love the simplicity of this graphic and the detail. We'll use linear gradients and vector images to make it happen.
Overview:
Follow along and use simple shapes and techniques to duplicate a truly amazing looking graphic.
Overview:
In this video we'll duplicate a tablet icon that includes a ton of detail.
In this section I'll give you details and a peek at my popular, Sketch 3 - Mobile App Design course. Check the resources section for a discount link.
Overview:
In this video we're going to duplicate the Yahoo Weather app icon. Follow along as we use simple shapes and a boolean operation to get it done.
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.