Congratulations to

Adam Shaylor

on completing

Design 101

Adam's Work

January 2016

Product Landing Page

The course started with a skills assessment to establish a starting point. Adam responded to a creative brief and designed a landing page for a fictional product called SuperGood.

Seeing Design

Unit 1 was an introduction to "Getting to Know Design", and the project was intended to train the student's ability to evaluate design and articulate positive and negative qualities. Adam picked out 2 examples of good and bad design, and considered both positive and negative aspects of the product design.

Social Timeline

Unit 2 introduced students to Visual Hierarchy, an important topic in visual design. The first project was an exercise in using hierarchy to depict a social timeline.

Blog Article

Continuing in the Visual Hierarchy unit, Adam also created a layout for a blog article.

Blog Article

Continuing in the Visual Hierarchy unit, Adam also created a layout for a blog article.

News Listings

The final project in the Hierarchy unit was designing the page for a news listings site (a la Reddit or Digg).

Web Layout

Unit 3 dealt with Layout, and this project involved experimenting with different layouts for Adam's fictional website. Using a provided set of elements, Adam arranged them on the page, building on the visual design principles discussed earlier in the course.

Web Layout

Unit 3 dealt with Layout, and this project involved experimenting with different layouts for Adam's fictional website. Using a provided set of elements, Adam arranged them on the page, building on the visual design principles discussed earlier in the course.

Web Layout

Unit 3 dealt with Layout, and this project involved experimenting with different layouts for Adam's fictional website. Using a provided set of elements, Adam arranged them on the page, building on the visual design principles discussed earlier in the course.

Wireframe

Adam learned about the use of grids while also being introduced to the practice of wireframing. The objective for this project was to iterate on the basic layout in the previous project to create a more detailed wireframe, an essential step in the design process.

Wireframe

Adam learned about the use of grids while also being introduced to the practice of wireframing. The objective for this project was to iterate on the basic layout in the previous project to create a more detailed wireframe, an essential step in the design process.

Wireframe

Adam learned about the use of grids while also being introduced to the practice of wireframing. The objective for this project was to iterate on the basic layout in the previous project to create a more detailed wireframe, an essential step in the design process.

Choosing Type

In Unit 4, Adam got an introduction to Typography, and learned a little about serif vs. sans-serif, how to pair typefaces, and how to look for characteristics in choosing fonts.

Color Picker

Adam's first color theory project: create a color palette based on an image they found.

Color Style Tile

Unit 5 was a look at Color Theory. Adam created a "Style Tile" with a color scheme to apply to the wireframe in Unit 3.

Color Style Tile

Unit 5 was a look at Color Theory. Adam created a "Style Tile" with a color scheme to apply to the wireframe in Unit 3.

Final Project

Unit 6 was a chance to put it all together and learn about the design process! The final project was a full color composite of the wireframe that Adam created in Unit 3.