Design development using research and existing design

-

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 design, I found that the lengths of the history pages varies and the Mistral and American typewriter pages looked unfinished due to the lack of content. Therefore I cut out the introduction, which upon reflection may not be necessary as it was repeating what I was going to cover later. Using the design element from my previous opening page, I wanted to vary the aesthetic by rotating the B to let the typeface read horizontally at the top of the page. Using the grey colour block, I placed the quotation in the segregated area as the opening to the typeface. I accented the quote with quotation marks in the typeface specified and added the picture element beside it. In this design, I also changed the subtitles using the Avenir Next Regular in uppercase to make them stand out and modernise the pages. I re-used the watermark effect on this design, but used the main B design's positioning to mirror it on the other page.



Page 5 and 6:
On these pages, I re-used all the same elements but used a new orientation. I decided to separate the classification and the anatomy information on each page. On the first page I placed the classification section using a grid design and, again, rotating the information -25 degrees. I broke up the information using the grey lines and used the vertical line as a guide for the subtitle. I wanted to keep the alphabet element that was originally placed on the introduction page, so I lowered the opacity and  used it as a background feature in the top left hand corner. On the right hand page, I chose to rotate the 'Anatomy of Baskerville' feature vertically alongside the outer edge of the paper. I then used straight lines to annotate with the text running across the top of each line. 




Page 7 and 8:
For the typeface in use pages, I decided to break up the images across the spread and annotate them with simple text boxes. I chose to keep this design modular with justified text. To create a feature on the page, I added a question mark in the background as each design is specific to each typeface. I added lines across the top and bottom of the spread, aligning the subtitle below the top line.


Page 9 Onward:
Like the previous design, I repeated the same layout for each typeface to keep the continuity in the booklet.












Back Cover:
I kept this design almost identical, except for a white line, which leads on to the front page acting as an underline for the main title.


By completing my extra research and adapting my previous design, I found that I was able to think more out of the box. By adding more design features and rotating my grids, I think the original design has pulled away from having a modular textbook aesthetic. My next step is to focus on colour schemes for the booklet and adding the finishing touches to 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

Booklet Colour Scheme Development

-
Image
Red and Black: After selecting my final layout design, I began looking at colour. In my first design, I used the 'I Love New York' logo as inspiration using the same shade of red as the heart. From here, I created tint swatches of the colour at 75%, 50% and 25%, giving a graduation of tones that I could use together with the black text. I decided to use minimal elements of other tones in this design, by using a grey line beneath the subtitle. I found the original red too vibrant for the block of colour, using the second shade down. This was still bold enough to make the white text stand out. As the photograph was already slightly translucent it allowed some of the red to come through behind, giving it a tinted effect. I used the bolder red for the subtitle and the drop cap. For the water mark effect I used the second boldest red at a 15% opacity. Orange and Blue: Referring to a colour wheel, I wanted to experiment with complimentary colours. I chose orang...
Read more