design

Design Screencasts

11 Screencasts

The Interaction Design of a Horizontal Scroll with Snap

7 minutes

When designing for content, there are times when you’ll need to design the layout of content to scroll vertically and horizontally in your mobile app. It’s common to see this in content-rich applications that have both images and text. In particular, there may be featured content which spans the almost the full width of the screen, but when the user swipes through it, you want the content to snap into place

Creating a Library with the Material Design Plugin

6 minutes

The Material Design plugin is designed to make creating and managing a design system for Android easy. In this screencast, we’ll show you how to get your Sketch documents set up to use the official Material Design Plugin.

Versioning and Commenting in Zeplin

4 minutes

Zeplin bridges the communication gap between developers and designers. We use commenting and versioning to communicate and get feedback about projects. After all, collaboration is the key to a successful project. We'll show you how we use it and the shortcuts and best practices we can't live without.

Using Sections and Tags in Zeplin

4 minutes

In this screencast, we'll talk about the ways to use tags and sections to organize screens in Zeplin. By the end of this video, you'll be able to easily manage screens and other assets using the power of sections and tags.

Exporting Assets Directly From Zeplin

4 minutes

In this screencast, we’ll show you how to leverage Zeplin to export design assets for development. By the end of this video, you’ll be able to quickly and easily export design assets using Zeplin’s Asset Export Feature.

Creating a Color Theme from a Photo in Adobe Color

5 minutes

When it comes to picking out colors that match photos, it can be difficult to pick the perfect color to pair. In this screencast, we’ll show you how to use Adobe Color to pick colors for an Android card based on an image.

Linking Color Symbols to Components in Sketch

7 minutes

In this screencast, we will learn how to add color symbols to your UI components in Sketch. After this screencast, you will be able to link color symbols to UI components and change the colors of your application globally from a color palette.

Creating Color Palettes with Adobe Color

6 minutes

In this screencast, I will be showing you how to pick color palettes for your UI design. After this screencast, you will be able to pick a base color, understand the different color harmonies, pick color palettes with Adobe Color, and save them to your Sketch Document.

Managing Styles in Zeplin

6 minutes

Zeplin has become one of the most popular tools that designers and developers use together to communicate about design. In many projects, Zeplin serves as a single-source-of-truth for design specs and styles thats accessible for designers and non-designers alike. In this video, I’ll show you how to manage type and color styles in Zeplin as your project grows.

Setting up Sketch for Color

6 minutes

When it comes to adding color to your application, your first color choices may not be the ones you keep. Because of this, I like to create my Sketch file with easily adjustable color themes. In this video, we’ll cover how to create an easily changeable color palette using symbols and styles in Sketch.

Creating App Icons for iOS

7 minutes

App Icons are the nice, neat little wrapper for your app. They’re usually the first thing that users see before using your app, and they’re a constant reminder to your users of your app and your brand. In this screencast, we will show you how to design an app icon that shows off your brand, and fits in nicely with other app icons on the Home Screen.