Tuesday, December 8, 2015

OUGD404 - Study Task 08 - What is a Book? - Typesetting

Study task 08 required the re-typesetting of Lewis Carroll's 'A Mouse's Tale' using two approaches - one a modernist approach and the other a post-modernist approach. 

A Mouse's Tale is a concrete poem which appears in Carroll's novel Alice's Adventures in Wonderland. In the tale, the Mouse explains how a cur (mongrel dog) called Fury plotted to condemn it to death by serving as both judge and jury. Carroll's typesetting of the poem, which is undoubtedly post-modernist, is inspired by Alice's misunderstanding of the Mouse as he speaks of his tale, his recounted story however Alice think he is taking about his tail, leading her to imagine the story in the twisting tail-like shape. 

Carroll's Original Concrete Poem.

Modernist Typesetting


Design Decisions:
  • Use of only two type sizes, the smaller exactly half the point size of the larger (Massimo Vignelli Ideology)
  •  Line lengths that contain 45 to 65 characters for maximum legibility. (Fassett's Theorem of Legible Line Length)
  • Maximum readability achieved via flush left type which is the easiest formatting to read as the gaze has one starting point and clear, distinct line-ends due to the rag and un-justified line. (Massimo Vignelli)
  • Helvetica - modernist, sans-serif typeface.


Post-modernist Typesetting 



To achieve a post-modernist resolution to the typesetting of Carroll's 'A Mouse's Tale,' I manipulated adjectives to visually represent their word, including 'long,' 'turning,' 'down' and 'puzzling.' These manipulations visually communicate the words enhancing the effect reading has on the reader, forcing them to physically act out the words via the gaze.

This typesetting directly challenges modernist master Massimo Vignelli's view as he said 'I can write the word 'dog' with any typeface, and it doesn't have to look like a dog. But there are people who, when they write 'dog' think it should bark, you know?'

Tuesday, December 1, 2015

OUGD404 - Study Task 07 - What is a Book? - Folds

'Fold'

1. To bend (something flexible and relatively flat) over on itself so that one part of it covers another.

We use folds to alter paper size, form layout sectors and creating engaging formats for the deliverance of visual information. Despite there being endless possibilities when it comes to folds, there are an established range that have found themselves as 'standard' due to popular use and functionality potential. Some of these are documented below:


Basic/Single Fold


The basic/single fold is exactly what it sounds like, a piece of paper folded once down the centre. Although simple, this fold is the most typically used in the production of books. For example, multiple sheets folded this way come together to form signatures which are then bound together with the edge of the folds forming the book's spine. 


Letter fold/Tri-fold





















The letter fold, or trifold, is used to describe paper that has been folded twice, typically across the width of the page, to create three sections. Most commonly used to scale down paper to fit in standard envelopes and also in leaflet production.


Concertina

 



















A concertina fold, also known as a zig-zag fold, accordion fold or z-fold, is a continuous parallel folding of brochures and similar printed material in an accordion-like fashion, that is with folds alternatively made to the front and back in zig-zag folds. As folded sectors do not nest (as in Letter Folds) panels can be the same size. Seen from above, concertina folds resemble a Z, an M or series of zigs and zags.


Gate Fold






















A gate fold is a sheet of four panels, with the two outer panels folding inward toward the centre fold. The outer panels are typically slightly less wide to ensure they do not overlap in the center of the piece. The folded outer panels can also be folded into the centre again to create a closed gate fold.


Guide

Below I have produced a simple A4 black and white guide on how to produce a gate-fold, with an option to make the fold into a closed gate fold also. The guide provides numbered steps that engage the user through short instructions printed on the paper, personifying the sheet through chosen language.





















As the sheet is folded, new information is revealed detailing how to achieve both a gate-fold and a closed gate fold. 



Once folded, the page would look as follows:

Tuesday, November 24, 2015

OUGD404 - Study Task 06 - What is a Book?

'Book'

1. A written or printed work consisting of pages glued or sewn together along one side and bound in   
   covers.
2. A bound set of sheets. 

Although the definitions above capture the most obvious notions of what a book is to most, they no longer do justice to what a book is in the present. With rapid technological advancement since the beginning of the digital age in 1970's, the term now can be applied to a vast multitude of ideologies concerned with the production of fictional or non-fictional visual layouts. No longer is the word 'book' reserved for physical pages that are held together as one, but can be used to describe any of the following:

  • Physical printed publications.
  • Digital publications or e-books.
  • Audio-books that are simply to be listened to.
Below I will explore three different physical books, looking at their stock, binding, layout and typography.

1. Viction:ary / Palette 03: Gold and Silver New Metallic Graphics / 2013



Viction:ary's Palette 03 from their palette series focuses on New Metallic Graphics, designs using gold and silver specifically. The purpose of the book is to showcase and celebrate designers using metallics to produce their work and the processes they used to achieve it.

The paperback cover is made from a heavy-weight gold-coated stock, with all typographic information sans-serif and centrally de-bossed into the cover - no typographic information has been printed. This creates the illusion that the book, when closed, is a block of engraved pure gold which appropriately reflects and gives implication to the content from immediate visual engagement with the book. The cover typeface is all-caps bold and rounded, enhancing the engraved aesthetic. 

Content inside the book is printed on a matt, crisp white paper stock, at around 120gsm in weight maintaining the quality aesthetic inside. The book is image/photography driven as to ensure the focus remains with the design work. Typographic information inside is limited to a small rationale of each featured design project, further establishing its visually-driven aesthetic. Heading type within the book is the same as that on the cover in style, though is black and set as standard with capitals for the start of name and sentences and lower case for all else. The body type is also black, set at around a 10pt size, however is different is style. This type is an extremely subtle stencil typeface, very light in weight/stroke and flush left. 

All compositions within the book are balanced, yet varying in margin size and bleed. Some pages are full bleed, whilst others feature clear margins - though this style is cohesive throughout the publication. There is consistent use of spacing in between images which helps to provide a structured and ordered visual language which in turn creates a sophisticated and high-quality feel for the publication relevant to the content.

The book is Perfect Bound - a form of binding most typically used in the types of books people buy and read. Pages are folded into sections, known as signatures in the industry, and glued with a heavier printed wrap-around cover into the spine using a strong adhesive. This adds to the high-class finish of the book further amplifying content/concept relevancy. 


2. Haynes / Volkswagen Polo Owners Workshop Manual / 2010




Haynes' Volkswagen Polo Owners Workshop Manual provides comprehensive information on the car and how to look after it, use its functions and how to tell when/if there is something wrong. The manual focuses specifically on the 2002 to May 2005 petrol and diesel models. 

The hard-back cover, which is coated with a flat gloss, communicates information via a limited colour palette pf black, white, grey and accents of yellow. A tiny bit of red is apparent on the Haynes logo, which has evidently informed the covers selected colours palette. The majority of typographic information is set on black ground, with variations of the same sans-serif typeface used to create a visual hierarchy. Ordering of information is achieved via type style and size, with the cover featuring elements of all caps, standard type, bold type, all lower-case and bold italic type. Some of the type is also set in yellow as an accent colour to draw attention and provide emphasis of the books content. The cover also features a photograph of a car, which overhangs a solid grey square creating depth via solid line interruption, form and shadow. 

Content inside the book is printed on extremely thin newsprint, perhaps under 90gsm. Visual information is laid out using a consistent visual language of three columns, even spacing, set margins and the use of type styling to identify and differentiate headings from body type. This visual language is rarely deviated from. Akin to the cover, type inside the book is sans-serif and it set at a very small size as to maximise space and allow for all the content to be delivered in a sensible amount of pages - another reasoning for the thin paper (larger type and thicker paper would ultimately produce a much larger book). An informative book, the content is communicated free from any concept or idea other than to clearly deliver the content free from distraction or interruption. Space is optimised throughout with most pages full of information and photographs/illustrations that aid the understanding of instruction. All photographic/illustrative information is set in black and white, enhancing cohesion whilst enhancing the books evident, solely functional motives.

Compositions are balanced, cohesive, consistent and functional. The pages have not been designed considering style or design trend, but as purely objective deliverance of information.

As the book is a hard-back, this means it is bound with a rigid protective cover that has a flexible, sewn spine which allows the book to lie flat on a surface when opened. The binding method used for this book is a perfect-bind,  using signatures that are glued using a strong adhesive. All of this makes for a more robust publication less prone to exterior damage.


3. LCA / Nest Magazine / Issue #7



Leeds College of Art's Nest is a student magazine showcasing the work and design of LCA students as well as featuring interaction with industry practitioners. All content in the issue is created by the talent of students who attend here, with this particular issue focusing on the last two letters of the magazine name - S and T - as the inspiration for content. 

A visually motivated publication, the NEST cover features a full bleed photographic spread, covered by a matt wrap around covering half the width of the publication. This wrap around is white featuring the NEST serif typographic logo, an arrangement of the word's letters skewed to fit together effectively, which has been silver-foiled creating an embellishment of interest and process. Additional information is featured centrally at the bottom of the wrap around in a black, sans-serif type at around 10pt size. The wrap around stock is a white, subtle textured paper - A5 folded in half in scale. 

Though content inside the magazine is varied and visually dominated there are consistencies 
that enable readers to more easily identify and navigate the publication. Two dominant typefaces are featured within the magazine, both sans-serif, however one a heavier weight than the other with a more geometric foundation. These two typefaces are used to order information through style distinction and provide structure and order to the content. Consistent margins and use of two columns of type featured on pages also provide aesthetic clarity. The stock used from the content of the magazine is smooth, white paper with a matt finish.

Despite the plethora of imagery featured in the magazine, evidence of a conscious effort to supply each page layout with optimum balance is clear to be seen throughout.

The magazine is bound using staples as the utility for the saddle-stitch method, with two staples holding together the pages securely at the fold. This is a typical choice for such a publication that is made in large quantity due to the ease and cost of this binding method.

Tuesday, November 17, 2015

OUGD404 - Study Task 05 - How do you read? - Canons

'Canon'

1. An ecclesiastical rule or law enacted by a council or other competent authority and, in the Roman                         
 
   Catholic Church, approved by the Pope.2. The body of ecclesiastical law.3. The body of rules, principles, or standards accepted as axiomatic and universally binding in a field      of study or art: the neoclassical canon.4. A fundamental principle or general rule: the canons of good behaviour.5. A standard; criterion: the canons of taste.6. The books of the Bible recognized by any Christian church as genuine and inspired.7. Any officially recognized set of sacred books.


As evidenced above, the word 'Canon' can be found alongside a plethora of definitions and meanings. Ultimately, they are all concerned with the notion of established acceptances of what is considered to be the desired set of standards, rules or laws. 

A design specific definition of the word being 'Principles of page layout design used to measure and describe proportions, margins and print area. 

When apply this notion to the context of page design however, we open a conversation as to how these standards, rules or laws are either obeyed or disregarded. That is not to say however that the breaking of these rules results in poor work, more so that they can be broken to achieve alternative, less conformist design for effect. 

To follow is a commentary on the Canons of page design, what they achieve and how they can be used.

Balance

Visual balance is achieved via arrangement of visual information on a page so that no one
section is heavier than another. This is aided ratio, margins and white space. Though a balanced composition may provide the most harmonious aesthetic, there are times at which this harmony
may be inappropriate in the communication of a particular concept or ideology. Elements may
be intentionally taken out of balance to create a distinct tension that best reflects particular
content and/or style. This is a rule that is required for more conventional pieces of
design, however can be broken to provide alternative results.












The Gestalt Theories of Visual Perception

The Gestalt Theories of Visual Perception were a set of exercises of perceptual organisation. The laws of perception show that the mind perceives using four basic points of reference, these being:

Similarity: Objects or visual elements that are similar are perceptually grouped by the mind.
Simplicity: Images that are more complex are organised by the brain into more easily understood  
                   shapes.
Proximity: Objects or visual elements that are placed close together are perceptually seen as a whole.
Closure:     The brain will fill in missing gaps within an image despite visible space.

The Gestalt laws allow for visual information to be visually ordered, perceived and understood through reliance on the brains ability to perceptually make sense of what the eyes are seeing.
Separate elements placed close together can be identified as a whole, missing information can
be filled in, groups can be recognised via similar styling and complex images can be simplified. These laws, in specific relation to page design, are exploited through active white space and can
be used to provide appropriate order and structure, regardless of whether or not the composition
is balanced or not.










Alignment / Type Setting

Alignment within a page design provides order to what has the potential to be chaotic if unconsidered. The dynamic between type and image explored through alignment can make
a layout either easier or harder to read dependant on how it is approached. Is information set
top, left, bottom or right in the composition? Has a grid been used to ensure the alignment is consistent? All of these things feed into the strategy to alignment and how the design is
perceived as a result. Although alignment should typically be consistent, it may be
interrupted for visual effect or communication of a particular notion or concept.

The alignment of typography within a page layout can also significantly affect how it is
read. Wether is is flush left, centred, flush right or justified - these decisions can majorly
impact the readability of the information. Generally, flush left provides maximum
readability via distinct line ends that are easier to follow line by line, however this
may not be the most appropriate choice to certain movements, styles or concepts.

The rules of alignment are another element of design that can be exploited to best reflect
the content and its concerns.


Repetition / Consistency

Consistency of style, layout and visual elements aids a readers ability to navigate through a publication both confidently and efficiently. Page design should always be concerned with
repetition and unity of visual information. This means type style, sizing, alignment,
placement and overall content style should be used cohesively and consistently
unless attempts are being made to draw attention via deviation from style.














Grids 

Grids are two-dimensional structures formed from a series of intersecting straight vertical,
horizontal and/or angular lines, as well as curved lines in some instances, that provide a
framework for organisation of graphic elements. They allow a designer to systematically
impose order on layouts to create visual hierarchies and compositions that have distinct,
clear and considered outlined spaces in which information can be set and communicated
from. The importance of grids in editorial design in particular is significant.

Grids provide a dynamic between word and image, allowing for a designer to control
the interaction of type and image within a layout - enabling them to create cohesively,
consistently and also efficiently. They enable almost all of the design principles to be
explored within the utility and therefore are a necessity.



Ratio

One of the most acclaimed ratios is the Golden Ratio. It is a mathematical ratio that not only helps designers to create pleasing, harmonious and natural looking compositions, but can also be found in nature. This ratio is  also known as the Golden Mean, The Golden Section, or the Greek letter Phi.

Closely related to the Fibonacci Sequence, which has a ratio of 8:13, the Golden Ratio describes the perfectly symmetrical relationship between two proportions.

Approximately equal to a 1:1.61 ratio, the Golden Ratio can be made using a Rectangle: a large rectangle consisting of a square, with sides equal in length to the shortest length of the rectangle, 
and a smaller rectangle.



Tuesday, November 10, 2015

OUGD404 - Study Task 04 - How do you read? - Figure & Ground

Figure and Ground when considered in terms of design and visual communication denotes the eyes' ability to differentiate an element within a design from the area that surrounds it. A shape, form or silhouette is what the eye perceives as the figure, whilst the surrounding area is identifiable as ground, often and most commonly referred to as the background.

The focal point of a composition is the figure, or the positive shape within the design. Simple compositions may feature only one figure, whereas a more complex composition will present several parts of information to perceive. The hierarchy of the design, and therefore the order in which we interpret it, dictates the order in which figures are identified within the image. This identification is easy when  information is recognisable. When information is not so easily recognisable within a piece, where the relationship between the elements is more abstract, the most visually interesting and prominent subject within the design will take on the role of the figure.

Anything that is not figure, is ground. As the gaze shifts from one figure to another, so does the ground around it. This is so that the eyes are able to identify difference in figure, to ground, and back.
Although ground is sometimes considered as background, this is not always the case. In a flat composition there is nothing behind the figure, which can be identified through the lack of visible depth due to the information actually being side-by-side.

Finding a balance in the interrelationship between figure and ground allows for the image to be perceived to be clearly understood; The approach to this relationship can add interest and subtlety to a design.

White Space 

White space, or negative space, is the page or canvas space left in between different elements within a composition / hierarchy. There are two significant types of white space within the field of graphic design - these being active white space and passive white space.

Active white space is space that is added purposefully, when a conscious effort is made to supply a composition with structure and emphasis through space. Active white space is often asymmetrical, which creates a dynamic and active aesthetic within an image.

Passive white space is space that occurs "naturally." This can include spacing between words on a line or the space surrounding a logo or graphic element -  although all space within a design should be considered. 


How space is used within a design can influence how the piece is interpreted and understood. Space is another utensil in the art of visual communication in that we are able to exploit it to best communicate specific messages, concepts or ideologies. 

Tuesday, November 3, 2015

OUGD404 - Study Task 03 - How do you read? - Grids

An introduction into identifying Grids within editorial layouts.

Grids allow designers to systematically impose order on layouts to create visual hierarchies and compositions that have distinct, clear and considered outlined spaces in which information can be set and communicated from. The importance of grids in editorial design in particular is significant.

Graphic designer and designer director Khoi Vinh, who worked for The New York Times newspaper from 2006 - 2010, speaks of grids as a pursuit into the dynamic between lettering and image. It is his view that grids allow for the control of how type and image interact with each other within a layout, that give an "immediate boost to aesthetic power" in a design. By using grids to construct editorial design, Vinh believes we are able to "remove subjectivity" to reveal the essential truth or core idea of the content, free of subjective feeling. 

Below I have identified the grid system exploited to create the editorial design of an article featured in The Independent newspaper, identifying how the system works for this particular article, and newspaper as a whole.




The grid used to construct the above editorial layout, created by designer Matt Willey during his 2013 redesign of The Independent (including layout and grid system), is identified in the above photographs - outlined in pencil on an A3 sheet of tracing paper. 

The grid comprises of 12 columns. Bodies of text are featured across two columns of the grid at a time, with captions and additional details shown in one column only. This format provides a standardised strategy in dividing body from additional information, allowing the viewer to navigate the composition with the ease through the use of column (and type) size to instruct the gaze via the ordered hierarchy. The 12 column system also provides the composition with space for both written content and imagery to sit together harmoniously without appearing congested. This format can be adapted for any given article as a result of its versatile properties and flexible nature as a result of a large number of columns, important in editorial design in that newspaper articles can range in size and content. 

Tuesday, October 27, 2015

OUGD404: György Kepes' Language of Vision

György Kepes’ was a Hungarian painter, designer, art theorist and educator who taught at the
Bauhaus. He was fascinated in the Gestalt psychology of how we perceive information, and therefore created a language of vision to enable his students to be able to compare visual layout characteristics. This language involved a set of three exercises and visual hierarchies, each featuring differentiating qualities/rules to be followed.

Each exercise is represented using a range of shapes and scale, as well as space. These are shown in the key below:


Exercise One: The Rules

1. All elements must be encased within the rectangle/frame.
2. Visual elements cannot touch.
3. No tilting or distortion of the elements is allowed.
4. The size/weight of the elements can be altered.


Exercise One produces a visual hierarchy that is easy to interpret due to the space the surrounds each individual piece of information. The exercise bears simple, un-complex compositions that allow for shapes to be perceived distinctly. The resolutions born from this exercise are generally conventionally structured.


Exercise Two: The Rules

1. All elements must be encased within the rectangle/frame.
2. Visual elements can touch.
3. No tilting or distortion of the elements is allowed.
4. The size/weight of the elements can be altered.


Exercise Two, unlike one, allows for the grouping of visual elements, which produces more opportunity to organise. Through the grouping of information, a more complex relationship between perception of space and recognition is created. the eyes are required to use space surrounding the elements to understand the composition effectively.


Exercise Three: The Rules

1. All elements must be encased within or connected to the rectangle/frame.
2. Visual elements can touch.
3. Tilting or distortion of the elements is allowed.
4. The size/weight of the elements can be altered.


Exercise Three is much less restrictive, and therefore allows for more complex compositions to be generated. They promote a lack of structured order, potentially making for more energetic results - though perhaps more confusing. as elements are able to leave the frame, the eyes are required to work harder to perceive information.



Kepes’ uses the language of vision to demonstrate and analyse the effect of visual language on the structure of human consciousness, in particular how elements of line and form are perceived and how innovative types of perspective can lead to more dynamic representations in art and design.

Matching the data of experience with our abstractions, visual or verbal, we call “explanations” 
or “philosophies”; when visual, we call them our “picture of the world”.’- György Kepes.

OUGD404 - Study Task 02 - How Do You Read: Colour Relativity

Using the knowledge gained in colour relativity from today's session, Study Task 03 requires the use of pantone reference guides to identify a colour that will work harmoniously in conjunction with an colour considered by ourselves to be bad; the aim is to try and alter the perception of a colour not liked by ourselves through the addition of another colour and the visual perceived as a result of the combination. 

The two colours are to work along-side black, and must be a scheme suitable for the purpose of being effectively featured in a simple children's book.

Using the Pantone 4 - Colour Process Guide, I firstly found the black to be used within the scheme - Pantone DE325-1 U




Having found the black, I then set of to find a hue of my least favourite colour - this being green. Although I appreciate this colour in the outdoors and where appropriate, Green is not a colour I favour when used in interior settings or design generally. I like to think of green as an exclusively outdoor, natural colour. 




The hue of green I was drawn to was Pantone DE302-3 U, shown above third down on the right of the guide. I chose this bright, vibrant tone - considering its use within the children's book - as a result of its vivid, artificial visual presence. I then began to consider the third colour to be featured in the scheme, taking into account the theory learnt within the day's session.

To explore potential colour combinations, I visited the Adobe Kuler website and searched for my selected green tone's code. The search supplied me with a "Bright Graphic" colour scheme, in which I identified a colour I believed would work effectively within the scheme: Pink.
















The colour combination of pink and green as a scheme works effectively as a result of how these two colours interact visually. Pink is a low saturation of red, a tone with a greater light value. The combination of green and red, these being contrasting colours, creates an intense tonal energy that can be difficult to perceive visually as a result of the enhanced brightness of the hues. By using a tint of red, being pink, the harsh tonal energy is reduced - therefore producing a more harmonious aesthetic. 

With pink identified as my third and final tone to be featured in the colour scheme, I explored bright tones of the colour in the Pantone guide, selecting Pantone DE141-4 U as the tone of choice. The three-colour scheme is exhibited below:













Now, with a effectively selected and considered colour palette, I have decided to produce a mock-up cover for a children's book using the colours selected with this point of delivery in mind. My concept for the cover/hypothetical story was to take the traditional "monster in the closet" ideology and transform in into a much friendlier notion in which a moral message to refrain from judgement can be communicated - teaching the young audience a valuable life skill whilst appealing to the parents. I decided to feature the renowned childhood myth of "The Boogeyman" to establish an iconic presence that could to be related to by all. My strategy in adapting the frightening connotations of this was for the visual to depict two hands holding, one in the pink and one in the green, with black typography communicating the title - which I have made "My Friend The Boogeyman." Both the title and associating visual help to reinforce and enhance one another in establishing the child-friendly story and tone of voice the book would have. 

To illustrate the cover, I began by drawing a hand reaching out on paper, before scanning the image and importing it to illustrator. 




I then traced this image in illustrator using the brush tool, tidying and smoothing any necessary lines thereafter. Once complete, I added the black colour to create a filled vector image. Next, I duplicated the image making it green, and the other pink.



Following this I brought both the pink and green hands into a square layout, as this was my desired book scale / format. I then rotated the green hand before interconnecting the two hands at the fingers.


To complete the mock-up, all that was left to do was supply the composition with the title. Having quickly explored children's book covers online, I decided to use a bold, rounded and soft typography, suitable in its communication to a young audience. The final mock up is exhibited below:





OUGD404 - Michel Eugène Chevreul's Laws of Simultaneous Contrast



Michel Eugène Chevrel's Laws of Simultaneous Contrast, created in 1839, were a study of the apparent changes that occur when colours are placed next to one another. Any colour will influence it's neighbour in the direction of its complimentary, whilst contrasting colours make each other more vibrant and intense.

The study reveals information of the numerous types of contrast that occur between colour, including
contrast of tone, hue, saturation, temperature, and complimentary colours.

The Laws of Simultaneous Colour Contrast suggest that the contrast of colours will “affect the optical composition of each juxtaposed colour.” Having tested a series of colours on different types of background, Chevreul argues that the same colour might display different visual perceptions when placed upon different colors of background. The laws also identify that all primary colours appear pure when juxtaposed with grey; while black and white perceptually affect a colour’s brightness and toning. Chevreul also argues that a colour will be treated as figure rather than as ground when the brightness between the colour and its background are contrasting. 

Similarly to Chevreul's laws, György Kepes’ stated in his Language of Vision that 'Colour and value depend always upon the immediate surrounding surfaces.' This meaning that color can be either amplified or neutralized by its juxtaposed colour.

Tuesday, October 20, 2015

OUGD404 - Study Task 01 - How do you read? - Colour Theory

Study Task 01 required the consideration of how colour is used typically within popular culture, focusing specifically on fiction books for the task. In a group of three we were expected to explore and select colours from the PANTONE colour guides that were concerned with the following:

  • A typical representation of book-cover colour specific to 4 select genres.
  • A less conformist yet engaging book-cover colour specific to 4 select genres.

To follow are the 4 selected genres we explored alongside our rationale supporting our choices and providing insight into our thought process.

Romance

Typical/Obvious choice:

We chose PANTONE 185 U as the obvious representation of the romance genre due to the established connotation of the hue being love and passion. The bright tone of red illustrates this whilst also bearing psychological connection to further associated imagery such as hearts, roses etc.
















Alternative colour:

Our selection for an alternative representation of the genre of romance was PANTONE 1505 U. We felt this vibrant, bright orange was an effective representation of the energy, excitement and intensity of a new relationship - where romance tends to be most experienced.

















Science Fiction

Typical/Obvious choice:

As a group we believed PANTONE 802 U was an obvious colour for children to think of in regard to science fiction because of the stereotypical association of the colour with aliens. The green is neon and artificial in aesthetic, and looks akin to the colour of the aliens characters that feature in 'Toy Story'.

















Alternative colour:

PANTONE 8221 C is a colour that we felt provided a visual stimulation relating to space due it its industrial, futuristic space tone in between blue and grey.


















Mystery

Typical/Obvious choice:

The groups selection concerned with the typical 'mystery' colour was PANTONE 2757 U. We felt the shade was suggestive of mystery as it is reminiscent of the dark night sky, under which vision is not maximum and therefore invites mysterious activity and hidden sights.

















Alternative colour:

When we think of mystery, there isn't a far psychological jump 
to crime and murder. This deep shade of red establishes visual connection to danger, warnings, blood even. This effectively represents mystery due to the preconceptions of the genre and typical occurrences within works that appear within its sector.
















Humour

Typical/Obvious choice:

This bright yellow is the groups typical choice regarding the representation of the humour genre. It bears connotation of happiness, positivity, vitality and energy. Also, the colour is ultimately recognised in association with the smiley face visual.

















Alternative colour:

Though it may not be the obvious choice when considering humour, we felt this PANTONE 381 U green was an appropriate reflection of the genre of humour as laughter is an instinctual occurrence - it happens naturally. As green is the most typical signifier of all things natural, it relevantly captures the act of laughing as a lapse in psychological control.