Illustrate Your Day: An Intro to Symbol Design | Edward Boatman | Skillshare

Illustrate Your Day: An Intro to Symbol Design

Edward Boatman, Co-founder, Noun Project

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (1h 28m)
    • 1. Creating Your List of Referents

      6:51
    • 2. Design Techniques for Your Icons

      19:37
    • 3. A Crash Course to Adobe Illustrator

      29:36
    • 4. Designing a Symbol in Adobe Illustrator

      21:25
    • 5. Creating the Final Product

      10:04
26 students are watching this class

Project Description

Design a set of symbols that tells the story of your day

Introduction and Selecting Your Referents

  1. Create a list of your daily routine

    Create a chronological list of all the "steps" you go through your day.  Think about this list as a story arc from the moment you awake to the moment you go to bed. Be as specific as possible.  

    Lets try to keep this list PG-13.

  2. Narrow your list

    Once your list is created:

    • Narrow down the list to the 20 core concepts you think truly define your day.
    • Write your final 20 referents in chronological order. 
    • Upload a picture to the project section.  

    This list will be the foundation for your personal timeline. 

    6b0e2381

    Summer Li's list.

Design Techniques to Maximize User Comprehension

  1. Define your referent

    Create a list of the core components or visual elements that define your referent. 

  2. Experiment with design techniques

    Choose two referents. Sketch one where the Iconic design technique will be used, and the other where the Narrative design technique will be used. 

    c1309f92

    Mayene De Leon experiments with both techniques. 

     

    Great example of the Outline Design Style. 

    Great example of the Fill Design Style

  3. Sketch your referents

    On a page of your sketchbook or piece of paper create a sketch that visually communicates each one of your referents. The sketches should use one of the design techniques discussed.

    59026b44

    Poz Lang's referents.

  4. Share your sketches

    Upload an image of your sketches to your project page. Offer feedback to your classmates on their project pages. 

Drawing Symbols in Illustrator

  1. Draw your icons with Illustrator

    Use the line and fill techniques we covered in the video lesson.

    43ca4a25

    David Schneller shows us how his lines work. 

    Link to download a free trial of Adobe Illustrator

  2. Share an icon

    Share an image of the single design you are most proud of.

    b0ce17e3

    Cheryl Loh's favorite icon.

Polishing Your Designs and Putting it all Together

  1. Finish your vectors

    Arrange your icons into an illustrative timeline.

    Merge your layers to create a final polished vector design.

    8e0c4a66

    A day in the life of Ellie Peters

  2. Share your timeline

    Share an image of your final visual timeline. The timeline will consist of the 20 symbols you've designed. Be sure to offer feedback on your classmates' project pages. 

    14261a8e

    Trish Phan's final timeline.

  3. Upload your project to The Noun Project

    Create an account at The Noun Project.

    Upload the symbols to your Noun Project account.

    Attached below is my final artboard.

Student Projects

Mayene De La Cruz
31 comments
Ben Hsu
15 comments
Cheryl Loh
16 comments
Jared Fanning
12 comments
Sergey Kondratev
3 comments
Scott Tusk
4 comments
David Schneller
18 comments
Hedie Joulaee
22 comments
Christine Aaron
7 comments
Cynthia Stuker
8 comments
Tetes D.
6 comments
Kristin McPeak
10 comments
Ash Ley
2 comments
10 comments
Jessica Brown
1 comment
Iris Vidal
2 comments