Publishing Design----Task 1,Exercise

Publishing Design - Task 1, Exercise

Week 1 -4

Ke Bo Zhi / 0362533

Bachelor of Design (Hons) in Creative Media 

Task 1, Exercise

INSTRUCTIONS

LECTURE

Formats

Book

Books are very important and have a lot of influence since a lot of important publications center on them. 

They act as a channel for the documenting and dissemination of information, history, records, and ideas. 

Designing a book requires a sophisticated knowledge of typography, an acute sense of spatial organization, attention to detail, and skill with publishing software. 

In order to improve readability and engagement, it is crucial to take the intended audience into account and adjust the design appropriately. 

Q: In your view, what factor/s influence and determine the format of the book?

The demands of the audience

For example, it's important to make sure the book is the right size for a child audience. The materials selected also need to correspond with the age range. 

The content of the book is another factor.

If it covers a wide range of subjects, going with a larger font size might be required to properly fit all the content.

Aspects like size, material choice, and binding also have a big impact on the overall design.

Historical Formats

Innovation almost always shadows technology, which creates opportunity.

Figure:1.1 Regions & Civilizations

Mesopotamian Civilization (Iran-Iraq)

The earliest writing system in Mesopotamia was created using counting technology. 

The transition from basic and intricate tokens to the bullae gave rise to the initial instances of pictographic writing on clay tablets.

Figure:1.2 Mesopotamia

Indus Valley Civilization (India- Pakistan-Afghanistan)

Although there aren't many records from the Indus River Valley Civilizations, it is known that they had a sophisticated system. 

Their writing system, Cuneiform, was among the first writing systems ever devised. Sharp, pointed tools were used to write on soft clay tablets.

Their records included trade, religion, and government.

Figure:1.3 Indus River Valley

Ancient Egyptian Civilization (Egypt)

Only scribes in ancient Egypt were literate in Hieroglyphic writing.

Scribes would write on the walls of the tombs as well as on papyrus (a unique kind of paper derived from the pith of a papyrus plant).

Figure:1.4 Egypt

Han Chinese Civilization (China)

Early Chinese characters were written in vertical columns. This meant that a narrow bamboo strip was ideal for a single column. 

Two lines of thread were used to connect the bamboo strips in a larger document.

 

Figure:1.5 Han-China

From the T'ang Dynasty, a Chinese book is the oldest known printed book. In 1899, it was found in a cave in Dunhuang. Paper was the material, and it was arranged in a scroll. 

Figure:1.6 Diamond Sutra |868 CE

Using wood blocks for printing is a time-consuming procedure. 

Confucian classics were published in the 10th and 11th centuries for use by scholar officials, along with a diverse range of writings by Buddhists and Taoists. 

Although it appears to have originated in China, Korea is credited with creating the invention of cutting wood blocks in reverse.

Figure:1.7 Korean Wood Block Carving

European Civilization (Turkey & The West)

Turkey has been associated with inventing parchment (197–159 BC). 

Figure:1.8 Turkey & The West

Paper use would gradually move to the west.

In the years 1400–1500 CE, paper became commonly available in Europe. 

Figure:1.9 Dead Sea Scrolls

Lecture 02 | History of Print

2nd - 8th Century AD

The Chinese Emperor orders that the six major Confucian classics be etched into stone in the year 175 AD. The Confucian academics had to lay paper on the engraved slabs and rub it with charcoal or graphite because they were eager to possess the essential scriptures.

Fig 2.1 Engraved Slabs

Fig 2.2 Brass-Rubbing 

Korea & Japan: AD 750 - 768

One amazing accomplishment of East Asian Buddhism is the creation of printing. A sutra produced in Korea around AD 750 on a single sheet of paper is the oldest known printed scripture. 

Fig 2.3 Dharani Sutra

The empress of Buddhist Nara commissioned a big lucky charm or prayer in AD 768. A million copies of the project were printed and given to pilgrims; it is said to have taken six years to finish. The famous woodblock print is known as Hyakumantō Darani. 

Fig 2.4 Hyakumantō Darani

The first printed book: AD 868

The scroll is one foot high and sixteen feet long. It was created by joining the edges of paper. The scroll's first sheet had the earliest printed picture, which showed an enthroned Buddha surrounded by Holy Attendants. 

Fig 2.5 Diamond's Sutra Illustration

Movable Type: from 11th century

Before printing became an effective means of disseminating information, movable type (separated ready-made characters or letters that may be placed in the right order for a certain text and then reused) was a required. The idea had been tried as early as the 11th century in China. The Chinese script's excessive character count made typecasting and typesetting extremely difficult. Another is that Chinese printers make their characters overly delicate for the intended use by casting them in clay and heating them like pottery.

Type foundry in Korea: c.1380

Koreans founded a foundry in the latter part of the 14th century to cast metal type that could be moved. Bronze is a robust material that can be repeatedly printed on, disassembled, and reset for new writing. Since the Koreans were still using Chinese writing at the time, they had the issue of having a large character set. This was resolved in 1443 when they created ashan'gul, or their own alphabet. 

Saints & Playing Cards: AD c.1400

The printing method using wood blocks was brought to Europe in 1400. Similar to how they were printed in the East, the images were created by simply placing a sheet of paper on a block that had been carved and inked, then rubbing the ink off of it. The primary market is sacred images for pilgrims to purchase, similar like in the east. Another early item from the western trade is playing cards. 

Fig 2.6 Engraving by the Master of Playing Cards

Gutenberg & Western Printing: AD 1439 - 1457

The first recorded mention of Gutenberg in relation to printing dates back to a Strasbourg court case in 1439. Nothing from this era has remained, but Gutenberg is credited with printing tiny passages of text from moveable type, which is what Strasburg does. The second time Gutenberg is mentioned in connection with printing, it was in 1450 in Maine when he borrowed 800 guilders from Johann Fust, securing the loan with his printing equipment. 

Fig 2.7 Gutenberg

One of Gutenberg's innovations was the printing press, which could exert a constant, quick downward pressure. As a result of his proficiency with metal, Gutenberg was able to master the many steps involved in producing individual pieces of type, such as making a master copy of each letter, designing molds that can be used to cast multiple versions of the letter, and manufacturing an alloy that is appropriate for casting the letter. This sophisticated technology comes before the fundamental task of printing.

Fig 2.8 Gutenberg's printing

The Bible printed by Gutenberg did not include dates. In the middle of the 1450s, it was printed concurrently on six presses. It is known that at least one copy was finished on August 24, 1456, with the starting letters manually colored in red. 

Fig 2.9 Gutenberg's bible

Lecture 03 | The Grid

Raster Systeme

The application of grids as ordering systems is a representation of a particular way of thinking that shows how a designer generates their work in a constructive way. 

The grid divides a two-dimensional plane into smaller fields, and a three-dimensional area into smaller compartments. The sizes of the compartments may be the same or different. 

The Purpose of the Grid

Designers utilize grids to overcome visual challenges. A designer can strategically position text, images, and diagrams in a logical and useful way by organizing surface and spaces into a grid. 

This produces a feeling of clarity, comprehensibility, and compact planning. In terms of design practice, it also implies orderliness.

Fig 3.1 Usage of Grids

Modular

Even though the grid is modular, it shouldn't be used as a constraint. It does permit flexibility—that is when the designer can see a wide range of possible configurations.

However, a limit must be established in order to retain a degree of continuity or coherence in the outlook and navigation. Much of this is dependent upon the contents of the book because the scope of each book might vary. A grid makes it possible to organize information such that it is simple to read and comprehend.        

Lecture 04 | Typography Redux

Typography

Typography is like breathing to a graphic designer. The most crucial aspect of graphic design to become proficient in if we want to hold ourselves to high standards. It is the craft of structuring and writing text. In addition, it also serves as a medium for expression and most importantly in communication. It plays a major role in design work. 

Our comprehension and sense gained over the last two semesters will be vital to book design.

Characters in a typeface

1. Small caps
2. Numerals 
3. Fractions
4. Ligatures
5. Punctuations
6. Mathematical signs
7. Symbols
8. Non-aligning figures

Fig 4.1 Characters in a typeface

Fig 4.2 Ligature

Fig 4.3 Weights in a typeface

Legibility

It is crucial to follow recognized legibility rules in order to ensure that a body text is readable. A designer must be fully aware of these guidelines in order to deviate from them. It is necessary to select typefaces that are open and well-proportioned in order to make text readable. 

Fig 4.4 Open and Well-proportioned

Fig 4.5 Examples of Well-proportioned Typefaces

There were a lot of new features available for typesetting using computers. Nevertheless， this also had drawbacks, such as typographic norms being broken at the reader's expense by those who were unaware of them. A few things need to be kept in mind to make sure the type is readable.

• Underline: Many programs perform underlining wrongly, since it should be lowered to avoid touching the characters, which reduces readability. There are two different kinds of underlining: one that emphasizes every word in the text, and another that emphasizes the sentence overall. 

Fig 4.6 Examples of Underlining

• All Caps & Small Caps: Small capitals work well for subheads and the opening sentence of paragraphs. Short headlines or subheadings should employ text that is all caps. It is important to note that using all caps in lengthy sentences or for emphasis is not allowed. The purpose of capital letters was not to be used freely, but rather to be punctuated. 

Fig 4.7 All Caps & Small Caps

• Special-Purpose Style: Software for creating footnotes, references, and mathematical calculations comes with a variety of formatting styles. A typical user might not be aware of them because they are typically embedded or buried within the tool ‘s sections. 

Fig 4.8 Special-Purpose

• Text Scaling: By squeezing or extending a font horizontally or vertically, many programs enable the development of pseudo-condense or pseudo-extended fonts. This warps the font's original design and gives it a cheap appearance. 

Fig 4.9 Text Scaling

• Outline & Shadow: Another often misused style is outline and shadow. To properly and efficiently format text, one must have years of experience. It shouldn't go over one point for the outline. Make sure shadows stay at a reasonable distance of the primary text.

Fig 4.10 Outline & Shadow

A harmonious balance between font sizes, line lengths, and spacing between lines of type results in text that reads smoothly. Impairment to legibility is impartial and can even impact well-designed types. A type of column should have a maximum of 65 characters, with most columns having roughly 50. If not, the words would be difficult to read due to their excessive cramming. 

The amount of space between type lines is referred to as leading/line spacing. There are no exact rules for line spacing, just like there are for font size. But there are a few things to be mindful about:

• The typeface that was employed: In order to prevent their ascenders and descenders from touching, some require a greater line spacing than others.
• The line length: For easier reading, longer lines need extra leading.
• The type size: More line spacing is needed the larger the type size (this guideline primarily applies to body copy). However, headlines which are often set with a bigger font size, may also have a tighter line spacing. 

A reader becomes weary and loses interest in a book when lines of text are either too long or too short. 

Fig 4.11 Example of Long text

Fig 4.12 Example of Short Text

Depending on the program used to format text, additional care is required. To prevent widows and orphans, larger type sizes necessitate adjusting the spacing between characters and paragraphs.

• Kerning: Inter-character spacing, sometimes known as kerning, gives the text a nicer appearance. The majority of page layout products apply kerning automatically, while the majority of word processors do not permit kerning modifications. However, some letter combinations may require manual changes.

Fig 4.13 Kerning

• Tracking: It is the process of adjusting a specific set of characters, words, and spaces. The primary goal is to fit the type within the designated space without changing the font's size or line spacing. It could be either favorable or bad. Fixing individual words or the conclusion of a paragraph is a crucial use. 

The chosen typeface and word spacing can help identify the appropriate word spacing. Consistent spacing results in a uniform typographic "color". 

Fig 4.14 Word Space

• Italics: Should be used carefully. Reading becomes difficult with large sections of slanted writing. It works better when used to emphasize points inside text than when it stands alone as text. 
• Capitals: Take up more room and make reading more difficult. It isn't visually interesting. 

Alignment

• Flush left, ragged right: Results in relatively uniform letter and word spacing. It is simpler to find the new lines because they terminate at various spots. This aligned text is the easiest to read.
• Rough left, flush right: This is unfavorable to the reader. It is appropriate for brief passages, but not for lengthy ones.
• Centered alignments: Look very formal and work well when used properly. However, this method should not be used for vast volumes of text.
• Justified text: Can be particularly readable if the space between words is uniform and awkward rivers do not disrupt the text's flow.

Paragraph Spacing

Paragraph space is an automatic space between each paragraph. It can be placed above or below paragraphs. It is more elegant than simply double-spacing returns. 

Fig 4.15 Paragraph Spacing

Paragraph Indent

In cases where the text is justified, indentation should be utilized. It may be excessive to use both paragraph spacing and indentation. The indent should be 10 points if the type size is 10 points. 

Special Formatting

Although they can also be used to separate text from one line to the next, hyphens are primarily employed to divide words or numerals. Never hyphenate a headline or subhead at the end of a line. 

Fog 4.16 Hyphens & Dashes

It's often necessary to break lines to make text readable. When the goal is to break the line, simply typing a return can change the formatting. Most programs offer line breaks (Shift+Return) to sidestep the issue.

Fig 4.17 Special Formatting

Reports with new chapters or special parts should begin with drop caps. There shouldn't be more than three lines. Avoid using programs without auto settings if they don't exist. 

Fig 4.18 Drop Caps

Desktop Quotes:

Fig 4.19 Quotation Marks

Side Bar:

It is attached to the primary body copy. It draws attention to alternate narratives or facts. 

Fig 4.20 Side Bar

Lecture 05 | Elements

All publication consists of 3 major elements:

1. Type
2. Color
3. Image

Holding these three together are format and grids.

Variation

While incorporating variance into the layout, a designer should keep the book's overall style consistent. This means introducing flexibility in the arrangement and combination of components, but leaving other sections permanent, such as the hang line, typography, color, and image styles. 

Fig 5.1 Variation with Consistency

The variation in the image above is produced inside the grid system. However, this does not imply that each page requires a distinct variation, as they can be reused and rotated. 

Exercise

Text formatting

Mock-up making

 Signature folding systems (8+8=16)

Figure:2.2 Signature folding systems (8+8=16)

Classical Grid structure

Determining Grids

1

2

3

Form & Movement Exercises (Thumbnail)

1 Color

2 Color

2 Colors + Image

Color + Image + Text

REFLECTION

Experience

This assignment allowed me to learn the basic knowledge of secretarial publishing and the history and application of printing technology. It was a very new experience for me.

Observations

During this assignment, I learned a lot about the publishing industry. For example, grids are very important in layout design. At the beginning of the design, it is necessary to create a more attractive grid layout, which is also related to the readability of the article.

Findings

I was always confused at the beginning of this assignment and didn't know what to do, but through these exercises I gained some basic understanding of publishing design. In the design still need to do some more attempts, the use of some fonts and good typography can make the article more colorful.