Topic  

Sketch

Sketch is built for modern graphic designers, and it shows in every fibre of the app.

There are 6 Sketch courses.

  • by Chris Slowik

    Launchpad is a plugin for Sketch that promises functional websites from Sketch designs without ever having to touch the code. Learn the ins ...

  • by Ray Sensenbach

    Becoming a power user is all about knowing the tiny ins and outs of the interface. You'll become a better designer through deep knowledge of...

  • by Chris Slowik

    Sketch is universal in standard UI design, but it's just as capable of designing game UI as well. This course will hit the fundamentals of d...

  • by Chris Slowik

    In this mini course we'll be exploring some ideas relating to how to build a design system. Sketch is the tool because it allows us to build...

  • Sketch to AE

    2 Episodes
    by Chris Slowik

    The workflow from Sketch to After Effects can seem like a chain of imports and cleaning up. But there's a better way. Shift your thinking us...

  • by Chris Slowik

    Sketch is widely used for UI design, but it's easy to overlook some of these indispensable tricks. Symbols, styles, and grids...find out how...

There are 27 Sketch episodes.

  • Final UI Cleanup

    Final UI Cleanup

    Final UI Cleanup
    • 5:35
    • Pros
    Now that the core gameplay has been designed, there's actually a fair amount of extras we need to put together. Pause states, Instructions, Leaderboard, etc need to be handled before this is a complete design.
    • 5:35
    • Pros
  • Add More Game Effects

    Add More Game Effects

    Add More Game Effects
    • 3:47
    • Pros
    The core of any game is the interaction points - the main actions should feel rewarding and awesome. We're going to work on the illuminated state of our buttons in this episode.
    • 3:47
    • Pros
  • Complete the Gameplay UI

    Complete the Gameplay UI

    Complete the Gameplay UI
    • 5:25
    • Pros
    Now that the basis of our gameplay is designed, it will be useful to detail the rest of the UI on our gameplay screen before getting into additional effects. Seeing the whole UI in context will help.
    • 5:25
    • Pros
  • Build the Game Board

    Build the Game Board

    Build the Game Board
    • 5:21
    • Pros
    The core of our gameplay is going to be the actual game board. This episode will start defining how the final game looks and feels at its core - the game board is one of the most important things to get "right".
    • 5:21
    • Pros
  • Design the Splash Screen

    Design the Splash Screen

    Design the Splash Screen
    • 6:59
    • Pros
    Starting to think about the overall look and feel of the game, we'll put together a quick intro screen here. The design will be based on the game logo, and a cool dark neon style makes it all come to life.
    • 6:59
    • Pros
  • SuperTap Concept

    SuperTap Concept

    SuperTap Concept
    • 1:55
    • Free
    Ideas for games can come from anywhere. In this intro to game design, Chris briefly discusses ideation, gameplay inspiration, and the plan for creating this cool iOS game called SuperTap.
    • 1:55
    • Free
  • Use Auto-Layout to Be More Efficient

    Use Auto-Layout to Be More Efficient

    Use Auto-Layout to Be More Efficient
    • 7:36
    • Free
    Anima's Auto-Layout plugin for Sketch is a massive productivity booster. Learn how to easily make more consistent designs, faster.
    • 7:36
    • Free
  • Distribute Your Design System

    Distribute Your Design System

    Distribute Your Design System
    • 5:44
    • Free
    Using a syncing service like Dropbox and Invision's Craft plugin, it's really easy to make sure your whole team is on the same page.
    • 5:44
    • Free
  • Assemble Some Example Screens

    Assemble Some Example Screens

    Assemble Some Example Screens
    • 7:18
    • Free
    One core part of a good design system is layout samples for key screens. It's important to show how your components will interact so other designers can follow the creative direction.
    • 7:18
    • Free
  • Crafting Components That Match

    Crafting Components That Match

    Crafting Components That Match
    • 7:52
    • Free
    Using the foundation you've defined in the previous lesson, start creating your library of components from which you can build anything.
    • 7:52
    • Free