Introduction to the Course
Welcome!
Get Sketch
Why Sketch?
Introduction to Sketch
Toolbar
The Left Bar: Layers and Tags
Group Elements
Merging Shapes: Union, Subtract, Intersect, Difference
Symbols
Mockup Introduction
Creating a Symbol
From Text to Outline
Text Styles
Shared Shape Styles
Resizing Pixel by Pixel
Reshaping/Resizing Using the Space Bar
Balancing Elements' Visual Weights
Mail Icon: Quick Exercise
Skype Logo
Importing an Image
Generate Art Boards
Adding Shapes
Groups and Shape Properties
Adding Text
Exploring Some Property Tools
Thinking About Shape, Form, and Color
Weather Icon: Part 1
Weather Icon: Part 2
Weather Icon: Part 3
Photo Icon
A Different Approach to Color Palette Creation: 3x3 Color Palette
Designing a Color Palette
Evernote Logo
3D Shapes without Modeling
Apple Developer Tips
Apple Developer Tips
Noke, our first App
Our first App
Brainstorming
Let's start with the Logo!
Building a Screen
Modifying the Main Control Bar
Wireframing: Friends Screen
Wireframing: Stats Screen
Wireframing: Check-In Screen
Wireframing: Profile Screen
Get This Plug In!
Adding Some Realistic Visual Information
File Crash: Recovering From A Potentially Devastating Experience
Professional Manners: Keeping Our Elements Organized
Noke Check-In Screen Redesign
Noke Check-In Notification Screen Update
Creating a Parameters Icon for the Noke App
Noke Profile Screen Update
Noke Stats Screen Update
Let's Redesign Our Icons!
Creating a Consistent Visual Vocabulary
Lost in Your Document? Center the Canvas!
Updating the Noke Icon
Creating a Launch Screen
Exporting our Content
Exporting our Art boards
Exporting Individual Elements
Slices
Exporting Slices
Exporting in Batches of Different Sizes
Design Parameters iOS
Design iOS: Part 1
Design iOS: Part 2
Looking into iOS App Anatomy
Logo Design
Logo Design: How to Begin
When Considering the Typeface
Making Intelligent Use of White Space / Don't Over-do It / Make It Active
Logos and Colors
Complementary Colors
Flexible Use of Color In Logos
iPhone 6 / iOS 8 Resource
Noke Assignment
Noke App Assignment
Noke App Assignment Tips / Things to Consider
My Solution to the Noke App
Noke Personal Results
Noke Results: Icons and Launch Screen
Noke Results: Add Multiple Friends Page
Noke Results: Friends Page
Noke Results: Find Friends Page
Noke Results: Graphs Tutorial I
Noke Results: Graphs Tutorial II
Noke Results: Circular Graphs
Noke Results: Donut Graphs
Noke Results: Check-In Page
Noke Results: Edit Profile Screen
Noke Results: Maps
Noke Results: Grey Version
Making the iOS 8 Settings Icon
Settings Icon: Part 1
Settings Icon: Part 2
Settings Icon: Part 3
Settings Icon: Part 4 - Alternative Solution
 Groups and Shape Properties

Once the shapes are combined to create a bigger shape, we can group them so every time that we select them we do it as a whole.

To do so we can select all the shapes and use the shortcut ⌘ + G.

Sketch helps you align the shapes in your art board easily by clicking in the tools in the upper right side of the app. Feel free to explore them and try different compositions.

The Properties menu is going to be displayed in the right side of the app every time you click on a shape. This menu allows you to modify different characteristics of en element, such as fill colors, borders, opacity and more. To change, for example, the color of our shape, click on it, click then in the fill rectangle button and choose the eyedropper icon to be able to choose a pixel’s color. That way we will make sure to choose exactly the same color as the one used in the Skype’s icon.

Tip: Notice that you can see the elements that are present in the art board and in each group organized in a large banner in the left side of the app. You can use this banner to select individually parts from a group or to arrange the elements order.