OUGD405 - Studio Brief 3 - Page Designs Final

Pantone Colour Report 2013 

Pantone released a colour report for 2013 showing the highest trending colours for the fall of last year. I want to respond to the crit feedback and tie in some of these colours into my page designs.

Colour

Emerald

Pantone: 17-5641

C: 81 M: 8 Y: 56 K: 0

Samba

Pantone: 19-1662

C: 14 M: 93 Y: 69 K: 3

I decided to choose 'Samba' as it was visually the most vibrant colour and the one that was generally preferred the most when I asked people.  

The red was fairly overpowering when used in the background like the green. I decided to limit the use to just the titles and subheadings. 

I put in some of the stats I had gathered through my research into a bar chart as it was the best way to showcase the information. It also gives some variety to the design.  

If I were to carry this project further I would experiment with types of printing processes and paper stock to create a booklet. I would also filled with more of my research and design some additional pages including a front and back cover.

OUGD405 - Studio Brief 3 - Page Designs

I decided to make my pages all fit together as the ones above have been all different designs. I wanted images to be the main focus of my pages so I have decided to structure my text around them. The structure throughout the page matches across a system of four columns where I have shifted the text around on each spread.  

The text its separated into 3 fonts. Georgia for the body text as I found when looking at existing page layouts large sections of text read more easily using a serif typeface.  

The feedback I got from the crit was quite helpful, some of the problems people had with it:

- It is quite bland, needs more content.

- Try adding colour and images to the design.

- Include some of the information and stats you have gathered. 

- Feels a bit empty because of the lack of info and images. Add some designs with colour too.

OUGD405 - Studio Brief 4 Final

For this project I wanted to create a brand as this is what my research was based on but also put it into context an solve these potential problems people have while shopping. As a result I have come up with a brand and a concept showing where it could be applied and how it would work. The brand is called ‘Where’, a play on the word wear as it helps find clothes for you in the shop. The logo represents the first letter of the brand being stacked like clothes on a shelf. It combines the ease of online shopping with being able to try on clothes in store.

The design would function as an app on computers or tablets which would be linked to the clothes through bar codes on the tags. It displays information such as size, colour, amount left in stock and makes recommendations of clothes that compliment. I have tried to make it as clear and simple as possible through the colours, layout and fonts so it can be quickly and easily used.  

Colours
I wanted the design to look high end and formal. The navy colour I have used is often associated with quality, confidence and stability the light blue has been used to show the highlights and current selection which compliments the navy.   

Typeface

Gotham
Similar to the colours Gotham gives the design a high end and quality look. It is a bold sans-serif typeface which is clear and easy to read.  



Helvetica Light
A simple sans-serif used for the smaller text.

1. Where Logo
Play on the word wear, this app helps you find clothes in the shop.
Represents clothes being stacked.   

2. Selection
Type opacity increases as the category is selected. 

3. Basket

Items don’t have to be carried around. Can be collected when paying.

4. Header

Information about current category.

5. Colour Swatch

When item is scanned exact colour is shown.

6. Code

Barcode can be scanned in store. Gives any extra info (Availability/ Size).

Different devices it could be displayed on in the shop

OUGD405 - Studio Brief 3 - Page Layout Research

Village Bookstore

To gather some primary research we visited the Village Bookstore in the corn exchange in Leeds town centre. They had loads of independent zines along side books, magazines and leaflets to look through with lots of varied examples of page layouts which I photographed. 

The book above uses a three column grid system that is centred on the page. There is a large amount of body copy which could seem overwhelming if not laid out correctly.  However the use of a large margin and the small light font create a sense of space. The regular paragraph spaces make the text easier to read in segments, giving the reader an opportunity to pause and look at the images the text if referring to on the opposite side rather than it all being read at once.

The two images used on the facing page balance the layout by creating a good contrast to the text on the opposite side. The images appear to have been measured half and half on the page but maybe would have been interesting to see how they would have worked within the text boxes by adjusting the size of the images to stop where the text does.   

Another page I found that has separated the text from image but work well together because of the positioning and alignment between the two. The black background makes these two pages standout in this book as most of the other pages were white which is what made me concentrate in this page when I was flicking through. The bold white text stands out on the page because of the contrast. The repeated text surrounding the image does't seem necessary as it is does't give out any information although may be relevant once reading the page.

Four columns have been used on this page as you can see two have been filled on one side using half the page. The photograph spreads across two sections until it reaches the 3rd column which has been left blank creating a clean break between type and image. The text was a series of questions where the questions were in bold and the answers in regular of the same typeface. This makes it easy to identify the questions and can be read before reading the answers which is the first thing I did when I looked at the text to get an idea of what was being talked about. 

This page has been divided into sections to show the different parts of the page (heading, image, text + image). There is a large about of body text which has been split up by images and subheadings in a larger bold font and the line spacing is spaced appropriately to make the page less overcrowded and the text more readable. Every piece of text and image fit into the margins on the page giving it a solid structure. I don't like the small images wrapped around the text, they are quite difficult to see as it is a small booklet and they are detailed images. 

Here are a couple of more layouts I liked from The Village Bookstore website.
  



These pages have been used to showcase the images primarily which I would like to do for my photograph page for the brief. 
The pages use a single column which the text and image both fit into and are the same on both pages giving them an aesthetically pleasing look. The black and white photos were consistent throughout the zine which linked all the pages together. 



There is a lot of content covered on these two pages and the format of the booklet seems to be smaller than the other magazines and books because the point size of the font seems larger. I think the text overlaid onto the image isn't necessary and makes that side look too busy. The type also becomes less legible as the colours from the image are distracting.    

Grid Systems

I researched into different page layouts that use a grid system. The use of a grid system helps create page rhythm and consistency across pages with a variety of content.


The booklet above has been crated by Font Smith to showcase a new typeface. The pages use four columns which all the type fits into and creates an aesthetically pleasing order to the page.