Publishing Design / Task 1: Exercise
Week 1 03/04/2023 - Week
Riko Matsuyama 0351470
Publishing Design / Task 1
Bachelor of Design in creative media
Instructions
Lecture
Format (1)
The book is a medium to document and transmit, ideas, knowledge, records,
history and so much more.
Designing a book requires you to have a comprehensive understanding of
typography, a good sense of space, an eye for details, and a good
understanding of publishing software.
Civilizations around the world
- Formats
- Uniqueness
- Reasons for the decline
We start with the earliest civilization
Mesopotamia
|
| Fig1.1: mesopotamia |
- Mesopotamia
Writing on clay tablets, "record-keeping before writing"
|
| Fig1.2: clay tablets |
- The Indus River Valley Civilizations
We do know they had a complex system. Their writing, cuneiform, was one of
the earliest systems of writing. They wrote records about their
government, religion, and trade.
|
| Fig1.3: writing |
|
| Fig1.4: indus |
- Ancient Egyptian civilization
Egyptians also would write on the tomb walls. The word papyrus refers to
a thick type of paper made from the pith of the papyrus plant
|
| Fig1.5: write on tomb walls |
- Han China
Chinese characters in the early period are written in vertical columns, so
a thin strip of bamboo is ideal for a single column.
|
| Fig1.6: han china |
- Turkey
Parchment was first invented in Turkey, 197- 159 BC, which later spread to
Europe. Around 50 AD, Europeans started making parchment books.
|
| Fig1.7: making parchment books |
History of print (2)
- 2nd-8th century AD
The emperor of China commands, in AD 175, that the six main classics of
Confucianism be carved in stone.
Confucian scholars lay paper on an engraved board to possess this
important text > rub over it with charcoal or graphite > and remove
the white text on a black background
|
| Fig1.8: Confucianism |
- Korea and Japan: AD 750-768
The invention of printing is a striking achievement of Buddhists in East
Asia. Korea takes the lead. The world's earliest known printed document is
a sutra printed on a single sheet of paper in Korea in AD 750.
|
| Fig1.9: printed document |
In AD 768, in devoutly Buddhist Nara, the empress commissions a huge edition of a lucky charm or prayer. The number of printed copies is said to be one million. Many survived.
|
| Fig1.10: buddhist nara |
- Hyakumanto Darani
The earliest recorded use of woodblock printing was in Japan.
|
| Fig1.11: woodblock printing |
-
The first printed book: AD 868
Discovered in a cave at Dunhuang in 1899, it is a precisely dated document
that brings the circumstances of its creation vividly to life.
|
| Fig1.12: document, Dunhuang in 1899 |
It is the world's first printed illustration, depicting an enthroned
Buddha surrounded by holy attendants.
|
| Fig1.13: first printed illustration |
-
Chinese publishing: 10th-11th century
Printing from woodblocks is a labor-intensive process; during the 10th and
11th centuries, all Confucian classics were published t for government
officials. The Buddhist and Taoist books are also enormous (about 5,000
volumes each).
This innovation was spearheaded by the Chinese and accomplished on the
Korean peninsula.
- Type foundry in Korea: c.1380
Koreans established foundries that cast type in bronze. Unlike ceramics,
bronze is strong enough to be repeatedly printed, dismantled, and
reprinted.
In 1443, they invented their own national script, the Hanja.
- Saints and playing cards: AD c.14
Around 1400, the technique of woodblock printing, an invention of more
than six centuries in the East, was introduced. Also, as in the East,
sacred images for pilgrimages came to market.
In the late 15th century, printing technology was developed in
Germany, and printing rapidly transformed into a part of Western
civilization.
|
| Fig1.14: printing technology, germany |
- Gutenberg & Western printing: AD 1439 - 1457
|
| Fig1.15: gutenberg & western printing |
Typo Redux (3)
Typography
The art of arranging and composing a text, it is also a medium for
expression and most importantly communication.
|
| Fig1.16: weights in a typeface |
Small Caps & All Caps
Small Capitals are good for subheads or for the first line of a
paragraph. All Caps should be used in short headlines or subheads. All
Caps should never be used for long sentences and for emphasis.
|
| Fig1.17: Specific-purpose style |
Outline & Shadow
Another style that tends to be abused a lot is the outline or shadow
style. Please avoid outline and shadow as far as possible.
|
| Fig1.18: shadow |
The Grid (4)
Raster Systeme
The grid divides a two-dimensional plane into smaller fields or a
three-dimensional space into smaller compartments.
|
| Fig1.19: grid |
The grid is used by Typographers, Graphic Designers, Photographers,
and Exhibition Designers. For solving visual problems in two or three
dimensions.
|
| Fig1.20: grid, two or three dimensions |
Elements (5)
All publications consist of 3 major elements:
1. Type
2. Colour
3. Image
|
| Fig1.21: type, color, image |
Holding the above together is the format and grid
|
| Fig1.22: variation with consistency |
Variation is created within the grid system. The use of elements
allows for consistent yet varied shuffling.
The result is a layout in which every turn of the page is a surprise;
it does not mean that every page in a 32-page book must be
different. The formulas must be reused and rotated throughout the
book.
Task 1: Exercise
Week 1
1) Text formatting
The text content must be divided into 3 chapters minimum, it must also
have 3/4/5 subtexts (sidebars) and one caption per chapter. You have 1
week for this.
we started to write 3000 words for an e-book. I decided on my theme, it's
my experience when I was a high school student.
Text formatting (pdf)
Week 2
2) Mock-up making
A4 (16 sheets) / A3 (8 sheets) Paper *
- Large rubber band/thread with needle
- Adhesive Tape (masking, sellotape, scotch)
- Steel Ruler (16" if you have one)
- Cutter
- Pencil
I used A3 paper. First, draw a line at the size below. Then choose the size you prefer.
210 x 148 / 240 x 180 / 250 x 200 / 270 x 170
|
| Fig2.1: some sizes |
After that, Connect the two pieces of paper with cellophane tape. When 8 sets are completed, stack them on top of each other.
|
|
Fig2.2: 8 set papers
|
Cut the selected size shape with a cutter. Repeat the same action with light force, without putting pressure on the hand.
|
| Fig2.3: cut by the cutter |
Video of mock-up
3) Signature folding systems
Prepare A4 paper, and fold the paper until it reaches the size of A1.
|
|
Fig3.1: A1 size paper
|
Write the numbers from 1-16 and cut the connected bottom part with a cutter. Then itbecomes like a small book.
|
|
Fig3.2: 16 pages |
|
| Fig3.3: with numbers |
12 pt is big for body text, 10 pt is better. How many characters can u have in line, most readable: 55-56. It can go as low as 35 for subtexts/sidebars. This prevents ragging.
Fig3.4: Classical Grid structure (pdf)
Week 4
5) Determining Grid
We need to find a magazine book or magazine spread online. Draw grids and margins. I chose the below image. After that, add margins, grids, and columns.
|
| Fig4.1: magazine spread |
Fig4.2: determining grid (pdf)
Week 5-6
6) Form & Movement
Create movement. Don't make it too complicated and decorative. Forms have to be very simple. First, create 3 grid options for your book size and use them for this
exercise. Add color & image after that. I chose option
3.
|
| Fig5.1: example |
Option 1
Grids: Rows, number 3
Margins: top, bottom, in, out 12.7 mm
Columns: 2
|
| Fig5.2: grid option 1 |
Option 2
Grids: Rows, number 3
Margins: top, bottom 20 mm / in 25 mm / out 15 mm
Columns: 2
|
| Fig5.3: grid option 2 |
Option 3 (use this)
Rows: number 4
Margins: top, bottom 25 mm / in, out 15 mm
Columns: 2
|
| Fig5.4: grid option 3 |
Week 5
This is my first created option, and received feedback. He
mentioned making sure the link to all these things is consistent, there is no relationship. I referred to this feedback, and create new 2 options. Before starting, I found some layout references.
|
| Fig6.1: first outcome |
Week 6
In week 6, Mr. Vinod said both options are good, so I
chose option 2 and add color and image. It was a bit
hard to decide where the part should I zoom or focus
on.
B&W shape, Option 1
|
| Fig6.2: option 1 |
B&W shape, Option 2 (use this)
|
| Fig6.3: option 2 |
Shape with color
|
| Fig6.4: with color |
|
| Fig6.5: with color and image |
Week 7
I received feedback from Mr. Vinod. The color one is okay but with image
one is not good. Do not replace the image and shape, and in my case, the
image is not good. All look like same, so I need to change the image and
think about the zoom part. Based on feedback, I tried to redesign it. I also
changed the color to fit the image.
Fig6.6-7: used 2 images
With image (final outcome)
|
| Fig6.8: with an image (final outcome) |
With image and text (final outcome)
|
|
Fig6.9: with image and text (final outcome)
|
Fig6.10: B&W shape (pdf)
Fig6.11: With image (final outcome)(pdf)
Fig6.12: With image and text (final outcome)(pdf)
Feedback
Week 1: Continue to build the reference. When doing illustrations, highlight the 16 visuals. And can create the cover(exercise 1)
Week 5: Make sure the link to all these things is consistent, there is no relationship(exercise 6)
Week 6: it's quite well-balanced, well spread out, elements are relatable. Prefer the 2nd one (exercise 6)
Week 7:
The color one is okay but with image one is not good. Do not replace the
image and shape, and in my case, the image is not good. All look like
same, think about the zoom part.
Reflections
Experiences
I like reading books, but I didn't know the structure of the book, so I learned a lot. It was fun to actually create it. I thought the size and shape of the book is important depending on the purpose of the book. I enjoyed thinking about the options for the three grids. However, I think all three ended up with similar options. I had a hard time adding images in Exercise 6. I had to think about the layout of the front and back pages to make sure the flow and movement were consistent. It was also difficult to figure out which parts to expand or focus on. But this process was interesting.
Observation
It was difficult to think about the flow and movement of Exercise 6. What kind of structure would look beautiful or have an impact. After creating the two options, I think I understand how to think about flow and movement. Finding reference images was interesting. I also thought it was important to have a lot of experience in these areas.
Findings
I now understand the importance of not cramming too many headings, body text, and other elements into a single spread. Also, after creating the book this time, I thought it was very impressive that a book as thick as a dictionary could be made as sturdy as it was. I would like to apply this exercise to my future tasks.
Further Reading
Book Layout Design: Everything You Need to Know
by Dave Chesson(March 24th, 2022)
Margins
Proper margins are key to publishing a book that's attractive, easy to read, and easy to hold. While people won't sit with a ruler and measure your margins to make sure they're “correct,” they will subconsciously notice if something is off, which can detract from the reading experience.
Spacing (And White Space)
A good page layout takes spacing into account throughout the book design. It also means the spacing at the beginning of chapters, at the ends of paragraphs, and even how you use white space.
Scene Breaks
Sometimes called a section break, this is a way to tell the reader that something is changing. In a fiction book, a section break may signal a POV shift or act as a sign that time has passed. In a nonfiction book, this usually means that a new topic is starting.
Images
The use of photographs, images, and artwork in your book requires careful consideration. You don't want to bombard the pages with a lot of images and text smashed in between them. Instead, you want the eye to flow easily over the text and images, making the reading experience smooth.
Comments
Post a Comment