Slip n’ Slide Designs

When I set out to create my own slide show I was excited. My whole life I’d only used previously made templates for my slide shows in Microsoft Powerpoint or Google Slides. It sounded like an exciting challenge.

Target Audience

Luckily the target audience for this was easy. We only had to think about Brother Lybbert so it allowed a lot more freedom to do what we wanted to do because he is more understanding of any design choice we go for.

Title Slide

I’m pretty happy with the way this turned out. Originally I didn’t have enough focus on the original ad so I revamped it and came up with this. I think it makes the viewer more aware of what’s important.

Transition Slides

These two slides are the slides I designed to transition between content in my slides. I wanted a bright color scheme as I knew the content of my ad was dark. I wanted to be able to contrast that so my ad wasn’t too bleak. I originally had the three categories in their own slides but wanted to cut back so the show wasn’t too bloated.

Content Slides

These are the slides I made analyzing the original ad. I tried to keep a very consistent layout across all slides so it’s easy to watch. Then I made another slide analyzing my own ad that turned out well.

Conclusion

This was a fun project that I’m very proud of! It gave me a chance to play around with colors and practice a skill that I’m excited to use again in the future.

Photo Credit:

https://pixabay.com/en/girl-woman-fashion-elegant-emotion-2209147/

Advertisements

3 Rules of Photography Composition

Introduction

There are many different rules that a photographer can follow to make sure the images they capture are as interesting as possible. There are even more ways to break those rules to make images interesting. Let’s temporarily disregard most of those and focus today on three of the most basic.

Rule of Thirds

(Photo by Zach Sutton https://zsuttonphoto.com/male-headshots/)

The rule of thirds says that if we were to put an imaginary grid over a photo the point of interest of that photo should fall on one of four main intersections.

For example when we put the grid over this head shot we can see that this man’s eye falls perfectly under the intersection. This photographer has employed the rule of thirds to make his subject more interesting rather than just putting the subject in the middle.

Here is a photo I took of one of my action figures in a similar style. I tried to line it up so that the eye of mine falls under that same grid line.

Leading Lines

(Photo taken from http://www.worldtravelingmilitaryfamily.com/photography-leading-lines/)

Leading lines is a concept that says that you should use naturally occurring lines in the world around you to guide a viewers eye in a photo. This is generally used to highlight a point of interest.

Like we see in this photo. The young girl on the tracks is brought into focus because the tracks themselves form two lines that seem to “point” directly at her.

Again I took my trusty action figure on an adventure to recreate this photo and this concept. The tracks form two lines leading straight to my action figures head. Two places my photo falls short is by making the side of the photo too busy by having a building there and by breaking our next rule…

Depth of Field

Depth of field is one of my personal favorite photographic tools. To simplify the concept depth of field uses the “focus” feature on most modern cameras. It’s the idea that one object in a photo is clearly visible while the other items in the photo are blurry.

In this example we see a young man standing in the road. He is in clear focus. So much so that we can see the wrinkles on his jeans. The lights and buildings on the street, however, form colorless blobs in the background.

My modest phone camera couldn’t achieve quite as extreme of a focus contrast but the action figure in the foreground is definitely much more clear than the blurry jeep in the background.

Conclusion

By using the rule of thirds, leading lines, and depth of field one can easily create more visually interesting photos than before. Place your subject carefully, examine the world around you, and focus.

McDonald’s: Tasty Typography

This McDonald’s advertisement from 1969 was designed to try and spread excitement about their new sandwich. In order to draw attention they use a heavier font to get the memorable catch phrase at the top remembered. They then use a smaller, lighter font to explain the details.

Oldstyle

Let’s focus on just that catch phrase up top

McDonald’s has incorporated an Oldstyle font here. The weight of the letters and the whether the font is serif or not gives it away. In this case the letter ‘s’ is a perfect example of varying weights. The bottom of the letter is thinner while the middle has some thickness to it. The top of the letter ‘d’ is a good example of the serif. The fact that the serif is diagonal is a dead giveaway that this is Oldstyle because Oldstyle is made to mimic an old school pen writing the letters

Sans Serif

Now let’s move to the bottom of the image

This font is a Sans Serif font. The same letters from the last example are also what gives this away. The letter ‘s’ has even weight throughout the image. The letter ‘d’ is also completely without a serif. These are both dead giveaways that we’re working with a sans serif font.

Conclusion

McDonald’s has used an Oldstyle and a Sans Serif font in order to contrast one another and create a visually interesting advertisement. We can tell which fonts they are by their weight and serif.

YouTube: A Case for Simplicity

This is the post excerpt.

This is an image many of us will probably be familiar with; the YouTube homepage (https://www.youtube.com/). A website that gets 900,000,000 unique views a month needs to be absolutely solid in all basic web design principals and YouTube is rock steady.

Proximity

YouTube has used proximity here to indicate which videos go together. The white space indicated by the square at the bottom shows the white space that separates groups of videos. The close proximity of the videos at the top shows that they must be related in some way.

Alignment

Their alignment choices are not challenging to the form in order to make the site easier to use. Have center aligned videos in neat rows makes them easy to browse and the left aligned menu stands out from the rest of the page.

Repetition

The main source of repetition on YouTube is in the video statistics placed below each video. Having a consistent video option layout makes it easier for users to know where to see video titles and video views while also being easy on the eye for being consistent.

Color and Contrast

YouTube uses a mainly white color palette in order to make the thumbnails on their videos pop more. This makes it easier for the user to browse videos without it being straining on the eyes. They’ve used the same concept in the menu on the side to draw attention.

Conclusion

Overall YouTube has a strong design that emphasizes the basic principals in order to create an easy to browse webpage.