Congratulations to

Diana Arteaga

on completing

Design 101

Diana's Work

May 2018

Why do you want to learn design?

Before diving deep into the course, Diana shared their learning goals with their mentor.

Evaluate design

After going through theory about design principles, Diana put their new knowledge into practice by analyzing both good and bad examples of apps/websites.

Evaluate design

After going through theory about design principles, Diana put their new knowledge into practice by analyzing both good and bad examples of apps/websites.

Generate ideas

Diana started generating ideas for their main course project, starting with a brainstorming exercise.

Sketch your logo

To keep practicing sketching and idea generation, Diana also sketched ideas for the logo of the app or site to be designed.

Sketch your design

After generating ideas with words, Diana started getting hands-on by making 5 sketches of their design.

Practice creating color palettes

After learning about color theory, Diana practiced creating color palettes for some hypothetical cases.

Practice type hierarchy

Diana practiced arranging type based on their hierarchy in the design.

Create your color palette

Then, Diana created the color palette for their project.

Type tile for your project

Diana decided on typographic styles for their site/app.

Create your color palette

Then, Diana created the color palette for their project.

Practice selecting type

While learning typography theory, Diana practiced choosing the right type for a few given scenarios.

Practice type hierarchy

Diana practiced arranging type based on their hierarchy in the design.

Set up a photographic library

As a next step in building the style guide for their project, Diana chose at least 10 pictures that aligned with the style they want to convey.

Create your logo

While learning about vectors, Diana practiced by creating a simple logo for their project.

Final style tile

Diana put everything together in this deliverable: colors, type, imagery, and logo.

Create your logo

While learning about vectors, Diana practiced by creating a simple logo for their project.

Gather your icons

Next to photography, iconography is a really important part of a brand’s imagery. In this project, Diana chose the icons they’d be using.

Set up your grid

Diana set up the grid for their own project.

Deconstructing grids

After learning about grids, Diana took a look at 2 sites and analyzed what kind of grid they might be using.

Practice visual hierarchy

Here, Diana practiced creating visual hierarchy for a couple of hypothetical cases.

Find the right patterns

Diana took a look at common UI patterns and analyzed 2 for navigation, 2 for search, and other 2 specific for their project.

2 high-fidelity versions of your design

Every designer understands the value of iteration and exploration. Diana spent some time creating 2 hi-fi versions for their design.

2 high-fidelity versions of your design

Every designer understands the value of iteration and exploration. Diana spent some time creating 2 hi-fi versions for their design.

Final version

After gathering feedback from their mentor and other people they showed their design to, Diana created the final version of their project. Ta-da!