Using Sketch's iOS Design Library

Episode #374 | 27 minutes | published on February 1, 2019 | Uses Sketch-52.6

Subscribers Only

In this episode I start designing a new Podcast App. I decided to design it in Sketch first so I could define the look & feel, flow, and data required first. In this episode we start by leveraging Sketch's iOS Design Library, then customize them by creating our own symbols. We end up with a custom themed iOS design that uses a tab bar with custom icons.

This episode is part of a series: Designing a Podcast App in Sketch.

1. Using Sketch's iOS Design Library 27 min

2. Using Masks to Round Corners 20 min

3. Designing the Podcast Detail Screen 22 min

4. Using a Color System with Symbols 19 min

5. Designing the Player Bar 9 min

6. A Look at Prototyping 7 min

7. Exporting assets for Xcode 7 min

Show Notes
Comments

Episode Links

Sketch
Sketch Runner (plugin)
Icon Jar - A useful database for showing loads of icons. I like having lots of icons ready for whatever project I want to create and IconJar makes it really easy to browse & find them.
Refactoring UI Book - This book is about geared toward web design, but the principles reach beyond the web and I found it to be a great read full of useful tips and advice on how to design interfaces. The icons I use in this screencast are from the book package.