Visual Systems Journey Book


The challenge

To tell the story of the design process for the first unit of Second year Graphic Design, exploring a range of visual systems within the Graphic Design practice. Display the key parts of the process using hierarchy within text and image to portray importance and grid systems to create an overarching style to group work together.

I chose to perfect bind my book with a cut out cover making use of an experiment that I had completed during one of the unit assignments.



I started the process by deciding on my content. I needed to sift through all my work for the unit and work out which sections were the most influential parts to my design process for each project in the unit.

I started researching to help me to decide on margins by reading “Grid Systems in Graphic Design” by Josef Muller-Brockman. From this book I learnt about how an asymmetric style gives a more modern and contemporary approach and this is done by arranging the content on the edges of the pages and not using centrally aligned text or image. Using the edges is able to make the pages look more dynamic and encourage the turning of the pages.

Systems making up the Journey book:

  • Grid structure
  • Hierarchy
  • Colour



I wanted to give the content space to breathe and not look too aggressive on the page, so increased the spacing around the edges leaving more space on the inside for binding. I wanted to use a 5 column grid as it allowed flexibility to use 1, 2 or 3 columns to fix content.

Initial research helped me to decide on the placement of my folios and page numbers. I positioned them to be functional and aesthetically pleasing by placing on the outer margins to create a dynamic feel. It would force the eye to be drawn to turn the next page.

Layout Experimentation

Screen Shot 2017-05-29 at 15.49.07Screen Shot 2017-05-29 at 15.48.39Screen Shot 2017-05-29 at 15.48.25Screen Shot 2017-05-29 at 15.48.15Screen Shot 2017-05-29 at 15.47.50Screen Shot 2017-05-29 at 15.47.24Screen Shot 2017-05-29 at 15.47.13Screen Shot 2017-05-29 at 15.47.04Screen Shot 2017-05-29 at 15.46.52

I then created some layout template variations to get an idea of how to place text and image into the set grid. I wanted to create lots of differentiation between the pages to ensure that the reader would not get tired or bored of the pages.


Screen Shot 2017-05-28 at 15.46.19.png

I created a hierarchy within my type to imply the most important sections of information and create clear distinctions between titles, headings and body text. Text was made bold for key points so they eye is drawn to it and would bring forward the key points when skim reading.


Screen Shot 2017-05-28 at 15.54.10

Colour was added to key sentences to highlight the key information and bring attention to certain aspects. I believed that the subtle addition of colour to the page could add personality, character and an element of vibrance and bold.

Final Journey Book Photos



Creating a journey book helped me to develop the skills to decipher through my work and pick out key elements. Being able to look back at assignments during the start of the unit and reflect on them helped me to understand where I need to improve and what the successes of the projects were. Through creating this book I realised the importance of design process in having a structure to support your work.

I found the process of curating the journey book enjoyable as I like to form layouts of text and image. However, I felt there was a large time pressure as I aimed to get my journey book printed earlier, to ensure that the book was ready to hand in for the deadline. Setting this deadline helped me to keep focus and plan my time wisely.

Creating layouts and creating a balance between text and image is something that I really enjoy doing. I am excited to continue with subsequent journey books for my University projects and self initiated tasks for laying out content for print.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s