Publishing Design - Task 2: Content Generation
TANG LILIN (0376668)
In Week 3, we learned about typography and how important it is in publishing design. Typography is not only about choosing a nice font, but also about arranging and composing text in a way that communicates clearly to the reader.
The lecture introduced the different characters that can exist within a typeface, such as small caps, numerals, fractions, ligatures, punctuation marks, mathematical signs, symbols, and non-aligning figures. This helped me understand that a typeface is not just made up of letters, but also includes many supporting characters that are useful in professional layout design.
|
| Figure 1.1: Characters in Typeface From Lecture Video |
A major focus of this lecture was legibility. To make text easy to read, we need to choose typefaces that are open, clear, and well-proportioned. Classic serif typefaces such as Garamond, Baskerville, Caslon, and Minion Pro are often suitable for body text, while sans-serif typefaces such as Helvetica, Gill Sans, Frutiger, and Myriad Pro can also be used effectively depending on the design purpose.
|
| Figure 1.2: Examples of Line-Spacing |
We also learned about special typographic styles. For example, underlines should be placed slightly lower so that they do not touch the letters. Small caps can be useful for subheadings or the first line of a paragraph, while all caps should only be used for short headlines or subheads. Using all caps for long sentences can make the text harder to read because capital letters have less visual variety than lowercase letters.
Another important point was that fonts should not be stretched or squeezed. When a typeface is distorted horizontally or vertically, it damages the original design of the font and can make the layout look unprofessional. Similarly, outlines and shadows should be used carefully because they can reduce readability if they are overused.
The lecture also explained the relationship between type size, line length, and line spacing. These three elements need to work together to create comfortable reading. A good column of text usually contains around 50 characters per line and should not exceed 65 characters. If the line is too long or too short, it can disturb the reading rhythm and make the reader feel tired.
Line spacing, also known as leading, is affected by the typeface, the line length, and the type size. Some fonts need more leading because their ascenders and descenders may touch if the lines are too close together. Longer lines also need more leading so that the reader can move smoothly from one line to the next. However, headlines can usually have tighter line spacing because they are larger and shorter than body text.
We also learned about character spacing and word spacing. Kerning is the adjustment of space between individual characters to make the text look more balanced. Word spacing is also important because consistent spacing creates an even typographic colour, which means the overall lightness and darkness of a text block. If the spacing is uneven, the paragraph may look messy and difficult to read.
Different text alignments also create different reading experiences. Flush left alignment is usually the most readable because it creates even spacing and makes it easy for readers to find the next line. Flush right alignment is harder to read and is not suitable for long text. Centered alignment gives a formal feeling, but it should be used minimally. Justified alignment can look neat, but it must be controlled carefully to avoid large gaps or “rivers” between words.
Paragraph spacing and paragraph indents were also discussed. Paragraph spacing is a cleaner way to separate paragraphs compared to using double line breaks. First-line indents can also show the beginning of a new paragraph, but they should not be used together with paragraph spacing because using both can feel excessive. A standard indent is usually the same size as the type size.
The lecture also introduced widows and orphans, which are common problems in typography layout. A widow is a single line of text left at the top of a new page, while an orphan is a single line left at the bottom of a page. Both should be avoided because they interrupt the visual flow of the text.
|
| Figure 1.3: Examples of 3 Dashes |
In addition, we learned about specific formatting details such as hyphens, en-dashes, em-dashes, drop caps, quotes, sidebars, character styles, and paragraph styles. Drop caps are often used at the beginning of chapters or special sections, while sidebars are used to provide extra information that supports the main text but is not essential to the main narrative.
Overall, this lecture helped me understand that typography is a detailed and structured part of publishing design. Good typography depends on many small decisions, such as font choice, spacing, alignment, paragraph structure, and formatting. When these elements are handled properly, the text becomes more readable, organized, and visually pleasing.
Lecture 4: Typo Redux
In Lecture 04, we learned about Raster Systems, also known as the grid. A grid is an ordering system that divides a two-dimensional plane into smaller fields, or a three-dimensional space into smaller compartments. These fields can be equal or different in size, depending on the design purpose.
According to Brockmann (2010), the use of grid reflects a designer’s constructive way of thinking. It shows that design is not only about decoration, but also about creating work that is objective, functional, clear, and aesthetically organised. Therefore, the grid can be seen as a professional tool that helps designers solve visual problems in a logical and structured way.
The grid is widely used by typographers, graphic designers, photographers, and exhibition designers. In publishing design, it helps designers arrange text, photographs, illustrations, diagrams, captions, titles, and subtitles in a coherent and functional manner. By using a grid, the page layout becomes more organised, allowing information to be read more quickly and understood more easily.
Besides improving structure, the grid also supports readability and legibility. It creates clarity, order, and consistency across pages, which allows the content to communicate more effectively. A good grid system often works as a hidden framework. Although it may not be directly seen by the reader, it guides the placement of elements and creates a smoother reading experience.
The grid is also modular in nature. It should not be seen as a strict limitation or a “jail” for creativity. Instead, it provides flexibility because different combinations and variations can be created within the same system. However, when designing a book, these variations should still have limits in order to maintain continuity, coherence, and clear navigation throughout the publication.
Overall, this lecture helped me understand that the grid is an essential tool in publishing design. It gives structure to the page, improves visual communication, and helps create a layout that is clear, functional, and visually balanced.
For this visual, I created a collage composition by assembling different everyday objects inside a plastic bag, such as personal belongings, work-related items, and symbols of routine adult life. I first arranged and combined the separate objects into one composition so that they appeared contained within the bag, creating a sense of accumulation and compression.
After that, I adjusted the whole image into a blue duotone palette to match the overall visual language of the book. I further refined the image using curves and levels to strengthen the contrast and make the objects stand out more clearly against the background. Finally, I added several texture overlays to give the image a more tactile and distressed surface quality, helping it blend with the rest of the project’s visuals.
This image was made to reflect the idea of “the standardization of growth, the standardization of success, and finally, the standardization of adulthood.” The bag filled with objects suggests how adulthood can feel like a collection of expected roles, routines, and material signs of success, all gathered into one fixed and standardized structure.
Below is the process for other visuals, they all used blue duotone palette.
Week 4
In Task 2, I explored different ways of creating visuals for my book using Photoshop. Since my book uses a monochrome blue visual direction, I edited my own photographs and collage materials to make them look consistent with the overall style. I worked with different techniques such as converting images into grayscale, applying duotone colours, adjusting curves and levels, adding shadows, separating facial features, creating collage compositions, and layering textures.
This process was quite experimental for me. Instead of simply placing photographs into the book, I had to think about how each image could become more symbolic and connected to the writing. For example, the self-portrait was not only treated as a face, but was fragmented to represent how academic results became a way of judging the self. The plastic bag collage was also created to represent the standardization of adulthood, rather than just showing ordinary objects.
During the process, I realized that changing an image into blue duotone can completely transform its mood. Some original photographs looked ordinary at first, but after being converted into grayscale, adjusted with duotone, and layered with texture, they became much more emotional and visually connected. I also noticed that contrast is very important. When the original lighting was too flat, the blue version looked weak, so I had to manually add shadows and adjust curves and levels to make the image stronger.
Another important observation was that texture can help connect different visuals together. Since my images came from different sources, such as portraits, tree shadows, objects, and collages, they could easily look unrelated. By adding similar grain, scratches, and scanned textures, the visuals became more unified and less digital.
Through this task, I learned that image processing is not only about making an image look beautiful, but also about building meaning. Photoshop allowed me to reshape the photographs into visuals that could support the emotions and ideas in my writing. I found it interesting that small changes, such as changing the tone, adding shadows, or layering texture, could make an image feel more distant, silent, pressured, or fragmented.
I also discovered that visual consistency does not mean every image has to look exactly the same. Some visuals can be darker and heavier, while others can be lighter with more breathing space. What matters is that they still share the same visual language. Overall, this task helped me understand how Photoshop can be used as a tool for storytelling, not just image editing. It allowed me to translate personal writing into a series of symbolic and emotional visuals.
Comments
Post a Comment