Eye Catching Infographics Created in Adobe Illustrator

I recently created an infographic for a client. The concept was that he needed to display time passing in three phases with some explanatory text next to each phase. As per my design process, I sketched out a few initial ideas on scrap paper and then began turning those doodles into digital designs through Illustrator (check out other examples of my digital designs here).

The first design I created had some icons at each stage and the three stages represented as almost a chutes and ladders game viewed at in a 1-point perspective. I still love the idea of using mile-post markers and looking at the infographic in perspective, but I just couldn’t get it to work where the information was readable. Since I’m not happy with it at all, and it has some elements that are client specific, I’ve decided to not share it here. The other two graphics I made are shown below but the text is replaced with Lorem Ipsum.

Besides jotting down initial notes and making doodles on scrap paper, I also did some cursory online research. I only had a few hours to complete a design and while my first concept with the infographic in perspective was original, I didn’t have the time to make it work. I needed to come up with a well thought out design that would immediately win the day, or at least one that would only need a minor revision here or there.

With some ideas in my head from my doodling and researching, I immediately started creating them in Illustrator. When it comes to graphics, Illustrator is my go-to tool. I love the precision, the intuitiveness of the program, the wide range of tools it offers, and I’m a little biased in that I’ve been using it for a long time now.

Second Infographic

 

The second design I had was that of a ribbon folded three times. This is similar to something else I had seen online, but I made the image more flat and went with a triadic colour scheme to make the three phases pop off one another. I used angular corners with drop shadows to emphasize the strong lines in order to add a bit of dynamism to the design. For the typography I wanted something clean and business looking. I made the date text bolder and clear white against the coloured background. The accompanying text to the right of the dates is made a little smaller and I used a light grey-tinged colour so it doesn’t compete with the date text.

Third Infographic

 

The third graphic I created is based off a more traditional timeline design. However, I tried to make it a bit more modern looking with a grey and bright yellow-green colour combination. I then added a drop shadow on the image to give it a bit of flat design feel. The typography went after the same principle I had in the second graphic but this time the block text was a lot more work. I wanted it to sit nicely within the rounded corner rectangles I had them in but use a justified paragraph alignment which meant playing with the kerning a lot to avoid rivers. The first of the three paragraphs still doesn’t quite work as well as I would like but the client was happy.

Let Me Know!

Let me know what you think of my two designs- do you have a favourite? If you’ve created an infographic yourself, pop a link to it in the comments below!

Creating Solid Graphic Layouts through Practice

Yeah, not sure how much I buy into my own title here. That’s not to say I don’t like what I created. Just that I’m not sold on how ‘solid’ of a layout design it is.

In all I believe I spent about 1-2 hours making this design, with the majority of the time spent on looking for images to use in the final version. I started this little exercise  when I was exploring some different layout designs. There’s a nifty website called canva that I was exploring and they had a bunch of layout examples. Really loved some of what they were showing and was inspired to play around with some enlarged text to help frame images. Thought that this might work for redesigning the home page of this website. Currently I’m not too keen on the hero image as the only element on the home page. Thinking of redoing it to be one long scrolling page that has little snippets of what else is on my website.

Anyways, I took my inspiration from canva and then doodled a few ideas on a piece of scrap paper. I then created a few mock-ups in  Illustrator. I created six different designs that all riffed off the same idea and grew from one another. The final design I created here was the one I opted to go with, which it’s somewhat funny that either I find that the very first or last design I create when experimenting is the one I end up going with for the final design.

I imported the chosen design into Photoshop and then looked through some of the images I had already put up on my Facebook page. For some reason or another I decided to just use jpg’s I could save off my Facebook page instead of using higher quality images off my external hard drive. Oh well, this was all just for practice anyways.

After pulling enough images, which would cover-up the black squares in the design, I decided the image needed some texture. With that I opted for a logical texture of art paper, which was pulled off the net. I then started combining everything in Photoshop. With the images I decided I’d go for blown up sections of them, and I think if I did this again I would create even bigger blow-ups of the images so you can see my brush strokes or pencil marks more clearly. The idea is that this is to communicate to the viewer that these are hand-drawn hence traditional pieces of art that I have created, and to entice the viewer to seek out the full images of my artwork posted here.

Above is the final version of the design. Not sure if I’m sold on how light the background is (perhaps boost the texture), and not sure if how I broke up the word Traditional is working for me. Regardless though, it brought up some ideas and that’s what the point was. One should never stop practicing and sometimes one should post their less than perfect work. They, as in ‘they’, say one should only put their best foot forward on their portfolios. Well, this website is my portfolio and while I want good artwork to be showcased here, I also want to post my steps. I want to post my progress and sometimes things that don’t work out quite so well.

Let me know below what you think!