Summary

For this assignment I had to create and infographic that illustrated a process. I chose to illustrate the process of straightening hair to create a sleek and simple hair style. I realized my target group be young tween to teen aged girls. I want my infographic to be simple, elegant as well as fun and eye-catching, similar to the hair style my graphic would be presenting.

I really wanted to create a simple, elegant and easy to understand infographic. To achieve this I knew I would have to have clean lines, spaces and text. I tried out many different layouts for my infographic until I found the perfect layout which allowed me to have all of the elements (text, images and titles) on the A4 page without it being overwhelming. I used the ruler tool to make sure that all of my text and images were lining up perfectly. I also think the rule tool helped me make sure that the flow of my infographic was easy to follow and understand because, with the rule tool out I really had to think about where and why I was placing text and images. I created contrast between texts by making them different sizes; with important words of phrases being bigger and more eye-catching. Over all I think I did a good job of creating a nice composition.

In my A8 business card I have used a font called Dolce-Vita from dafont.com. I liked it a lot and wanted to use it because of its sharp and simple lines. As I’ve said before, the overall theme of my assignment is ‘simple and easy’. I feel like Dolce-Vita translates this theme perfectly. It’s bold and eye catching because all of the letters are in caps, yet it is easy to read and isn’t too aggressive. I have also used this font in my A4 infographic. However, I have only used it on the word ‘straight’ which is in the title of my infographic. It is the biggest word/text in the whole graphic. I chose to use it this way because I didn’t want to overwhelm the graphic with too much of the large text so by only using it on the word ‘straight’ I can grab people attention while also summerising the whole point of the info graphic. I used the font Orator Std Medium in the other parts of my infographic title. This is an all caps font that goes well with the Dolce-Vita font.   The mass of my text is dedicated to the instructions I have written for straightening hair. I was tempted to use Orator Std Medium for all of my instructions though; I remembered during week 9 Shavani taught us that having all caps text could be seen as aggressive and overall just be unappealing to look at. So, I chose the font Myraid Pro instead. I think all of my fonts work well together and I’m happy with the outcome.

I kept my colour scheme simple, easy and girly. I wanted my infographic to be eye catching and appealing to my tween-teen girls target group so I went with a pinky, purple scheme. I used a gradient in the back ground of my infographic. I wanted to use a gradient instead of a soild colour because my small images (of the girl doing her hair) are all black. I think if I were to leave my background as one solid colour my whole graphic would look flat and boring. To make my business card a little different I made three triangles on the business cards background and filled each with one colour from the gradient used on my A4 graphic. To me this just made the infographic and business cards different and unique while still obviously being part of the same whole.

I decided to hand draw my images. I wanted my graphic to look as good as it could possibly be and I knew my drawing skills on illustrator weren’t very good. After hand drawing my images I scanned them and placed them into Illustrator. There I used the ‘Image Trace’ key and ‘Expand’ key to turn them into bold images with vector points. By doing this I had the option to change or remove any parts of the images I didn’t want. I could even change the colours of them if I wanted to. However, I decided to keep them simple and black.  I’m really happy with the outcome and I’m glad I chose to create my images this way.

WIP: Colour Schemes

To begin with I quite liked the simple, minimal look of a white background on my informational graphic. However, I know that leaving my graphic with a plain white background along with black images as well as text isn’t eye catching. So to make my graphic more attention grabbing I started playing around with colours.

Image

My graphic is aimed at tween-teen aged girls. I think pink is universally known as a ‘girly’ colour so I tried adding it to my graphics image. I chose a really hot pink, which ended up making my text really hard to see. Overall the colour was to overwhelming.

Image

Next I tried a blue. This blue isn’t as out there as the pink was. It’s nice and easy to look at and doesn’t make the text hard to read. Overall its nice, though, not quite what I wanted for my graphic.

Image

Inspired by the soft blue colour, I then tried a soft pink colour. This colour worked a whole lot better than the hot pink. It’s girly, without being over whelming and it’s pleasant to look at. However, I think just having one colour as a background a little boring. Even though I am seeking a simple and elegant look, I think that a background like this makes it look like I haven’t put in much thought or effort into my graphic. Somehow I am going to have to find a way to create a background that is simple, but not boring.

Image

I then tried adding colour to my text. I liked the idea and thought that it would turn out really well. But sadly I was disappointed with the outcome and overall look. The text may stand out thanks to the colour, but it is now harder to read in my opinion.

Image

Lastly, I tried having two colours in my back ground. I like the idea of having more then one colour in my background but I don’t think it works this way. In this edit it looks like my graphic is meant to be split into two different part, which it isn’t. I like the idea a lot though, so i am going to work on different ways of incorporating two or more colours into my background.

 

WIP

Here is my informational graphic so far. Next I will add colour to make the graphic more eye catching. I’m going to have to find a perfect colour scheme that follows the simple theme that I have been working towards.

Image

Drawings

I decided to hand draw images for my graphic. Mostly, because I wanted my images to look nice and I knew that my skills at creating images on Illustrator weren’t very good. Once I had drawn all of the images I needed, I scanned them.

Image

I then opened the images in Illustrator and there I used ‘Image Trace’ to make them look like this….Image

I’m happy I used this process as these images look a lot nicer than any image I could have made using Illustrator tools would have looked.

Layout

Our brief states that we have the option to present our informational graphic in either a landscape or portrait layout.

Here are two early edits of my hair straightening instruction guide.

Image

Image

I think I will use a landscape layout for my informational graphic. With a landscape layout the flow of my instructions is a lot easier to follow and appealing to look at.