Tutorial

Showing 1-8 of 8 results
DesignIcon ChevronUI Design

How to Structure an Effective Typographic Hierarchy

by Cameron Chapman

Since designers work with so much text-based content, creating an effective typographic hierarchy—one that clearly shows what information is most important—is a vital skill for designers to master.

7 minute readContinue Reading
DesignIcon ChevronDesign Process

Atomic Design and Sketch – A Guide to Improving Workflow

by Octavio Cruz García

Improving workflow and maintaining consistent design standards throughout a product can be achieved using Sketch and Atomic Design.

8 minute readContinue Reading
DesignIcon ChevronDesign Process

Zeplin Sketch Plugin – The Workflow Bridge Between Design and Engineering

by Emily Michels

Creating a dynamic, organized, and collaborative workflow between design and development teams is essential to building great digital products. This tutorial outlines how Sketch, working in tandem with Zeplin, can facilitate this collaboration seamlessly.

6 minute readContinue Reading
DesignIcon ChevronMobile Design

Prototype with Ease – An InVision Studio Tutorial

by Bree Chapin

Follow this tutorial to create an interactive prototype with slick animated transitions in minutes using InVision Studio, the exciting new free interface design tool.

11 minute readContinue Reading
DesignIcon ChevronUI Design

Things You Might Not Know About Typography in Sketch

by Wojciech Dobry

When working with typography, Sketch comes up short, especially when you compare it with the most popular design tools out there. In this article, we’ll give you quick tips to compensate for its shortcomings with typography.

< 5 minute readContinue Reading
DesignIcon ChevronUX Design

A Step-by-step Guide to Creating Animated Product Explainer Videos

by Matt Barringer

In this tutorial, we will give a simple breakdown of the steps that you need to create an animated explainer video like the slick masterpieces built by Slack.

9 minute readContinue Reading
DesignIcon ChevronDesign Process

How to Create Custom Fonts: 7 Steps and 3 Case Studies

by Micah Bowers

Designers love to hate some fonts. We're introducing a simple process and seven easy steps that can quickly transform a typeface into something better and can turn a font into a beautiful logotype.

8 minute readContinue Reading
DesignIcon ChevronUI Design

A Step-by-step Guide to UI Animation with Principle and Sketch

by Tidjane Tall

Animated UI elements improve the user experience, but how exactly are they made? These short tutorial videos demonstrate the most effective animation techniques using Principle for Mac.

9 minute readContinue Reading

Join the Toptal® community.