Tuesday, January 29, 2013

Midterm Final - App Icon

I decided to design a logo for Bob's traffic app for an iPone. This app is for daily commuters to help them avoid traffic and construction by using their current location. The primary colors are green, for go, and orange, for road cones.

The above image depicts the first sketches for my app design. When I first read that that the color orange should be included, I immediately thought of road cones and wanted to incorporate them in my design. My first idea was to encircle the orange cone in white, then place it on a green background. I also experimented with traffic lights and the road cone. After analyzing the latter design on Adobe Illustrator, I decided that I wanted something simpler and went back to my original idea for the simple cone in a white circle with the green background.

Once I copied my design onto Adobe Illustrator, I started by perfecting the cone, as it is the center of interest in my design and I wanted it to look good. After many experiments, as seen in the image above, I finally perfected the cone and concluded on one that I was happy with. Once I developed the perfect cone, I placed it on the green background with the white circle. To make my design more authentic, I watched a tutorial on how to give my app design a shiny gleam similar to how real apps looks. Lastly I decided to add a slight gradient to the cone for effect.
Regarding the coloring of the logo, I added them in from the start. I knew I wanted the cone to be orange and the background to be green. However, I did experiment with other color combinations such as putting a red outline around the circle or having the inside of the circe be green. I even developed other design ideas (the traffic light and cone, as seen in the image of my sketches) where I explore a multitude of colors. I tried blue and orange gradients for the background and put colored outlines on the basic shapes. In the end I decided to stick with the simple cone and green background.

Above is a representation of my final logo design for the traffic app. As described in the logo description, I focused my design on using the colors green and orange. The orange road cone represents local construction that the app will identify for the user so that they do not have complications throughout their daily commute. Additionally, the background color is green, as requested in the logo description, to suggest the "all clear" and "go." I also choose to use the green as the background color because it is bright and makes a statement on ones iPhone screen. The white circle around the cone emboldens the cone and draws attention to the function of the app: identifying construction and traffic. Furthermore, I intentionally made the app very simple. I did not want to complicate the image or provide too much, disorienting detail, especially since the final product will be displayed as a small image, the size of an app. The simplicity of the logo also attracts the viewer and does not require any second thought for one to realize what the image is depicting. Overall, it is a simple app logo that is attractively bold without being complicated or cluttered. Even when minimized to the size of an actual app, it remains clear and defined as well as being interesting and appealing.   

Tuesday, January 22, 2013

AI Logo #3

This logo was based on including a symbol into the logo design. I began by sketching the treble clef into the M as seen above, on the right side of the image. Then I thought that it could use something more so I looked to the S for further symbols. I finally realized that I could incorporate a base clef, which is the opposite of the treble clef so the two symbols would go well together.

I traced the treble clef and M from a scanned image from my sketchbook and developed the A by looking at some other fonts. The S was the hardest part. To begin I had to trace my own base clef from an online image and then my own S. After, I began combining the base clef and the S. Once the logo was finally complete in black and white I then moved on to adding color. I considered making the treble and base clef one color while making the rest of the name another color from the start, but by accident I reversed the coloring of the base clef by filling only the dots. I like this because the treble clef is clearly obvious and profound but the base clef is more abstract and takes some time to consider and realize what it actually is. This coloring hides the base clef symbol at the same time as it adds to the pattern with colored dots. I chose the peach color because I like the way it goes with the black and is not too feminine but it is still warm and bright. (the final logo is shown below)

AI Logo #2

<--- (the first, vertical design)

This logo was my "ligature" development. I played around with many ideas of how to connect the letters of my name and my initials. The original idea for this design started with a completely different sketch. I had written my name going down vertically with the lower point of the M connecting to the A then continuing with the rest of "MAGGIE." Then I decided to just use my initials and add an S to the M and A, I finally decided in this design because it was a little more clever than simply connecting the I and E like Roman Numerals in "MAGGIE."

To start, I needed to find a font that was pointy and triangular in order to connect the top of the A to the bottom point of the M. The S was more difficult because I had to decide how I wanted to connect the A and the S. After many attempts I chose to have the S begin from the bottom of the A then have it overlap again towards the top. It is a simple logo but I like how it is smooth meanwhile blunt and sharp. The M is primarily square and angular then it flows into the sharp pointy appearance of the A which then transitions into the S which is smooth and flowing. I chose the colors based on my favorite colors and combinations. I love green and pink together because I think the light, coolness of the green counteracts the warm, bubbly aspect of the pink perfectly and I think it embodies something that is girly but adventurous and not weak or frilly.  

Friday, January 18, 2013

AI Logo #1

This Logo was based on the original idea of using my initials to develop a final logo. I also incorporated a symbol into the logo. In my sketch book I had drawn a single letter M using the ancient columns as part of the letter (as shown in the above image). I traced the columns from my sketchbook onto AI and developed them from their. After completing the letter M with the final columns, I decided to use the design idea of the single M and add it to my initials. So, using a simple font that still suggested the classic elegance of the columns, I added the A and S to the logo. I knew the M was very complex and intricate so I chose to keep the rest of the logo simple and let the main point of interest be the M, which is appropriate as it is the first letter of my first name. After many tries and developments with gray scale I moved on to color and began playing with the many shades and color combinations. I liked the ides of having the M be multicolored while the A and S would remain as one single color. Ultimately I decided to frame the columns in the same purple that I used for the A and the S in order to provide a common theme throughout the logo as well as having extra color and vibrance inside the columns in the M.

I like this logo because its elaborate but meanwhile simple. The complexity of the letter M is drawn back by the graceful simplicity of the A and S and the colors in the M do not overwhelm the entire piece.