Creating my own icons this week has been a bit of a struggle. I have found that I enjoyed it more than the last project that I completed in InDesign. I’ve been working with Illustrator this week and I find I like it better.
I started this project with my own employer in mind. I work at BYU-Idaho with the employee Sprint cell phone account. We are needing an overhaul of our website. The current site is very text heavy and it is difficult to find needed information. The landing page could use a few widgets and/or graphics to make it more user friendly and simple to search. These icons would help in making our page more attractive and easy to find the information needed.
This project required 4-6 icons and we have a few categories that we can group information under for our site. I created icons to represent each category – Services, Travel, FAQ, and Plans/Pricing.
I chose the colors based primarily on our campus branding guidelines. We use certain core colors, the blue, and accent colors, the grey and yellow, for all communications in print and/or web for BYU-Idaho. Since the site is for use for a BYU-Idaho function, it was best to stay within the style guides where I could. I liked the contract of the light grey and yellow with the bright blue. Blue is the primary color of choice for BYU-Idaho and yellow is the main color Sprint uses for its communications. Sprint’s is a brighter yellow, but BYU-Idaho branding was my primary guideline.
I wanted to keep the icons very simple and visually representative of each particular category. I used each color in some way in all four icons so that they would relate to each other. Keeping the free from text was a requirement for this project, but also helps in keeping them simple. There is already enough text on my website without cluttering my icons with it! I also tried to keep the lines very simple – only circles and rectangles. No need for abstract art in this case!
I haven’t presented these to my web designers at work, but may do so in the future. I am just a beginner, but it would be pretty awesome to use my work on our website! Thankfully, we have a team of graphic designers that can correct or improve upon my designs if that is needed. I value their opinions and will hopefully grow and improve with their help and guidance.
Oh, I have struggled with learning these past couple of weeks! There is so much material and so little time in my life to fit everything in. Isn’t that the story of everyone’s life? I would have liked to have more time to sit with someone who knows what they are doing on this project to get ideas and education. As it is, I figured out a lot on my own, asked a few key questions, and got great feedback from others. I think my first full spread is ok and not a complete disaster, so goal accomplished!
Audience – Why This Article?
In my church, I am the president of a young women’s group. They were on my mind as I was designing this piece. As I try to teach these teenage girls about the Savior and His mission on this earth, I find they need to really work on their own testimony of Him. I love this article and challenge to take time to learn more about Him in a concentrated effort.
When I found the article online, there was no color to it, no separation of ideas, and the pictures looked more like homework assignments! It was probably not that appealing to my girls. I tried to use colors they would love and make the text more appealing to read. I love the script font, Zapfino, because it is so elegant yet not too messy of a script font. The last picture is of my own daughter and she is the same age as the girls in my group. I wanted the design to look beautiful and calming – not at all the idea I got when I read the article and it seemed like a lot of work. The reality is that the work of this challenge brings beauty, calm, and peace to our lives because we are learning about Jesus Christ. I hope this design helps carry that feeling to the reader.
My first big decision for this design was the colors. I wanted modern, fresh, young colors because that matches my audience. I used the sunset picture as a reference and found a color palette that coordinates with the colors in the picture. It just so happens that they are awesome colors for the modern, fresh, young look I wanted!
The typography choice was next. I chose two contrasting typefaces that would complement each other and really help the headings stand out from the body of the article. I wanted something easy to read for the main body of the piece. I find the serif fonts look a little more formal and I wanted this to be an elegant and formal piece. The font I chose for the body is Baskerville.
As I mentioned earlier, the Zapfino font is a great script font because I don’t feel like it is too confusing. Some script fonts get too flowery and curly and you can’t hardly read them. I like this one for its lack of curls! I also love the long extensions on some of the letters. It breaks up the very horizontal look of columns of text. I did have to work with this font a little more on the alignment aspect. It doesn’t line up nicely with the flat edges of the page. The title of the article was a little challenging in that aspect. I pulled everything to the right to group that long title a little tighter. It was too long and spread out and I think mixing the fonts and grouping it to the right really helped the message not get lost.
The color and pictures work together in this piece to bring that feeling of calm and juxtapose it over an article that is challenging the reader to work hard on a time-consuming project. I didn’t want to have a blank white page full of text, so the grey background was a softer base for the article. The navy and coral are nice anchors of bright and dark color to ground the pages.
I only used one photo with color because it was the photo that inspired the color palette. The other two are actually nicer in grey tones. I feel like this emphasizes the content rather than the way the colors clash with the rest of the design. I also like how the two black and whites both have word elements in them – the table and the floor. That texture makes these two pictures more consistent with each other and not completely disconnected, random images.
I know I have only scratched the surface of what InDesign can do for my projects. This program is full of hidden treasures and tools to help me with design. I hope to continue learning so my design can be more appealing and maybe a little closer to the things I dream up in my head! It’s hard to get that image out when I don’t know the tools that are available to me. Just like the article used in this design challenges the reader to accept a huge challenge, design is a huge challenge to me. Both opportunities take time, effort, and a lot of study. Now if only I had that first element…..time.
Photography has not been a strong suit of mine, so I’m happy to be learning more about it. The basics I have studied this week have made me more aware of how I take pictures, but I still need to work on putting it into practice! All the professional photos in this post were found on Pixabay – a public domain site that is free for public use and download with no attribution required. I have linked all the photos though, so you can find the designer if you wish.
Rule of Thirds
I once got to see this landmark and wonder of the world in England on a dance company tour with Ricks College. It was not up close like this, but still amazing. I love the use of the horizon and the sky/clouds in this photo to demonstrate the rule of thirds. Stonehenge is balanced right in the center of the intersecting lines with the horizon as an anchor at the bottom and the cloud formation as an anchor at the top. I also like the rock in the ground in the left lower corner. It adds a bit of a break in the symmetry for the whole photo.
This is one of my favorite pictures of all time! My son made it to state as a freshman in high school in the 3200 meter run (2 miles). It was pouring rain and there were puddles on the track for his race. He loves to run in the rain though, so it was fun for him! The puddles came in handy in this photo because it caught his reflection as he ran past me. This photo is actually a great example of the rule of thirds because of where he falls in the picture. Rather than being in the center where I normally frame things, I caught him off to the left. I also love that the hurdles happen to be stacked on that side of the picture also. The track on the lower end of the photo and on the other side of the field lie right in line where the horizontal divisions are in the picture lie. This strengthens the shot according to the rule of thirds.
I can’t say I’ve ever been on a train, sadly, but I sure hope to someday. My kids have been really into Harry Potter lately and this train reminds me of the Hogwarts Express. The lines in this photo are a great example of how leading lines can show movement through a picture. The front of the train is in the foreground and the angle the shot is taken at leads you to the tail of the train that appears far off in the distance. I have no idea how long this train is, but the image gives the idea that it continues beyond what I can see. I also like the lines from the bridge that are almost parallel to the main tracks. They lend support to the image and also draw your eye up the to powerful locomotive and its journey along the tracks.
I love this photo from our vacation to Arizona. This is the new Phoenix, AZ temple and we got to visit the grounds for just a little bit while there with family. I like how the use of leading lines gives the image almost an unwritten caption of “All lines lead to the temple.” The lines of the pool lead straight to the front of the temple. I also notice the horizontal lines of the upper part of the temple. They help emphasize the symmetry in the picture and I think add to the focus of the temple as the central focus of the photo. (Even though the photo is a little off center! ha ha!)
Depth of Field
I see so many people take pictures like this while on vacation and I think we don’t realize what a good shot this type of shot really is! The shoes of the otherwise obscured person are the foreground and give an anchor to where the image begins. The trees leading down the hill to the lake give an idea of the space between the person in the shot and the lake itself. I love how you can see the steepness of the hill because of those trees. Way off on the other side of the lake are more trees that are also reflected in the lake. These trees appear much smaller and again give the idea of the space and size of the lake itself.
So, I tried the “feet on vacation” picture myself! This is in Arizona when I was steadfastly refusing to go work out with my husband and brother-in-law because I was on vacation! Sitting by the pool is so much nicer. My feet get to be the foreground of this picture, while the men and the bushes by the pool are the middle ground. The space in this photo is not as vast as the lake shot, but the pool is there in the background with the palm trees behind it. I am also the partially obscured person in the picture, so you see the scope of the backyard where I remained to lounge because of the viewpoint this photo was taken from.
All of my photos that are used for this post honestly happened to turn out to be good photos by a happy accident. Without even trying, sometimes I come up with good pictures! Now that I have learned more about the rules of good photography, I hope to create more good pictures on purpose. We have state track coming up and another vacation planned for the summer. I’ll have plenty of opportunities to practice!
I work at the University Store at BYU-Idaho. I supervise the Auxiliary Services graphic design team and I’m taking this class to help me with that part of my job. I can already see it helping me in my understanding of the designs we use and that I request of them. We have a lot of events for the store as well as Food Services and Print & Copy Services that my team designs marketing material for.
This particular poster was designed by my team leader, Paige Dearden, who graduated in graphic design last year. She was a student employee and now works for us while her husband finishes school. There were specific requirements for this poster that correspond with our store branding. I saw all her other ideas, and definitely liked this one the best. The light and variation in focus in the photo are so soft and spring-like. We are really needing beauty like this in Rexburg right now!
The first and most prominent typeface on this poster is from the script category. It belongs in this category because it looks like it has been hand written. Paige probably could’ve hand lettered this herself! We liked this typeface for the main message of the poster because it looks elegant and more personal.
This typeface is such a great, clean example of a Sans Serif typeface. All the letters and numbers are the same weight – they don’t have any thick/thin transitions. There are no serifs on the type, thus this belongs in the sans serif category. The two examples of the type do have different weights, but the letters/numbers do remain consistent with the others in their immediate proximity.
The first contrasting element I notice with these two fonts is the thick/thin transitions or lack thereof. The script typeface has strong thick to thin transitions and the sans serif has none. The letters there are all the same width all the way around the character. The second noticeable difference is the diagonal stress of the script style and the lack of stress in the sans serif. I drew a line through the O in OFF just to show the lack of thick/thin and thus the lack of stress in the typeface. The third difference is in the form of the two typefaces. The script is very uneven and free in its horizontal alignment. The sans serif is very straight and blocked.
Overall, the weight is also a big difference in these fonts. The sans serif at the top of the poster is very thin and smaller in size – even more so than the other use of sans serif on the poster. And though that second use is thicker – like the script – the lack of thick/thin makes the weight very different on the sans serif.
Even though this is a simple design with very little type, it is a great example of the use of contrasting typefaces. It is easy to read and the message is clear to those who see it. The use of the script is inviting and the sans serif emphasizes the details of the sale in a clear, concise way. I’m excited to see it displayed next week in the store!
This ad was produced by Adidas to commemorate soccer star, Lionel Messi, breaking the world record number of goals in a year. I found this ad in an article published in a foreign language, here, but still loved the ad. The world record was held by Gerd Muller since 1972. My son thinks Messi is the greatest!
The ad makes good use of strong left and right alignment for the details in the text. Where the picture is split in half, it makes sense to align the left text with the left side of the picture and the right text with the right side of the picture.
I love the use of the old and new Adidas soccer cleat to show contrast in this ad. The world record was broken in the same shoe, but the ad shows such a great difference with the old, scuffed up cleat and the new, modern cleat.
The ad groups together the details for each record – the old record on the left and the new record on the right. It wouldn’t really make sense if they were all strung out in a paragraph.
The use of the font in the brand, Adidas, is repeated in the title for the ad itself. All lower case letters are used which makes it stand out and ties it to the Adidas branding.
I love the use of color in this ad! The darker, grey background and the black and white cleat make the right side look old. This matches the old record from 1972 that was broken. The right side is bright white, the cleat is new and bright yellow. The new record looks cleaner, fresher, newer.
The use of the basic principles of design in this ad really make it clean and eye catching. Information is grouped so your eyes cover the whole page and you want to know more about this split personality shoe.