Developed Design using the Grid Design

-

Using my first grid design, I placed my body copy and design elements and arranged my developed design idea. I kept the design greyscale to see the design without the interference of colour, which will allow me to experiment with colour schemes as my next step.

Front cover:
For the cover I tried to keep the design simple just using the typefaces to add the aesthetic appeal. I also chose a simple title "Type: Behind The Face" as a play on words but still explaining the purpose of the booklet. I used my four typefaces to spell the word TYPE and using contrasting colours to dissect the characters.


Page 1 and 2:
The next pages in the booklet are contents page and introduction. I chose to keep the contents quite minimalistic in design, using just the listed pages and a decorative banner featuring the typefaces. I decided to keep the body text and titles simple using character stylesheets. I chose to use Avenir Next Regular in various point sizes to keep continuity throughout the booklet instead of using my selected typefaces.


Page 3 and 4:
Here I used design elements from my initial design idea to begin each typeface chapter. I used a simple grey colour block with white titles and characters in front to grab attention and present the form of the letterform. The next page is an introduction to the typeface separated in two columns centred vertically. I decided to offset them to the right with a the typeface alphabet set to the left. I used decorative lines to keep the design elegant but simple.



Page 5 and 6:
Initially, I planned to occupy one page with the history of the typefaces but after collating my research I decided to span the information over one spread. Using the original grid design I moved the image, title and text boxes higher up the page with more space for text. I made the picture box slim and arranged the image to the top left to give more aesthetic appeal. Again, I kept the images in greyscale to keep it simple before considering colours at a later date. I used a drop cap in the featured typeface spanning four lines to add interest. I on the facing page I used a 25% opaque letterform as a background feature on the page. As I found quotations for each typeface I chose to feature these like the example I found in my research mood board, using oversized quotation marks and lines to border the information.



Page 7 and 8:
These pages refer to the anatomy of the typefaces featuring annotated titles discussing the form and design of the characters. Here I used simple line annotations with the feature referred to highlighted in grey. At the bottom of the page I included two boxes that reveal the classification of the typeface and the elements that put them in this category. I have used grey dashed lines to focus the readers attention to certain aspects, such as the x-height, axis/stress and the terminals. In the original grid design, I found that one page for the annotations was to narrow and moved the tiered boxes to the bottom of the page to allow the title to span the spread of the booklet.


Page 9 and 10:
In the final page before introducing the next typeface, I have focussed on the uses of the typeface. Using a mood board style page on the right hand side, I have collated images of the type in use and on the left labelled them with the history and story behind the application. I separated the images with a thick white line to make each image clear and arranged them modularly so that they do not overlap. To annotate the images I used the same line style as the previous page and alternated their position to the left and right. I placed the title at the bottom left to put the images at the forefront and fill the empty space away from the page numbers.



Page 12 and onward:
The following pages are a repetition of the previous, keeping a similar house style and organisation to the booklet.














Back Cover:
To connect with the front cover, I have coloured the page in the same grey to give a continuation of colour. I have included a small reference to the Type Society who in the brief commissioned the work and would publish the material. As the company is fictional, I just created a very simple logo to give a professional feel to the finished product.


Overall, I am pleased with this outcome and will now begin working on colour schemes and refining the design.

Comments

Post a Comment

Popular posts from this blog

Booklet Design Research

-
Image
To gain inspiration for my booklet designs, I looked at examples of booklets with interesting features creating a mood board of images: The first three of designs use a selective 2 or 3 colour palette. By limiting colour continuity can be achieved and an understated visual appeal. These designs also feature large titles that span almost an entire page, which, in the case of my booklet, would allow me to display the typefaces clearly to the reader. The fourth image uses diagonal text boxes and titles that follow a perpendicular pattern. By rotating the text interest can be added, but it is important not to repeat it too often as it could become a gimmick. A few of the examples use black type over just a plain white page, limited the text to smaller segments, thus, using the white space to make the design minimalist. A couple of the booklets use contrasting page colours using a black background and then a white on the other side, this segregates the information but still k...
Read more

Design development using research and existing design

-
Image
Using my previous design alongside my booklet design research, I decided to expand on my grid design with more interesting features. Front Page: Keeping the overall design the same, I chose to put the 'TYPE' feature on a 25 degree angle with the grey box following the same line. Page 2 and 3: I wanted to use the contents and introduction pages to be more creative with the design as they have less content on each page. Using some of my inspiration, I made the contents page numbers oversized and mixed the fonts using the specified typefaces. I again wanted to put both pages on an angle making sure they both follow the same -25 degrees. I rearranged the original introduction page with the R design elements set in a perpendicular line to the angle of the body copy. I decided to use grey lines to add to the aesthetic and accentuate the angle of the text. It also acts as a separator from the title and body copy. Page 3 and 4: When looking at my original des...
Read more