Summary

The topic of my infographic was “How hypnosis works”.

My aim was to give a beginners lesson on hypnosis- an overview of what hypnosis is (and what it isn’t), how it works and what it is used for. I wanted to produce a graphic that used words and images to simplify the topic. It had to be fun and quirky, reflecting the sense of wonder hypnosis evokes in people. However it also had to look clean and easy to navigate.

I brought a sense of fun and quirkiness to my infographic through colour. I used 5 colour schemes- one for each section of my infographic. The aim was to create a psychedelic feel, representing the creative workings of the mind and consciousness. Each colour scheme consisted of 3-4 shades of one colour. This gave a sense of cohesion and avoided too much colour. I kept text boxes the same colour throughout the infographic to tie the different sections together. Using colour sparingly, only on the icons and text, I avoided messiness while still being fun. The colours also organize the infographic, helping the eye focus on one section at a time against the light grey background.

Because my infographic is reasonably busy, I wanted the title to be bold and easy to read. For this reason, I used a simple bold font. I used a different font for the O, creating a fun and creative flare that wasn’t too detailed. It provided spiral feature in the centre, but also resembles an eye. It reminded me of the common image of an eye with a spiral in the middle to depict hypnosis. I adjusted the tracking and size of letters to make the word easy to read.

I used the plain version of the same font for the rest of my writing, as I wanted everything to look uniform. I developed a sense of hierarchy, by bolding titles, capitalizing my subtitles and keeping explanations lower-case.

Composition was something I initially struggled with. I was trying to fit everything in a circle and I had no main focus image. After talking to my tutor, I made my brain and spiral the centre focus image, with my information ordered in a grid-based layout around it. The spiral initially draws the eye to the centre of the image. It can then look up to the title and make it’s way around each section in turn.

Each section layout is different, however all of them are based around a grid pattern so they look uniform. They line up evenly and have even space surrounding them to give a polished look.

The circles in the background give the graphic movement against the grid layout, pulsing outwards from the spiral and brain. However they are not so bold they interfere with main information.

Lastly, my icons are all vector graphics. Some, like the brain, fingerprint and head, are based off photographs and others are images I envisioned myself. I used different shapes as well as the pen tool to create basic but recognizable icons to illustrate hypnosis. I used the pathfinder tool to further manipulate shapes together. The colour shades give depth and definition to my icons. With the brain, I used the paintbrush tool to give a quirky and ‘drawn’ look. The icons I created are simple and illustrate the titles to break up the words, drawing the viewer in to read more.

My smaller image uses the spiral from the main infogrpahic with a gradient of the colours from the main graphic behind it. The spiral is the icon people most recognize from hypnosis so it invites the viewer to learn more. The colours on the grey background, and the use of the same title fonts tie it in with the main graphic.

Overall, I am proud of the infographic I have produced, having never used illustrator before! I think it looks fun and quirky but is easy to follow and presents the most important beginner information about hypnosis.

References

Agapito, J. (2008). Fingerprint [Image]. Retrieved May 25, 2015, from https://www.flickr.com/photos/blvesboy/2327808306/in/photolist-4xGCiY-mvGW7-9pJBRw-77pFSf-6tKgHz-gLGinB-9UAQ9w-atZRWf-5sWY3G-66WZzQ-3e2WrL-eeawis-E1Pqs-4fAt8Y-7zdGyK-4TdTi6-dXo477-8b9h6z-7zdHxP-6tKgcz-4zeup-9gJRL8-7MvCZ5-2S5iBT-gK4z2n-mgkck-dakU8U-5kSx8u-aukszR-cdNuPS-8K4DPh-coxFeu-nNwwGY-8KNLuo-p9cJt-cz6ShU-4bPRfp-7QcVF-7zdFrt-4zehS-7zdENX-7zhv3Q-pgRLkD-8oA52v-d38cp3-5UGnjf-7zhtbE-5Pxw3Y-cW1HDL-8vfcMP

Florian, F. (2014). [Untitled photograph of a man meditating]. Retrieved May 20, 2015, from https://www.flickr.com/photos/flowtastic/13695130785/in/photolist-mSc8fz-4xHq34-9xvoA-EJaAF-iue2iA-37ce-d7mqDq-8Midu9-6NcKGg-KfsHj-6Nq9e7-fxnqEn-8dfYBx-jAkinK-d8wKDo-45xuR-fpGjpk-7vgvWg-6RSYdt-9jUTb3-6vj3rm-7Soq7b-efWEDL-bAkzWr-3dXQqm-8FGHv5-6fuQmq-2Gp7Z-eambYQ-9Naxdm-dstur9-6Zg92i-9hbCPp-4HptiD-NdY7c-oXhQsR-apB8sr-bQ3RDt-9R5uwr-aE7D4V-7VTLJR-bpF8iL-5wbJzN-4Moo7r-2z6Xuo-HQwtF-8cDeKJ-dGLj6q-cdTWpb-cs8wBh

Heidelbach, W. (2006). Puzzle3 [photograph]. Retrieved May 20, 2015, from https://www.flickr.com/photos/wilhei/109403331/in/photolist-aEHNk-5g6PTY-dLbFMf-jouman-oJYQ6K-5VxirZ-9cfBr2-p6amhh-dPgAu3-8BXFY3-pz9Gx4-aT8KJt-dKfwc5-9WC1cn-dQP4Sh-8FqNnZ-e8pt91-e8iNKX-8ZwnR1-7r5FUR-4ngDbv-3At1qN-3AouJB-fGUiVk-nbZnT9-aJSfjK-36mK5e-bsAb2x-7r9BF3-3AoonD-HJzcd-FUxN6-FUxNc-FUxMZ-FUxMz-fWeykn-7vEVHQ-jFj8M-dKMueJ-bVzcNh-dCTLiX-dSuwLq-dUUwNV-irYX5h-7r5Gct-eQN8Y1-7r9zeb-7r5Hbi-9TG6rw-e35tMc

Rowley, K. (2012). Logos, eros, cosmos-cover art [Image]. Retrieved May 25, 2015, from https://www.flickr.com/photos/yugen/6819862873/in/photolist-boDzCD-ecw6Dm-6w85mz-7AimkZ-6xcF5U-4pC6Xi-9skfyY-4UTuDE-9FSAYP-8pxhK8-5WqWuo-52stLo-fwEPpb-9S2YX-7ngGjF-35tcWX-9S2ZP-9S2Zd-9S2Zw-9S2YJ-5ztvZv-Gg1NE-5MuC2n-47rtcH-76g4c-4pGbqy-kWjBt7-a719tj-9rFM9F-9ocJu-9gLLiR-5fGVy1-95njkz-9vAgqC-qpbhH-9pTDfn-9Vecit-9wLMpu-qTSfo1-6NVwJZ-55Gf9Q-4Ao1j7-9pXben-6adVif-81ZSsz-9S51Jx-4Ao4AL-9FGf8L-3UN759-dDjZFN

Toto. (2012). K22 Spiral Swash [font]. Retrieved May 20, 2015, from http://www.dafont.com/k22-spiral-swash.font

_annamo. (2007). [Untitled image of a silhouette head made of lights]. Retrieved May 20, 2015, from https://www.flickr.com/photos/anna_mo/2846621951/in/photolist-d9TRfH-5kxFwP-d9TRGd-gjJiBp-qWH9SK-adGevW-5aX9mA-4wKJAg-aWJF6g-q3yB3-5xM7Bx-fhLRxL-aDdwZe-e17HqM-4QCQMo-nii9Ed-5uLGVu-5G7vjp-d9TRyS-5kxFA8-aQtJmz-9aT5cP-aJgW78-e5C8oH-e5C9Jr-e5Cabc-e5HMus-e5HQfh-e5CaAT-e5HLDs-e5HMWu-e5HPLu-71ntRE-5kxFWK-498nHi-jdz6Kj-dCajz6-3Mc9WR-4BGake-4B283S-8qvSvR-4sNiDu-6WZQwc-csj7ij-8ptvNU-3dvcQp-dB8nwE-jKEndu-bWXekj-9gxy9C

Comments

https://photorealness.wordpress.com/2015/05/10/brainstorming/comment-page-1/#comment-15

Hey! I am absolutely in love with your Harry Potter idea and wish I had though of this one myself hahaha I like your idea of the three step process to killing Voldemort, but I do feel like the horcruxes would take more explaining than the other two steps so you might have to work around that in terms of your layout. I can imagine little icon Harry and icon horcruxes quite easily! Voldemort may be a bit tricky to convey effectively, it could either look great or look like a potato, but my illustrator skill is not good so you may have a better idea of how to get him looking great than I would. I think you also could be quite creative with your layout. One idea could be to use gravestones (like the Goblet of Fire graveyard) to house your different steps, but you could come up with some other book/movie related setting that could be interesting. All of your other ideas are great as well- my second choice would be the film noir one because you seem like you are really interested in that as well. Good luck!

https://lorettajanecomms.wordpress.com/2015/05/23/wip-2/comment-page-1/#comment-23

What a cool idea for an infographic! My favorite concept is the third one with the instructions inside the stack of pancakes. I think it is really clever putting the ingredients inside the hat at the top, almost like a traditional recipe layout but more interesting! However I wonder if you really need the arrows pointing to each next step? I understand their use in your other concepts, to guide the viewer around the steps, however I think the fact that concept 3 uses the stack of pancakes ranked from top to bottom speaks for itself and is easy enough to follow without arrows. If you wanted to, you could number the steps instead in a more discrete way? I think the arrows clutter the image a little. All of your concepts look great though, the essential elements are all there and I can image a nice warm, foody colour scheme going along with it well =D

https://jaimesvisualcomm.wordpress.com/2015/05/20/progress-two/comment-page-1/#comment-42

Looking really cool so far! One thing I would suggest is separating your background from the foreground somehow. At the moment the detailed background, while very clever, detracts from the information and icons in the foreground. Perhaps you could take the opacity of the background down, or dim the colours a little without losing the geometric details? I think that would help with the busyness of the infographic and make sure the eye knows where to focus. I really like your images, they must have taken a lot of patience and attention to detail to get all those little pieces fitting together perfectly! Very clever =D

https://hbourkeviscom.wordpress.com/2015/05/24/concept-thumbnails-2/comment-page-1/#comment-11

Hey, cool idea for a topic because this is definitely something I could use an infographic to understand! The design I like best is your last one with the lotto ticket in the middle and the facts surrounding it coming off corresponding numbers. I like this concept because you have a clear title which integrates nicely into the image (being on the lotto ticket). Perhaps to make the numbers a bigger part of the design, the circled numbers with facts attached could be slightly larger or bolder than the other… just so it is clear that they are part of the fact not just random numbers. You could add a subtitle to your main title if you wanted to as well- “Lotto: things you didn’t know” or something like that just to make it clear at first glance exactly what information your graphic will give. I really like how you have a main image to focus on in this concept, it is not too busy and will work nicely with your facts I think =)

https://chloesvisuallycommunicative.wordpress.com/2015/05/23/wip-week-three/comment-page-1/#comment-18

Hey Chloe! I agree that your second concept is cool. I think the images on the first one may be too similar to each other, but the images in your second design are much more distinguishable and interesting =) One thing I would suggest is to make sure your 3rd and 4th images are different from each other, but i recognize that this is hard to do with sketches. Once the colour is there I image they will be different from each other. i like your ideas to use pastel colours to portray the femininity of make up, you could use your typography to do a similar thing. Using a nice swirly font for the title (and maybe subtitles for your sections) could have a very feminine effect as well. However I would stick to an easy-to-read font for your main pieces of text. Another idea, though you seem sorted, could be to use a fully made up face from your first design in the middle, and use arrows coming out from each part of the make up explaining what it does/how to use it. I like the idea of still incorporating a made up face somewhere in your image (maybe even on your smaller image, I dunno?), but otherwise I really like your second concept =) Good luck!