Icons, Icons, Icons

Icons can be seen almost everywhere. Emojis are icons, and they are used by most everyone. Behind every emoji, every icon, there is a designer that put work into creating it. What is the process of creating an icon? My purpose of this blog post is to share my knowledge of how to create a set of icons.

I was assigned the task of creating an icon set for a topic of my choice. Each icon is supposed to clearly communicate a single message. I was in control of everything. The topic, colors and overall design. I have taken what I have learned about design and color and applied it to the design and construction of my icon set.

iconfinal


Target Audience

Understanding who your audience is is important because it helps determine how the icons are going to be designed. My design is not specific to any one specific group of people. However those interested in my design would be those who enjoy the outdoors and are looking for simple, effective icons.


Design

As I was looking at examples of different icons, I noticed that they were all fairly simple in design, but they were consistent in color and design and had a clear message. This helped me in designing my icons. I wanted to create something that I myself would use. So I decided to go with a nature theme. I tried to use different shaded of the same color on my icons as to create some contrast which would make it more pleasing to the eye. Symmetry was also a factor of design that makes the icons appealing.

treesunmtsmoon


Knowing the essentials of design and color are important when creating icons. They help in creating a design with a clear message. It is important to understand your audience. My understanding of all of these things helped me in creating an icon set. Now whenever you see an icon or an emoji, you’ll know a little more about the process of creating it. Thank you.

Typography Dos

 

original

This image is an excerpt from the Young Living Essential Oil 2017 Product Guide. (https://issuu.com/youngliving/docs) The company is known for their essential oils and oil blends, oil-enhanced nutritional supplements, bath and body products, and skincare solutions. The designer of the magazine layout could not be identified.

I will be observing the different typefaces and will explain what they are, what what category they fit in, how they are identified and what makes the types and elements contrasting.

font 1.2

Type One

 

The first observed font fits into the category of sans serif. “Sans” in French means “without.” As shown below, this type doesn’t have serifs, which is the primary identifier of sans serif types. Other attributes of sans serif fonts are no thin-to-thick transition in the strokes and no stress in the letters. The stress on this type is vertical. font slant and serif

font 2.2

Type Two

The next font is categorized as a script type. Script types are typefaces that look as though they are hand lettered. font type 2.2

Contrast

The main contrast between the two types is the weight. The words, “our mission” has a very thick, solid stroke. This sets this apart and contrasts with the small paragraph due to its thin stroke.

Overall, this excerpt is a good example of how two typefaces can be used together on one page to create contrast. The first typeface is a sans serif type and the second is a script type. They work together due to their type. This is good use of typography.

What Makes and Ad So Great?

Let’s look at the elements of design…

poster

This is a poster advertising a pop up shop for Wellen’s Surf Shop. Wellen is an online-based surf company focused on men’s clothing. They sell their clothes in stores through third-parties. The designer of the advertisement could not be identified.

I will be breaking down the advertisement into five elements of design. This includes contrast, repetition, alignment, proximity and color.

Contrast 

contrast

First off, there is contrast in the color of the poster and the color of the font. The designer, however seems to be employing contrast in the fonts. There is a bold and a regular typeface for most used font. I have the bold font underlined in green and the regular typeface for the same font underlined in blue. The word “gentleman” adds more contrast to the ad. It is in a different font, it’s a bigger size and its placed at an angle. It allows the word to stand out against the other fonts.

Repetition

Repetition

The repetitive element in this ad is, again, the font. The designer uses the same font with both a regular and bold typeface.

Alignment 

alignment

In this ad, we can tell that the text and image is a center alignment. While center alignment is the most common and can sometimes make a design boring, it works well with the other elements of design to make it interesting to the audience. It is clearly intentional.

Proximity

Proximity

Proximity helps the viewer understand what, where and when something is happening. Highlighted in green, we understand that due to the proximity of the words there is a pop up shop for Wellen Surf Shop and it’s for gentlemen. Next, the viewer needs to know where and when the event is going to happen. This is inside the red box. While the viewer has the what, where and when, there can still be more information added to the image to let them know just a little more about what is going on. Since it’s not as vital, this information is added below everything else in smaller, regular typeface. But it’s close the rest of the information. This is displayed in the yellow box.

Color

In terms of color, this design is fairly simple. There are only a few colors on the page. It’s just different shades and tints of blue and brown.

colors2

Overall, this advertisement is good example of excellent yet simple design. The designer employs contrast through the font choices and color. Repetition is also shown through the font typeface. The words on the page are aligned centrally with the man who is in the photograph, allowing the ad to flow. The proximity of the words help the viewer know what exactly is being advertised. Lastly, the colors in the ad are simple and work well with each other. All of these principles are things to consider when looking at or creating an advertisement.