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 3. 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?:
Sketch 3 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 Sketch3 in no time.
Class Resources & Support:
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.
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.
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.
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.
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.
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.
Follow along and use simple shapes and techniques to duplicate a truly amazing looking graphic.
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.
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.
Hi I’m Arend, a lifelong student and teacher, here to share my knowledge and style of teaching. I’ve been involved in the tech industry for the majority of my career and have spent the last 15 years working as a Business Analyst documenting and designing everything from back-end systems, business and personal websites and mobile applications. My preferred style of teaching is to take a hands-on approach, where I walk you through real-world examples, in order to provide you with a detailed view of the concepts/topics being covered.