Graphic

Form and Movement in Publishing Design

Sixteen years in the making: a small contribution to the teaching and learning of publishing design.

I have now been an educator in art and design for nearly two decades. During this period, I have taught many subjects: photography, promotional design, final year project, advertising, typography, brand identity, and publishing design. I have taught all of these subjects at different times, however, the one subject that I have taught for the longest period, approximately 16 years, has been publishing design.

I first started teaching publishing design at the Malaysian Institute of Art (MIA) in 2002. The subject was taught in two semesters in the Diploma in Graphic Design programme. Publishing Design I, was taught by Encik Norlisham, it introduced students to the different types of publishing mediums; magazine, newspaper, and handouts among others. Thus, I decided that in Publishing Design II I would tackle the oldest format in publishing, book design.

Image of author's name tag. Image of student handing over gift to author.
(Left) Name tag of the writer at former workplace. (Right) Student Vivian Soong (Head of Photography Club at MIA) handing a gift to the writer, 2002–3.

As a designer at Grandmother India Design Pvt. Ltd. in the late 90s, there was a minimal number of jobs dealing with publishing design. However, this would change at William Harald-Wong & Associates (WHW). I remember my first assignment in publishing design was to design the Badan Warisan Annual Report 1999/2000. I felt like a deer caught in the headlights of an on-coming car. I was not sure how to start, how to deal with the information provided, and what to do for visuals. You see, during my time as a student at the esteemed J.J. Institute of Applied Arts, this was not an area of focus in the advertising skewed curriculum, and thus, my knowledge in the subject was quite basic.

Badan Warisan Annual Report 1999/2000
Badan Warisan Annual Report 1999/2000, designed by the writer at William Harald-Wong & Associates I remember sketching a thumbnail for the annual report but because I was unsure of what I had done, I tip-toed over to Jamie Loh Pei Lee’s desk, crouching down so that I could show her my sketches. She was surprised, confused, and was looking at me like a fly that she wanted to swat away so that she could get on with her work. Eventually, we would become good friends.

So I began by analysing existing designs in order to figure out how they were constructed and how I should approach this task. Thankfully, by that time, I had had somewhat of a crash-course in QuarkXPress, which was a publishing software that everyone used before Adobe InDesign. This experience of not knowing how to manage the process or how to ‘see’ was traumatic, but in time I learned, and with some guidance from my colleagues who were far more fluent in the discipline of publishing design, I managed to produce a simple but rigid design that William, the principal designer at WHW, found to be of acceptable standard—something I was most concerned with.

Teaching Publishing Design

When I began teaching the publishing design subject for the first time, I found it incredibly difficult to impart design sensibilities. This was partly due to the students’ lack of mastery of the fundamental knowledge in the understanding and use of grid systems, typography, and composition. However, one thing they all could do was visual making.

In my first semester of teaching the subject, I learned that I needed to provide students with exercises that would prepare them to take on the task of designing a book. So, I turned to books on typography and publishing design. While I managed to develop some exercises to address the typographic deficit, I could not find any book that taught or broke down the process of designing a book, like what do you do first, and what are the subsequent steps thereafter. After much reflecting and introspection, and thinking about my first experience in publishing design I finally figured it out, which merits an article by itself. My time and the trauma (or experience) of designing my first annual report played a major role in the way I crafted the process.

Once that was sorted, the standard of books being designed in the Publishing Design II class began to show a marked improvement. I then introduced mock-up making as an exercise for students to explore a variety of different formats in class, and this would ultimately influence the chosen format of their books. As these activities were conducted in the studio, peer to peer learning was important — students learned a lot more from each other than they did from me. Many times they would teach me a better way of doing something or introduce me to an issue in my instructions, and together with their help, the exercises got better, and a lot more effective.

The Hurdle

The biggest difficulty I faced (and sometimes still face today) was in imparting a design sensibility that would lead to creating layouts that were exciting and that surprised the reader at every turn of the page. Developing a layout that seamlessly transitioned from page to page and used non-objective elements to aid in the composition was frustratingly difficult to teach. I would have to intervene in students’ works to demonstrate how to place their information in a way that not only brought cohesion but also a healthy level of variation.

After a few frustrating semesters, somewhere in 2004, two things happened: firstly Imaya Wong — a colleague from WHW who was now working for Chimera gave me a book that she had designed and that I admired. Secondly, I was browsing through a generic book where diagrams of thumbnail pages included rectangular patches that indicated visuals or text. A standard way to show thumbnails of book layouts. This time, however, while staring at it, I had a eureka moment! I thought that if I were to introduce an exercise that allowed students to dissociate with the content — the meaning of the written text, and or visuals — and instead only focus on the form, and its movement across pages within a predefined grid, I could get students to start ‘playing’ in an uninhibited manner. This I hoped would get them in touch with their design intuition, and eventually help them to see the content as something that they can manipulate, instead of it manipulating them.

I thought that if I were to introduce an exercise that allowed students to dissociate with the content — the meaning of the written text, and or visuals — and instead only focus on the form, and its movement across pages within a predefined grid, I could get students to start ‘playing’ in an uninhibited manner.

Book designed by Imaya Wong
Self-promotional book by Chimera, designed by Imaya Wong (n/d).

I didn’t know what to call this exercise at the time, I didn’t even understand it properly, but what I did know, or so I felt, was that this could help students ‘see’ through the content: text, visuals, colour, and white space, as just forms on a page that need to flow in a manner — from page to page — to allow for a subtle narrative of form though movement. I would eventually come to call it the “Form & Movement Exercise” — an exercise of my own making to aid in developing design sensibilities in publishing design, specifically book design. (During the editing of this article, Assoc. Professor Sherry replaced the term “movement” in this paragraph with “flow”, and it occurred to me that “Form and Flow” sounds good too—maybe a change is in order?)

The first time I introduced this exercise, it was rather labour-intensive. I made students draw rectangular thumbnails using a pencil and ruler, draw grids in the thumbnails, and instructed them to use cut pieces of coloured paper to fit within the grid. Each rectangular thumbnail represented a spread of two facing pages and each cut-out form represented text, visuals and/or colour on white space but students were not to bother about what those coloured cut-outs represented. Instead they were to just focus on organising and composing them in the spreads. I would simplify the task and expand on it over time, eventually digitising the entire process. The following showcases the various stages and phases of the exercise over a period of 16 years:

Form & Movement exercise sketch. The first time I assigned the Form & Movement exercise, students would draw the rectangular spread and the grids. Upon completing this they would then plan how their forms would move across the pages. Admittedly it was quite difficult to convey to them what the form represented, and what the objective was in the exercise initially. Unnamed student’s artwork from 2004-5.
Form & Movement exercise: Realising that students were wasting too much time in drawing out the rectangular spreads, I then began handing out empty templates in which they could draw grids on. When it came to the form, students were told to keep the form simple. The immediate objective was to create a narrative using the form within the grids. Unnamed student’s artwork from 2004-5.
Form & Movement exercise: Students would explore many variations. In the early days, students would cut coloured paper to fit the shape within the grid and stick it using cow-gum (aka rubber solution or studio gum). Later on they would ditch the cow gum and use the UHU glue stick. Unnamed student’s artwork from 2004-5.
Form & Movement exercise: Students were instructed to create 3 options using different grid systems. Unnamed student’s artwork from 2004-5.
Form & Movement exercise: Single colour form & movement exercise. Artwork by Penny Wong from 2004-5.
Form & Movement exercise: Sometimes, despite the instruction to maintain simple and clean forms, students would get carried away and produce some very interesting (albeit counterproductive) but overly decorative designs. Unnamed student’s artwork from 2004-5.
Form & Movement exercise: Later, I would expand the exercise to include a dominant colour and subservient neutral shade. The point here is to introduce, slowly, a layer of complexity that would challenge students to manage two separate forms on a page. Akin to managing different sets of information or elements on a page layout. Unnamed student’s artwork from 2004-6.
Form & Movement exercise: Throughout this time, students were not told what these forms represented. Students would constantly ask, “sir, what is this exercise for?”. I would usually tell them to be patient as they would understand what it is later on. Unnamed student’s artwork from 2004-6.
Form & Movement exercise: I would then further expand the exercise to incorporate an image along with one colour. Students were instructed to find a suitable image for the colour chosen and cut the image irrespective of the content. This would result in sometimes very interesting image crops. Unnamed student artwork from 2004–6.
Form & Movement exercise: Single colour and image. Unnamed student artwork from 2004–6.
Form & Movement exercise: The last expansion to the exercise was the introduction of dummy text along with an image and colour, the 3 basic elements that make up any book (not including the white-space). Finally, at this juncture students, it was hoped, would begin to have developed a sense of familiarity with the grid, developed an ability to manage different elements on a given spread, would see the elements as forms that need to be manipulated from spread to spread within the chosen grid. Unnamed student artwork from 2004–6.
Form & Movement exercise: In comparison to the time before the exercise was introduced, I felt (mere observation), that students were a little less apprehensive when approaching layout design, the work produced was consistent and compositionally better. Students’ sense of alignment, balance and use of white-space seemed to have improved a little more. Unnamed student artwork from 2004–6.
Form & Movement exercise: Some students developed confidence and began experimenting with different grid structures. Unnamed student’s artwork from 2004-6.
Form & Movement exercise: Experimental grid structures. Unnamed student’s artwork from 2004-6.
The Form & Movement exercises, I believe, ultimately had a hand in producing better quality book layouts that were playful, surprising, memorable, uninhibited and had an air of confidence about them. Above a thumbnail spread of a book, written, photographed and designed by Darren Lim Y. H., “The Memorable Childhood Games” 2009.
Above, thumbnail spread of a book written, photographed and designed by Syarina Yazlin (2009) with some assistance from Rachel Chew Wei Yi. The book adapted a classical approach but through its play or positioning of images in the book, the overall look and feel was contemporary, memorable and refreshing at every page.
Above, thumbnail spread of a book written, visualised and designed by Martin Koch (2009).
Sample: Form & Movement exercise created in Adobe InDesign. Left, preview of form and right, grid system made visible.
(Top left) Sample: Form & Movement exercise using 1 colour. (Top right) Sample: Form & Movement exercise using two colours. (Bottom left) Sample: Form & Movement exercise using one colour and one image cropped in different ways. (Bottom right) Sample: Form & Movement exercise using one colour, one image cropped in different ways with dummy text. All samples by the writer, Vinod J. Nair (2020).
Sample: Form & Movement exercise one colour, Gif animated, by the writer. The objective here when animating is to see the forms movement playout at a faster rate. I have always seen the spreads in a publication as a slow form of animation, where forms (text, colour, white space and image) move from spread to spread as the pages are turned. This belief and approach would be carried forward into ebooks.

I am glad that I have finally managed to put pen-to-paper (so-to-speak). I have felt the need to share my strategies so that other lecturers, facing similar challenges in teaching publishing design may wish to utilise it, or even build upon it.

While I can’t scientifically conclude that these exercises have played a major role in my students’ development in publishing design. However, I can empirically say, based on my observation, the Form & Movement exercises have allowed students to embrace intuition and to limit inhibition in layout design with resulting layouts that have healthier levels of variation that engages and surprises readers in their reading experience.

Leave a Reply

%d bloggers like this: