Archive | Design Iterations RSS feed for this section

Processing – Nested Loops and rotation

13 Oct

In our latest processing work we learnt about the use of rotation and nested loops. The nested loop that we created allowed us to create a semi opaque grayscale tiled background. This effect was created using the code below;

Nested for loop

Nested for loop

Tiled grayscale background

Tiled grayscale background

When then went on to create a rotating graphic display to do this we used both the translate and rotate functions. First we had to change the rotation origin point. To do this we used the the translate function and set the x and y value to half width and half height, This sets the origin to the center of the canvas. Then we created the rectangle with a random hue that changes each frame. Finally we used a if mouse pressed function that saves the current frame to a png file. Below are two examples of outcomes that I made using these principles.

Processing code

Processing code






Design Iterations – Poster Brief Final Day

9 Oct

After the initial iterative design process for the poster and data collection on the area we would be putting or posters in we had a final design that was ready to be used. As  a group we decided to place our posters on the sliding doors at the very entrance to Weymouth House, below are some images of the location and design within the space.

Final Poster in Weymouth House

Final Poster in Weymouth House

After seeing what kind of response the poster received from being in this location as a group we decided to then move the poster to a new location to gage if it would receive a different response. The first location was successful however we felt that as the were placed on the front doors every one coming into the building could see them so that was a positive but we collectively agreed that the poster didn’t hold the attention of anyone for a prolonged period of time. we then moved the the poster further into the space of the foyer and placed them on the central pillar close to the large monitors. From this location we retained more viewers for longer periods of time. Overall we felt that placing the poster in multiple locations was very beneficial as we were able to gage a wider range of views.

Overall the process was very helpful for learning a lot about both the space and the process.

A few things we learnt are;

  • The more colourful posters draw more attention than our white background.
  • People are more drawn to the posters when there are less people in the space.
  • Graphics are not as noticed when the space in busier.
  • The two main screen draw the most attention rather than posters.

Things we would do differently next time would be;

  • Stay for longer periods of time.
  • Come at different times of the day.
  • Ask people more questions.

Learning Processing

7 Oct

So after a long summer back at home in a busy part time job I have finally arrived back at Uni where I am straight back into the process of learning new techniques to further my skill set. Recently we have been learning a program called ‘Processing’, this software was initially used to help teach computer programming fundamentals through a visual process.

Learning the basics was fairly simple and I was able to produce simple things such as lines, rectangles, ellipses and, triangles. Below is an example of the code used and a screenshot of the output of this written code.

Screen Shot 2014-10-07 at 14.57.36

Written code for different shapes

Out put of the written code

Out put of the written code


After learning how to draw some very basic shapes on the canvas I took an iterative process of going back over these shapes to make some improvements. The improvements where on the appearance, for this I changed the fill colour and the stroke weight. Again below are the example of the code and the new outcome of it.

Extended code to change colour and stroke of the shapes

Extended code to change colour and stroke of the shapes

Screen Shot 2014-10-07 at 15.12.12

Out put of the new code


Design Iterations – Poster Brief Data Collection

6 Oct

The next process was to get a better understanding of the space that we would be placing our posters. For this we spent a period of time in the space taking general notes and also stats on the number of people in the space and what they where doing. Some general things that we came to understand was the the main demographic of people where students with also some lecturers. Something that proved to be an issue was that people very rarely paid much attention to and physical posters, if people did pay attention to any content it was on the multiple screens positioned throughout the space.

We then conducted a data collection method in which over a 10 minute period from 12:50 until 13:00 we analysed what people where doing in the space. Below is the data that we recorded;

77 people – Walked through the space

12 people – Bought Coffee

7 people – Working

21 people – Socialising

2 people – Looked at poster Displays

From this information we understand that out poster must be placed at eye level and in the walking path of students for them to take any notice. We also must ensure the poster is bold and stands out from any other content in the space. This process was vital to understanding the space and what to expect when putting our poster up.

Design Iterations – Poster Brief

4 Oct

The first unit for this year in DMD is Design Iterations, this is ultimately to process leading up to an interactive design piece that we are going to be producing for the foyer of Weymouth House. Leading up to this project a miniature brief we have been assigned is the design of a poster that represents Dorset becoming independent. This is a small group project to design an A3 poster to help us understand the iterative design process.

The group and I had a research and brain storming session to understand the fundamentals of an independence campaign and the key stigmas of Dorset County. After this session we have a few ideas on paper, a few ideas we drew up focused on agriculture and tourism. Portraying these ideas we created two different sketches using iconic symbols of these ideas such as the beach and pier for tourism and tractors and farmers for agriculture.

After discussing the ideas with both the other groups and lecturer we began to move away from this ideas as we all agreed they didn’t express the right notion we required. From this point we came up with the idea of Dorset removing itself from the United Kingdom, to protray this we wanted to have a map made of two pieces. One being dorset filled in with its flag and the other the UK with its flag, then the Dorset chunk of the map would float away from the rest of the UK. After this meeting we all decided to produce and refine this idea into an actual poster that we would them reflect on together via Facebook.