Tutorial

Nested Symbols in Sketch

due November 4, 2019

Now that you have built some cards and changed photos, descriptions and titles using nested symbols, we’d like for you to see how else you can implement them in your designs!

Upload your final Sketch files to the Google Drive in the “Completed Work” folder.

Design a Bottom Tab Bar

For this exercise, you will create a bottom tab bar for a mobile app similar to one of these:

Sample bottom nav bars on mobile apps

Steps

  1. Watch Nested Symbols overrides Duration: 1:51
  2. Watch Better Icons with Sketch Layer Styles Duration: 6:54
  3. Read Layer Styles and Text Styles by Drew Vosburg.
  4. Create your own bottom tab bar using nested symbols, masks, layer styles and overrides.
  5. Get creative! Use colors and icons of your choice.

Requirements

Nice to Have

Resources