GDES2012 – Teme Valley Trail Brief – Part 4

Teme Valley brief – Research

Time Valley Trail Leaflet

Part of the brief is to redesign the existing ‘Teme Valley Trail’ folding leaflet, so before starting on the design elements I decided to take a look at folding techniques, both creative and more traditional.

The leaflet currently folds out to reveal an A3 spread which features the main tour map as well as information regarding the area and towns on the tour.  It is currently very information heavy and quite dated in it’s looks.

Considerations:

  • The sample text from the supporting document should be included.
  • Use clear grid & column structure.
  • Consider use of pictograms or informational diagrams to help put across the content.
  • Could tie in wildlife, nature, local foods & drinks into the theme.
  • A general want of the client is to have more visual interpretation/dynamism/pictograms on the leaflet & less text.
  • 2 sides of A3 to work with.
  • Consider audience when looking at format.  i.e. cyclist may have a pouch to read quickly from the handlebars of a bike.  Walkers may want it to fold small for pocket, perhaps like a train timetable.
  • There are 5 areas to be included on the leaflet – Tenbury Wells, Bromyard, Broadheath, Great Witley & Cleobury Mortimer.  (this may help determine the number of folds or sides created by folds that are needed.

Examples of folding techniques/possibilites:

I looked at a number of folding styles from creative to more traditional.  I think for the purposes of this brief, the more creative designs may be a little too out there,  They often seem to be used for promotional purposes in the “creative” arena such as promoting an event or an exhibition, or even self promotion.

As this brief is aimed at an audience who’s main interest is navigation of the area and information on things to see & do, I feel the more traditional approach is best suited.

Added features

Once I started creating mock-up flyers using some of the different folding techniques that I researched, I discovered that I would end up with more pages than I needed in terms of the information I have to include from the supporting document.

I decided it might be interesting to include a few different elements to the design to engage with the audience a little.  For example a page directing the audience to look out for wildlife along the route.

Therefore I researched a few of the different species of bird, butterfly, insect and wild flowers that can be seen in the area.

GDES2014 – Children’s Book Design – Main Brief Part 1

GDES2014 – Children’s Book Design

Main Brief – Research

Grids & layout

As the brief for this module is to produce a spread and a cover for a book, I felt it important to consider effective layout and of course the underlying grid structure.

I found a number of resources online as well as in book from my own collection and from the Hive.  I have “pooled” some of that information here.

Using layout grids effectively

There are two main types of layouts: vertical or landscape. There are also only two types of grids. One that has an even number of columns and one that has an odd number of columns. An experienced designer knows that a specific style of design can only be achieved by an odd number of columns, or alternatively, by using an even number of columns. Illustrated below are common examples of layouts using basic layout grids. Learning to choose the right grid for your design is crucial to its success.

Here are examples of basic vertical layout grids

1 column vertical grid

2 column vertical grid

2 column vertical grid

3 column vertical grid

3 column vertical grid

3 column vertical grid

Here are examples of basic landscape layout grids

1 column landscape grid

 2 column landscape grid

 3 column landscape grid

3 column landscape grid

4 column landscape grid

4 column landscape grid

Adjusting Your Layout Grid for Your Binding Type

It’s important, as you create your layout grid, that you pay special attention when choosing the type of binding to compensate for the gutter. We’ve all had the experience of losing content in the gutter of a publication, at one time or another, and have learned this lesson the hard way. Illustrated below are examples of a perfect bound spine and a double-page layout grid, where the gutter has been taken into consideration and the proper adjustment made.

The gutter is the blank space between two facing pages. The gutter space is that extra space allowance used to accommodate the binding in publications. It needs special attention because it is not always usable for design and will affect legibility in most cases. For example, a perfect bound spine will take about a ¼” for the glue, so you should consider the first ½” as non-usable. Any type of Wire-O™ or spiral binding, which make it possible for the document to lay flat when open, will have either drilled holes or punched squares for you to consider. With these specific bindings, the first 3/8” should be considered as not usable or illegible space. On the other hand, the gutter of a saddle stitch binding will not have this problem and can easily have an image or text run though it without any legibility issues.

The Rule of Thirds

This rule is used by professional photographers the world over. The rule of thirds works by splitting an image into thirds, so you end up with 9 equal sections, then simply place your main subject where the lines intersect.

The Golden Ratio and the Fibonacci Sequence

The Golden Spiral is based on the Golden Ratio while the Fibonacci Spiral is a spiral based on the Fibonacci Sequence. Both are very similar, and can be used as a compositional tool.

The Golden Spiral

The Fibonacci Spiral

The Golden Ratio is also known as the divine proportion. In mathematics and the arts, two quantities are in the Golden Ratio if the ratio of the sum of the quantities to the larger quantity is equal to the ratio of the larger quantity to the smaller one. Also In mathematics the Fibonacci Sequence are 0 and 1, and each subsequent number is the sum of the previous two: 1, 1, 2, 3, 5, 8, 13, 21, 55, 89,144, etc.

Always start your design project with a layout grid. No exceptions.

If you don’t, you’ll never be able to repeat that look consistently. Your projects will never have visual harmony and, like anything which lacks structure or a strong foundation, your concepts will be visually inconsistent from one product to another and will always be a struggle to produce. Without a layout grid, graphic elements will not properly work together.

Any high-quality design project, campaign or identity/branding system needs a strong, tested and perfected layout grid system to make it possible to split the work to many designers at one time, so that they all produce the same quality end result with consistency and visual harmony. A layout grid is the invisible force that gives the visible its structure and holds everything in its proper place.

Source – http://www.designersinsights.com/designer-resources/using-layout-grids-effectively

 A little more on the Golden Ratio

The whole concept of a definitive grid ‘system’ is a relatively recent invention in the world of design. Grids have existed intuitively since the earliest days of man drawing and writing, but it’s only recently that layout has been considered in a scholarly fashion, and as such they’ve never existed in isolation from other best-practice, well understood layout tools. One such example of cross-over is where the golden ratio meets the grid.

The golden ratio (also known as the golden mean) determines the most pleasing set of proportions for an element, and is simplified to the ‘rule of thirds’. When used in combination with a grid, these simple rules for size, position and proportion can help ensure a layout feels both coherent within itself, but also appealing aesthetically. Why would you want to appeal in these terms? Because by doing so, you’re making the content more accessible to the reader. Remember that a grid is the invisible glue behind content – in most cases it should be transparent to the viewer.

Source – http://www.creativebloq.com/web-design/grid-theory-41411345

My Pinterest boards

I use Pinterest as a source of inspiration for all of my projects, so rather than post too many pictures here you can have a look at my image research by following the links listed below.

Book Cover Design

Screenshot 2015-04-04 15.54.38

link – https://uk.pinterest.com/scottrw2002/book-cover-design/

Layout Design

Screenshot 2015-04-04 15.55.13

Link – https://uk.pinterest.com/scottrw2002/layout/

Publication Design

Screenshot 2015-04-04 16.06.43

Link – https://uk.pinterest.com/scottrw2002/publication-design/