# Sketch in a Day

Canonical URL: <https://www.nobledesktop.com/classes/sketch-1day>

## Overview

### Learn Sketch Fundamentals for UI & UX Design

You’ll learn to design web layouts for mobile, tablet, and desktop (or screens for apps) using text, graphics, styles, and more. With artboards and layout guides, you can design on popular grid systems (like Bootstrap), making it easier to design responsive webpages.

Symbols are where Sketch really shines. They let you reuse design elements (such as buttons) while allowing each instance to be customized. Being able to globally update symbols will enable you to create flexible design systems that are easier to manage.

Sketch is vector-based, so graphics can scale for a variety of sizes, and export as hi-res (Retina @2x) graphics for the web or apps. Exporting graphics is quick. Mark what you want to export, select the filetype and size, and you’re ready to export.

If you want to learn Sketch in greater depth, you should check out our 12-hour [Sketch Bootcamp](/classes/sketch-bootcamp).

Already know the basics of Sketch and want to take your skills to the next level,  such as learning how to prototype? Check out our [Sketch Advanced](/classes/sketch-advanced) class.

## What you'll learn

- Create UI (user interface) and UX (user experience) designs for websites and apps
- Build layouts using text, images, layout grids, artboards, pages, and more
- Create responsive web designs optimized for mobile, tablet, and desktop screens
- Harness the power of symbols to create reusable design elements
- Optimize graphics for web and app design (create hi-res 2x graphics, SVG, JPEG, and PNG files)

## Curriculum

### Section 1

#### Creating New Files & Designing on a Grid System

- Creating a new file
- Artboards & pages
- Setting up a layout grid
- Creating colored backgrounds for text
- Importing text

#### Adjusting the Layout for Tablets & Mobile Phones

- Designing with Bootstrap’s grid
- Adapting the design for tablets
- Adapting the design for mobile phones

#### Inserting & Masking Photos

- Importing photos
- Cropping a photo (masking)
- Custom shaped masks

#### Inserting Vector Graphics, Fills, Shadows, & More

- Importing & modifying vector graphics
- Making grouped objects easily selectable
- Layer opacity vs. fill opacity
- Aligning & distributing layers
- Reusing colors found in the design
- Adding a drop shadow

### Section 2

#### Layer Styles (Reusable Appearance)

- Creating a layer style
- Changing & renaming layer styles
- Making a style to darken full-width background photos

#### Text Styles (Reusable Appearance)

- Creating text styles
- Editing text styles
- Renaming styles & organizing into folders

#### Symbols (Reusable Components)

- Creating & editing symbols
- Customizing content inside a symbol
- Controlling the layout & resizing of symbols
- Renaming symbols
- Moving symbols between pages

#### Exporting Assets: SVG & PNG

- Exporting artboards
- Exporting for web as SVG & PNG
- Exporting into folders

#### Exporting Assets: 1x & 2x JPEG

- Exporting as JPEG
- Properly setting JPEG quality

## FAQ

### Do I need to bring anything to the class?

In-person classes: No, we provide Macs with Sketch installed.

Live online classes: You will need your own Mac and a copy of Sketch (which may require a recent version of macOS so please check the system requirements). If you don’t have the software, you can usually do a free trial or purchase your own license. If you need assistance, contact us at [hello@nobledesktop.com](mailto:hello@nobledesktop.com)

## Pricing

**Tuition:** $395