Development & Realisation Assignment – (Planning #1)

As you can clearly see in the mind map I have drawn, I have come to the conclusion of picking the topic of looking into South America and study each country to see which country in South America has the highest percentage of crime within that country. Looking the death rates, gang crime and gun crime, then overall seeing which country is the most criminal. The title I am thinking of using is ‘Which country is the most criminal?’.

I did also look into some topics about crime but I felt that the South American region would be the most interesting the look into.

/home/wpcom/public_html/wp-content/blogs.dir/9af/75766788/files/2014/12/img_5489.jpg

Advertisements

Development & Realisation Assignment – (Change of Plan)

I found myself thinking that the theme of ‘Places I’ve Been’ wasn’t exactly the most interesting and informative idea for an infographics poster. After an extensive brainstorm I found myself at the point where I feel I needed to change my theme. The theme would still be sticking to something to do with countries and the world map, so a lot of my previous work would go to waste. The new theme I will be making an information graphics poster on will be ‘Crime Rates in South America’ or ‘Percentage of Gun Crime in South America’ this would be going through each country on a map and labelling the percentage (%) of crime overall or gun crime that occurs in each country of South America. I really think that this information graphics poster be will far more interesting and provide much more information for the audience than just the places I’ve been to.

So, from here I will conduct some new research into crime rates in the South American countries and post again as research for the poster. I will also draw up some hand drawn sketches in my sketch book to try and plan out what kind of poster I want and then use the research to bring to poster together. Seeing as I’ve already made an initial development poster earlier, the skills and techniques haven’t gone to waste as this was just practice and will therefore help me in my creation of the new poster.

Like I have done with the old theme, I will again go over the influences that my poster may have, in terms of colour palette, fonts, style and also canvas orientation.

Moving forward, all my posts on the Development and Realisation Assignment previous to this post aren’t my old idea, and anything I post after this post are for my new idea and are final for my infographics poster.

Development & Realisation Assignment – (Initial Development)

For this stage of my Development & Realisation Assignment I decided to create an initial design on Adobe Illustrator, which is basic and just provides an insight into what the poster would look like. This was to just get me back into using Adobe Illustrator and seeing what things would work and what things would not work.

Here is my initial development of the Information Graphics Poster created on Adobe Illustrator

Infomation-Graphics-Poster-2

This initial poster shows the outline, so to speak, of what the poster is based around. The country outlines could be filled in with its own countries flag to add some variety, I could also add some of the flag below or above the country outlines, as well as using some drop shadows, textures or gradient to give them a more three dimensional feel.

I know at the moment the spacing between countries in terms of the time space is very inaccurate but due to small amounts of room, I found it difficult to fit everything in on a realistic time frame and this is something I will be working on. Another realistic additional would be to add a photograph of my visit to these countries and have them coming off the country in a pin drop fashion.

I will be working on this and practicing at my Adobe Illustrator skills to try and improve the poster.

Flat UI Design (Practice)

I decided that flat design is something i would like to incorporate into my design for the information graphics poster, so i headed over to YouTube to have a look at some tutorials on the topic and hopefully learn a bit more on how to make a simple Flat UI Design image. This video tutorial is published by a professional web designer and obviously knows what he is doing. I also used www.flatuicolors.com for the colour palette. I viewed the entire video tutorial and decided to give the flat ui design a go and my out come it displayed below.

Bibliography

Armaganvideos, (2014), Illustrator Tutorial – Flat Design Tutorial [online] YouTube. Available at: https://www.youtube.com/watch?v=QmRf5feJaUI&spfreload=10

Development & Realisation Assignment – (Influences)

During the development and research stage I have been looking at some example information graphics posters to try and get some inspiration from them and maybe think about what mine may look like. There have been a few influences whilst I’ve been researching. These include the colour palette.

flat colour

http://qph.is.quoracdn.net/main-qimg-0f51815954001f621a4f08632fea2159?convert_to_webp=true

This palette is taken from my research on flat ui design and I feel that it is an effective colour palette with each colour having another to relate to. I plan to use this colour palette when creating my information graphics poster as I feel these colours stand out and go well together.

I will also be using the website www.flatuicolors.com which allow you to straight away copy colours into your clipboard and use them in Adobe Illustrator without having to remember long codes for each colour. Also has a colour which relates to each primary/main colour so you can create shades whilst still being in two dimensions and not using drop shadows.

Here is the website.

Screen Shot 2014-12-14 at 15.25.21

Another influence I have decided to discuss is the canvas orientation, I feel the canvas orientation is very important for the poster itself as it can help portray different things and provide a different message to the audience. The orientation I want to use is the landscape orientation, as this orientation is far more informative and I feel looks better for something that needs to provide a lot of information. Portrait is more of a layout for something to look at and this isn’t the orientation I will be using.

here are some examples in landscape

1671777-slide-0-submarine-cable-map-2013

http://www.coolinfographics.com/storage/post-images/1671777-slide-0-submarine-cable-map-2013.jpeg?__SQUARESPACE_CACHEVERSION=1360522873402

infograph1

https://howardsmithdmd.files.wordpress.com/2014/12/e8e84-poster.jpg

infograph2

http://favim.com/orig/201105/05/Favim.com-34397.jpg

Flat UI Design (Research)

For research on the information graphics poster, I decided to look at some Flat UI Design as it will help me develop my own poster. Flat UI Design is a design genre used for application and websites. It is an interface design which removes any types of stylistic design which makes things look 3D on your screen. It removes drop shadows, textures, gradients and any other tools which can add depth to an image. This style of design is inspired through minimalism and work from the Bauhaus movement.

Here are some examples of Flat UI Design being used in industry by some huge companies, such as Windows & Apple. Their use of the Flat UI Design style has influenced other developers to use this style too.

windows8

http://www.demomedia.co.uk/wp-content/uploads/2013/06/windows8.jpg

This is the latest Windows software to hit the market, Windows 8, it was the first major software to use Flat UI design in its design. The good thing about this design it can be viewed over various different mediums and will still look the same, so whether you’re using a phone, tablet or computer you will still have the same Flat UI interface, so therefore can fit over multiple screen sizes. A very clever move by the developers at Windows.

Another developer to use this design was Apple in their latest iPhone software, iOS 8, this interface design saw the use of drop shadow on its application disappear and turn to the use of Flat UI Design on its applications. Here is an example.

ios8logo

http://9to5mac.files.wordpress.com/2014/09/ios8logo.png?w=655&h=368

20141001152415!IOS_8_Homescreen

http://upload.wikimedia.org/wikipedia/en/archive/3/3e/20141001152415!IOS_8_Homescreen.png

This new design from Apple creates a more simplistic yet more professional appearance to the classic apple interface.

They have also done the same with their latest Mac operating system, OS X Yosemite, which replaced the old OS X Mavericks. Mavericks used to have a design which I wasn’t too fond of but now with the Yosemite update we can now see a Flat UI Design to Apples operating system. Here is an example.

os_x_yosemite_roundup

http://cdn.macrumors.com/article-new/2014/05/os_x_yosemite_roundup.jpg

ftyyhmaeobzie1aktegq

http://i.kinja-img.com/gawker-media/image/upload/t_original/ftyyhmaeobzie1aktegq.png

Comparing Yosemite to Mavericks, I feel that Yosemite again the same with iOS 8 gives afar more professional feel to the software and creates a bold and more simplistic look which I really like and would love to replicate into my own information graphic poster design.

I then decided to look into some colour palettes which I notice ran throughout most of the Flat UI Designs and looked into them further. This is what I found out.

Here is a website called www.flatuicolors.com which enables you to click on any colour and it will copy it straight to your clipboard for you to use in software such as Adobe Illustrator which I will be using for my information Graphics poster.

Screen Shot 2014-12-14 at 15.25.21

flatUIcolors

https://coderwall-assets-0.s3.amazonaws.com/uploads/picture/file/1580/flatUIcolors.png

These colour palettes will be the ones that I use for my information graphics poster as I feel it will be simple, bold and appealing to the audience.