Assignment 1 – Design Analysis

Upon looking at the brief and coming to a firm decision on what question I would choose to elaborate on and create my A2 poster came naturally to me. The subject that interested me the most to want to delve deep and design an attractive yet informative poster that was easy to read. Where have I been and when, this was the question that stuck out to me the most. I have been to a handful of countries with either family or friends and plan to go on many more in the years to come, as I personally love to travel.

I felt this being my initial idea could be personal to me and that I could interpret and shape it anyway I wanted, therefore easy to portray on paper. I started looking at world maps and ways in which I could highlight the country I have been to without making it too tacky and ruining the original image. I wanted to incorporate the year I traveled there as well, with perhaps a key on the side giving simple information to the audience. There was countless ideas flowing through my head at one time, therefore I decided to use to write down a quick informal brainstorm.
mind map - world
I really like the idea of putting the countries flags on each of their retrospective land and using Adobe Photoshop easily put the image to black and white, and then reveal the colour of the countries i’ve visited using the eraser tool. Researching through countless pictures, I had ideas of either using huge flag identification for the country, but tracing the world map and dividing all the countries up was extremely time consuming. I wanted my poster to be accurate and easy to acknowledge which country is which, therefore I looked more into the the font aspect and how to create the shape using just the countries name.
map idea1 map idea2
But upon drawing up ideas including pictures of a globe and identifying the various countries I’ve visited within Europe, I realised soon into the preproduction stage of this assignment how big the world truly is and how much of it that I hadn’t even come close to visiting yet. This set me back upon my research and my main aim was how I could focus this Idea around only European countries. Having these nerving thoughts of my poster having so much space unused on my poster I decided to change the subject.

At the time of being assigned this task, we discussed as a group what would most likely be our choice and not one person looked twice at the last question. So instead of opting for a generic subject to discuss with the rest of the class, I decided to pick the forgotten question of how the hydrologic cycle works. I was personally interested in the water cycle as i’ve never learnt about it in my years in education so it intrigued me to learn more. The main aim for this question was to create a very informative poster that would teach those who read it about the fundamental points in the flowing diagram and explain in depth how the water is cycled around the earth and the harmful factors that affect it.
water cycle 1 pollution 1
I began my research looking into the hydrologic cycles that are currently out there on the Internet, with countless different diagrams to look at I started off being quite confused. After many hours of reading information on how the cycle of water is created and recycled around, I finally understood and could begin drawing out a basic background image. But before I began what felt like copying all these water cycles that looked very similar, I researched the pollution side of the cycle. I didn’t want to create a poster any like the ones already created on the Internet, but a completely new representation with far more information to attract those who would be interesting in learning more.

I opened Adobe Illustrator and started by creating the title for the poster in the top right corner, in a large cloud as it was very symbolic to the topic. I thought it was clever to fit ‘H20’ with the word Hydrologic as it is also known as the water cycle, but with a twist I also added the word pollution as I will be showing the positive and negative effects that it can have on the earth. I then started with the basic rough drawing of the environment in the distance, by trying to combine mountains and hills together. Followed by sketches of transportation in the sky, water and on the ground, connected together all in one picture.
initial sketch first draw up
From the initial rough drawing I expanded and to the best of my ability drew the black and white outline for the poster. I tried to fill in most of the space on the blank canvas I had before me, to make it the most attracting I could for those who will look at my poster. The next step was to colour in all the sections I drew, with some scale of detail and shading the best I could, though my main aim was to make it colourful and easy to understand for younger ages. Finally for simple explanation I labeled the poster with a the main four arrow cycle in a neutral purple, followed by areas of pollution in red and the natural journey of the cycle in blue. The font I chose was ‘Myriad Pro’ as it was clear and easy to read, using the colour white to contrast its visibility.
second draw up final poster
After the completion of my poster I critically evaluated myself and found ways I could of improved if there was more time. I’m happy with the design and the fact its drawn with vector graphics in Adobe Illustrator as it doesn’t lose pixel resolution when zooming in or out. But the structure of the labels placed around the poster and the amount used was slightly over the top and unneeded, I felt as if I could of cleaned it up and arranged the information more professionally. As someone who’s grown up with an education using Adobe products I opted away from using Inkscape to design me A2 poster. With what I have to show for the hours taken researching and designing my final product, I am predominantly happy with the outcome.


Net Neutrality

It is sometimes referred to as the “First amendment of the Internet”. Net neutrality is the term used to describe networks that are open to equal access to all. It’s a network design paradigm that argues for broadband network providers to be completely detached from what information is sent over their networks. Network neutrality requires all Internet service providers (ISPs) to provide the same level of data access and speed to all traffic, and that traffic to one service or website cannot be blocked or degraded. In a general sense, it is mainly supported by companies that provide services at the edge of the network, and is generally opposed by companies that manage the middle of the network.

In essence, it argues that no bit of information should be prioritised over another.  This principle implies that an information network such as the internet is most efficient and useful to the public when it is less focused on a particular audience and instead attentive to multiple users.



We finally chose to base our website around students and the nightlife in Bournemouth, while highlighting the various unique deals each location offers. As a group we created rough templates of what we envisioned our web-pages to look like. It was advised we should do this last, though as it was only a quick messy, free-handed representation to give us an idea and then we’ll leave time at the end to polish.

Next on our list is to begin coding the initial structure for the back-end (MySQL & PHP) and then the front-end (HTML5 & CSS3).Screen Shot 2015-03-20 at 16.57.04

Group Meeting

Today all three of our group members attended a meeting, discussing various ideas and collaborating thoughts to progress our interactive website.  We brainstormed many great ideas, therefore it took us a while to all agree on one to base our website upon.

Posting Format

Since going to a recent seminar I have decided to standardise certain aspects of my posts and also incorporate some style changes.

 The standard size of images and videos will be 660 x 400, which will fill the whole width of the post and enable them to be clearly seen.
 Continue to ensure that the high-resolution version of images is available when an image is clicked on.
 Continue to scan any sketches and avoid phone images.

 Use bullets points more to simplify posts.
 Sub Headers to make posts easier to read, as people often scan through blog posts.
 Avoid long body’s of text, as this can be unappealing.
 Bold text to highlight important sentences.
 Continue using a sans-serif font, as it is easier to read from the screen.

 Continue to use categories to organise the site, but I will start to use tags for thematic content that spans across categories.

Participatory Culture

Online wikipedias is a quick and easy way to gain information on any subject, item or person. They all have the ability to be freely edited and added to by anyone with access to the Internet, therefore everything written can’t always be believed. But the majority of the information is correct and there for everyones benefit. An example below is a specific wiki for the game franchise “Grand Theft Auto” which covers everything from missions to (what I decided to help edit) cars.Screen Shot 2015-02-17 at 13.36.00

Adobe Illustrator Tutorial

We were introduced to vector graphics in Adobe Illustrator as well as a PC alternative program called InkScape. I personally get along with Adobe products far more (even though I own both formats).
Screen Shot 2014-11-19 at 13.05.40 Screen Shot 2014-12-20 at 20.07.38
I got used to different ways to create perfectly symmetrical lines via various tools. Some were harder to get used to than others, though with practice around the Starbucks logo I was able to create a quick doll with different shaped edges.


We were all given our usernames and passwords for a hosting program called FileZilla. This was a great learning curve going from HTML to PHP coding, with knowledge about both it will help me vastly in the future.Screen Shot 2014-11-24 at 16.47.40
Passing over folders containing PHP information into the FileZilla hosting files was remarkably easy to get used to, as once you replace the previous PHP file it will automatically change it live to the existing website.

Adobe After Effects Tutorial

We created a simplistic image of a pattern with different colour on Photoshop, then brought it into After Effects with the ability to reproduce the image multiple times slowly rotating around in a clock-wise position. These were the results:
I then got taught to create the illusion that a still image is moving. This was done by creating fake snow falling down across the picture while the camera pans from one side to the other.

This was also the first video I had uploaded onto my blog, which I had to create my own Vimeo account for.