Thursday, 7 April 2011

Week 8 Directed Study - Creativity With Paper

Brief 1: A Hardcore punk band require a flyer for a forthcoming gig. The band must reflect their punk ethos, and will be handed out at a range of other events.

The Flyers are going to be on A5 size paper, but since I will print 1000 copies, flyers will be printed on A1 size paper for money saving. Instead of printing 1000 copies, I will print 62 copies.  
I will be using glossy paper. The reason is because on the flyer will be a photographic image, and with glossy paper will have better quality. Plus most of the times flyers are thrown on the streets and the glossy paper will not be destroyed easily.
The paper stock will be at 150gsm. The reason is because we do not need either a hard paper or a very soft one.
For the flyer design I will be concentrated on colour like black and white, plus a pink colour or a yellow one. The reason to that is because punk bands usually their image and ethos is in within those colours.
The photograph I used in my design is one of my own picture portfolio, which I took from a live gig.
Since I used Sex Pistols for my flyer, I tried to make a logo of the band, which associates with the band's image.
This is the original picture without any editing, that I used for the flyer. 

This is the part when I edited the image and started to "play" with the design.

This is the part when I did the Sex Pistols logo and continued the design.

Here is the part when I was exercising with colour and shape.

Here I added some more editing into the design. The outline of the guitar is in pink colour.

This is the final design.

Brief 2: A company that makes "green" products requires a set of business card for their sales team.

This is the front of the business card.
My Business card will be on a standard size (85x55mm). It will be printed on A3 size paper for money saving, therefore 40 business cards on each copy. The paper that is going to be printed on, will be recycled or uncoated paper, since is an environmental friendly company. The paper stock will be 400 gsm because business cards have to be thick so they are not destroyed easily.
Furthermore for the design I am going to use colours of nature, like green, brown and some creamy colour. I also created a logo for the company,
 that is called RecycleME.

This is the back of the business card.

This is the first step I did to create the logo of the company.
This is the colour i decided that was going to be. A more warm colour since we want a "green" planet.
This is the background of the business card. I liked the texture of the fallen leaves and the creamy background.
This is the step where I started using inDesign, and finished the logo of the company. 

Those 2 are the finish versions of the business card.

Week 7 - The Golden Ratio

The golden ratio is a mathematical equation. All living things are structured by the golden ratio. From humans, to buildings, from paintings to natural disasters. Why is it important in visual design? It is important because even modern websites, and magazines are in the golden ratio structure. Every designer has to have in mind what a golden ratio is.
Here are some examples:

This is the simpliest formula of golden ratio.
                                             \frac{a+b}{a} = \frac{a}{b} \equiv \varphi\,.

This is how the golden ratio is divided. You can find it everywhere. Look at some examples!

A seashell is made exactly as the golden ratio formula.  Also the galaxy and the plants are made by golden ratio.

The galaxy with golden ratio.

The Mona Lisa Painting. 

The Parthenon is on the golden ratio formula.
Even my twitter page.

Even Parthenon is made by the golden ratio, which is 2500 years old. And from that age, now, in 2011 we use the golden ratio on web site designs. This is a screen shot from my twitter account. I draw with the orange line the golden ratio of the web page. It's unbelievable in how many things this formula exists.


Week 7 Directed Study - The Grid

Exercise 1: Completed grid layouts from class.
Grid Layout 1:

Grid Layout 2:

Further Exercises: Two pages article.
Page 1:                                                                    

Page 2:

Final Article:

Exercise 2: Exercise with "breaking the grid" and evaluation of your work.
Step One: Experimenting with braking the grid and colour.

Step 2: Experimenting with braking the grid.
 Step 3: Experimenting with random "braking the grid", type, font and colour.

 Final Article:

First of all I was experimenting with how I was going to structure my whole page article. After I researched though different magazines articles and video tutorials in the internet, on how you can "break the grid" and have more understanding of how you can do that, I started to "play" in InDesign with type, font, shape and colour.
When I decided where I am going to place my image, then I place the title of the article to the bottom of the image. The reason I placed my image on top is because it creates nice contrast and balance on the whole page. Also this kind of structure article can be seen into web pages. For the article and the title I used just the "arial" font, which is clear and clean. After that I took a quote from the article and made it big and bold, and then I broke a little bit the grid. 
Furthermore I made the first phrase of the article in bold and with bigger fonts, so the reader can understand from the beginning what the article will be about.
Finally I chose another quote from the reading from the right side of the page and I break the grid one more time for more structure and rhythm.
I fully understood how the grid is working and how you can brake it. As soon as you understand the meaning of grid then you can be even more create to your work.

Exercise 3: Locate 2 grid layout case studies and evaluate on the whole design.

This is an example of a simple grid layout. The designer is following step by step the grid layout rules. He uses a little bit creativity with title and I would say is a nice one. Its simple and knit. 

Here are 3 examples, that the designer is "braking the grid". If you know how to do it, then  is way better that the simple form. The grid now provides rhythm, balance, and structure. I really liked the third one because the designer user more colour and also he uses vertical typography.