Prototyping with Sketch

Prototyping with Sketch

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 5h 49m | 1.46 GB

Maybe you’re the web designer looking for a tool with less overhead to create custom web sites? Or, perhaps, you’re a programmers who wants to prototype interfaces quickly? Are you a UX/UI Designer whose trying to iterate through multiple produce interfaces? Maybe you’re an experienced mobile app designer looking for a lightweight alternative to Photoshop. Maybe you just want to learn how to design prototypes the right way? Whatever your reason, this is the time to learn the Sketch digital design tool kit. Unlike other design software Sketch is designed to get out of your way and allow you to create great prototypes of web sites, mobile applications, software applications, tablet applications and much more. While other applications can weigh you down with unnecessary features you’ll never use, Sketch is designed to be quick and light. Designed to get you doing design work quickly and with ease. It’s about your creativity– not your ability to learn dozens of software features. And, if you’re ready to start working with Sketch there is no better way to learn than this course Prototyping with Sketch is a complete, comprehensive course on the Sketch tool. You’ll become familiar with each of the tools you’ll use to design user interfaces for web and mobile based applications. We anted this course to be about doing– so you won’t waste time in endless lectures. We’ve included a number of high quality laboratory exercises in the course to quickly get you doing the type of work professional designers do in Sketch every day. Each of the lab exercises is relevant to the work you’ll be doing as a professional developer. Your instructor, Matt Cameron, made sure every detail of this course is efficient, interesting, and most importantly, relevant! Each minute, you’ll learn more about the Sketch digital design tool and, add skills to your professional toolbox that will make you a consummate pro. It’s time to stop thinking about working with a tool like Sketch– It’s time to learn the tool. With the informative lectures, engaging activities and numerous tips, you’ll be working as a professional designer in web or mobile as soon as you finish this course.

Table of Contents

01 Introduction to Sketch
02 Installing Sketch
03 Sketch Interface
04 Generic top level pages
05 Plugins and their power
06 Solidify your understanding of the Sketch interface
07 Conclusion
08 The Layer List is how you organize your design file
09 Understanding the Layer List’s UI
10 Understanding Pages
11 What are artboards for
12 Layers – Selecting, Moving, Deleting, Locking, and Grouping.
13 Using artboards, pages, and layers together
14 Try It On Your Own
15 Conclusion
16 The power of the Inspector Panel
17 Alignment Options
18 Layer Properties + Resizing Constraints
19 Text Fields, Mousekeys, and Math Equations
20 Layer Styles
21 Exporting
22 Get to know your new toolbelt.
23 Conclusion
24 How to Manage and Add Elements to your Design
25 Adding & Editing Shapes
26 Boolean Operations
27 Typography
28 Using Masking in Sketch
29 Grouping Elements Together
30 Lets Try It
31 Conclusion
32 Organization is Important, Consistency is Even More.
33 Layer Styles
34 Text Styles
35 Symbols
36 Naming Conventions
37 Layout and Grid
38 Using Layer Styles, Text Styles, and Symbols in your UI design
39 Why don’t you try it
40 Conclusion
41 What Happens After You Create Your Design
42 How to Export, and What Extensions Are Allowed
43 Creating Exportable Layers
44 Previewing Design on Sketch Mirror
45 Test your Prototype with InVision
46 Proper Naming Conventions and Optimizing your Assets
47 Conclusion
48 Build a mobile UI with the core skills you have learned
49 Creating an artboard and establishing layout
50 Creating a wireframe + High fidelity wireframe
51 Layer + text styling
52 Designing multiple screens with similar components
53 Exporting elements for your application + translate to a styleguide for developer
54 Wrap-Up
55 Conclusion
56 Using InVision App’s plugin Craft saves time
57 How to get Craft
58 Craft Sync
59 Craft Library
60 Craft Data
61 Craft Duplicate
62 Craft Freehand & Stock
63 Goodbye