Images

Screen Shot 2015-06-03 at 8.03.25 PM Screen Shot 2015-06-03 at 8.07.25 PM

Advertisements

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.

WIP #6- Working on my smaller graphic

Having finished my main infographic, I am now working on my smaller grahpic and trying out a few ideas….

Screen Shot 2015-05-30 at 11.34.44 AM Screen Shot 2015-05-26 at 9.44.40 PM Screen Shot 2015-05-30 at 11.26.16 AM

The last two are obviously very similar, with just a few changes to sizes. I am still leading towards the middle one, which was my original design. I also tried making the words into an arch shape, but this looked terrible and was hard to read. I would like the main focus to be the spiral because people often associate this with hypnosis, then the words kind of follow on from that.

Suggestions are definitely welcome!!! Please……

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!

Reasearch post #5- The Importance of Research!

For my last research post I have decided to cover the topic of research itself, because research has been a huge part of my design process.

This web designer, Mike Locke, explains why he has made research a part of his design process. He says it is crucial in helping solve problems and producing the best possible designs and ideas!

When creating an infographic, the intention (as the name suggests) is to inform. In order to do this it is vital that you know what you are talking about! Research plays a huge role in informing you, the creator, so that you can go on to inform others about your chosen topic. Facts must be correct and no information should be misleading.

My topic, hypnosis, is one I already knew fairly well because my mum is a hypnotherapist. She was my first point of research. I asked her questions and she provided me with professional information that I knew I could trust, as she is qualified in this area. I supplemented this research with interesting facts, pictures and diagrams I found online, that helped me break down explanations into simple and concise words and images.

After collected three pages of research about various elements of hypnosis, I then had to choose the most important pieces of information based on what I had learned. I believe this research gave me good foundation knowledge of my topic and allowed me to choose the best information to put into my graphic. Here is a link to the research I did on hypnosis:

What is hypnosis

The second element of my research was learning about visual techniques like colour, typography and infographics themselves. This was just as important as m topic research because I am still very new to design and visual communication. This research meant I felt like knew the techniques I was using and why, rather than just going by ‘what looks good’. I could then deliberately manipulate these techniques to better my infographic.

Sources:

http://www.mlwebco.com/2010/11/02/make-research-an-important-part-of-your-design-process/

WIP #5 – Progress Update

I am now quite close to finishing my infographic. I have all the information I want on it and have played around with the colours and typography.

I have used five different colour schemes to separate the five sections around my infographic. I have tried to keep each colour scheme minimal, using different shades and tints of colours. I have also kept the boxes that contain writing the same colour across the whole infographic, so keep it cohesive. I have tried to use the colour sparingly but effectively.

I have also played with a few different fonts and settled on one that is easy to read. For my titles, I used the bold condensed form of the font. Sub-headings are written in capitals and general writing is just the normal font. This same formula is used for every section.

My main heading is the same font again, in bold capitals. However I have replaced the “O” in “Hypnosis” with a spiral font that illustrates the topic a little bit.

I have also started creating my mini image, but am not sure about how it looks at this stage. I have used the same spiral from the middle of my main image, but added a gradient behind it, made up of the same colours used in the main infographic. I have also used the same fonts for the heading, with an italicized “how it works” written beneath.

I feel like it is almost finished but would greatly appreciate any feedback on things I could improve or change!

Screen Shot 2015-05-26 at 10.05.08 PM