<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Tanya Sokolovskaya's blog: posts tagged Design books</title>
<link>https://tsokolovskaya.com/blog/tags/design-books/</link>
<description>On editorial and graphic design</description>
<author></author>
<language>en</language>
<generator>Aegea 11.3 (v4134e)</generator>

<itunes:owner>
<itunes:name></itunes:name>
<itunes:email>mail@tsokolovskaya.com</itunes:email>
</itunes:owner>
<itunes:subtitle>On editorial and graphic design</itunes:subtitle>
<itunes:image href="https://tsokolovskaya.com/blog/pictures/userpic/userpic-square@2x.jpg?1732041507" />
<itunes:explicit>no</itunes:explicit>

<item>
<title>Typography and book layout. Part 2</title>
<guid isPermaLink="false">40</guid>
<link>https://tsokolovskaya.com/blog/all/book-design2/</link>
<pubDate>Fri, 26 Feb 2016 22:46:39 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/book-design2/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/006_0.jpeg" width="1181" height="778" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Jan Tschichold&lt;/div&gt;
&lt;/div&gt;
&lt;p main&gt; In the first part of this article, recommendations and methods for calculating the layout of the typesetting strip and the canons of constructing the title page are collected. I recommend reading it if you haven’t already. &lt;/p&gt;
&lt;p aside&gt; Also read &lt;a href="/blog/all/book-design/"&gt;the first part of the summary&lt;/a&gt;. &lt;/p&gt;
&lt;p&gt;Continuing my summary of ‘The Form of the Book’ by Jan Tschichold, we will delve into the rules of typesetting and text formatting, as well as the layout of illustrations. It will be informative and interesting :-)&lt;/p&gt;
&lt;hr /&gt;
&lt;h2&gt;Typesetting rules for publishing&lt;/h2&gt;
&lt;p&gt;The quality of typesetting determines the appearance of a book. Adhering to the following rules can achieve an aesthetically pleasing typeset text.&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;In all headings, and especially in continuous text, the space should be one-third of an em space (an em space is a space element equal in height and width to the point size of the given font).&lt;/li&gt;
&lt;li&gt;After periods at the end of sentences and after abbreviations, only a normal space should be used, as in the rest of the line.&lt;/li&gt;
&lt;li&gt;Individual letters and abbreviations, such as etc., B.C., C.F. Meyer, are always typeset with a reduced space.&lt;/li&gt;
&lt;li&gt;Titles and headings should not end with a full stop.&lt;/li&gt;
&lt;li&gt;Lowercase letters should not be spaced out letter by letter. Instead of letter spacing, italics should always be used.&lt;/li&gt;
&lt;li&gt;Uppercase letters are always typeset with letter spacing (from 8 points and above, at least 1 1/2 points), and the spaces between them are carefully aligned, preferably leaning towards increasing rather than decreasing the spacing.&lt;/li&gt;
&lt;li&gt;Paragraph indents are always em space. Too large an indent can lead to the last line of a paragraph being shorter than the indent of the following line.&lt;/li&gt;
&lt;li&gt;Quotation marks should be of the same style throughout the book.&lt;/li&gt;
&lt;li&gt;Numbers indicating notes should be typesetted in the same font as the main text. After a note sign in the form of a number or asterisk, a bracket should not be used — neither in the text nor in the note itself.&lt;/li&gt;
&lt;li&gt;Footnotes are separated from the main text by an empty line or a solid thin line. The empty space above and below this line should be no less than the leading of the main text of the page.&lt;/li&gt;
&lt;li&gt;Umlauts Ä, Ö, Ü should not be represented as Ae, Oe, Ue.&lt;/li&gt;
&lt;li&gt;When typesetting numbers, a comma is used only in decimal fractions. Thousands are separated by spaces, not commas or periods. 300,000 is not three hundred thousand, but simply three hundred. Three hundred thousand is typeset as 300 000.&lt;/li&gt;
&lt;li&gt;Points are not used to separate thousands. In decimal fractions, a comma is used: 3.45 m; 420,500 kg. However, when indicating time, a period is used: 2.30 h. In Russian, a colon is customary: 2:30 h. When typesetting telephone numbers, it is better to separate digits with spaces or hyphens, grouping the numbers in twos or threes: 123-45-67 or 123 45 67.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;Paragraph indents&lt;/h2&gt;
&lt;p&gt;Starting a paragraph without an indent creates a sense of a continuous flow of thought for the reader, which is difficult to follow. However, a good writer thoughtfully divides the text into paragraphs and wants their rhythm to be precisely maintained.&lt;/p&gt;
&lt;p class="loud"&gt;Setting text without indents hampers readability&lt;/p&gt;
&lt;p&gt;There’s only one case where making a paragraph indent is senseless and unsightly: under a centred title. The first paragraph should start without an indent. But under a left-aligned title, a paragraph indent is necessary.&lt;/p&gt;
&lt;p&gt;There is only one correct, technically flawless, and at the same time simplest way to mark the beginning of paragraphs — a paragraph indent, usually one em (i.e., at 10 ems — 10 points). It can be slightly less, or in some cases, slightly more.&lt;/p&gt;
&lt;p&gt;Today, a multitude of exquisite literature, even scientific books, are printed without paragraph indents. People don’t seem to understand how much harder it is to read text without them. Setting text without paragraph indents only seems simpler and calmer, but it comes at the cost of losing rhythm — an essential feature of beautiful typography.&lt;/p&gt;
&lt;h2&gt;Italics, small capitals, and quotation marks in the layout of books and scientific journals&lt;/h2&gt;
&lt;p&gt;In artistic texts, there are almost no highlights made with italics or small capitals. Only occasionally is a word italicized to emphasize its significance.&lt;/p&gt;
&lt;p&gt;Italics are primarily used to denote the names of books, journals, works of art, terms, and ships encountered in the text. In this case, these words can be printed without quotation marks. Additionally, words and phrases in foreign languages can be set in italics without quotation marks.&lt;/p&gt;
&lt;p&gt;Small capitals are used to highlight names and are always set with slight spacing; otherwise, they are difficult to read.&lt;/p&gt;
&lt;p&gt;Less well-known titles rarely used expressions, and expressions used in a figurative sense, are enclosed in quotation marks but are set in lowercase, not italics.&lt;/p&gt;
&lt;p&gt;Bold fonts are needed to attract attention, not to separate text. They can be used for headings.&lt;/p&gt;
&lt;p&gt;For instance, if the main font in a preface is italic, then highlights are made with a regular font, not spaced italics.&lt;/p&gt;
&lt;p&gt;Quotes are set in a regular font with quotation marks. Direct speech is also enclosed in quotation marks; this is not mandatory, nor very aesthetically pleasing, but it makes the text more understandable than without quotation marks.&lt;/p&gt;
&lt;p&gt;There are several types of quotation marks.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;German quotation marks: &amp;#8222;n&amp;#8220;. The ending quotation marks are inverted commas (&amp;#8220;), not apostrophes (&amp;#8217;&amp;#8217;) because it would then be a double apostrophe.&lt;/li&gt;
&lt;li&gt;French quotation marks: «n». In Germany, they are typed with the angles facing the letter: »n«. In Russian typographic jargon, French quotation marks are called &lt;i&gt;fir tree&lt;/i&gt; quotes and are considered the primary form, used with angles outward: «n». German quotation marks are called &lt;i&gt;feet&lt;/i&gt; quotes, considered supplementary and used like this: &amp;#8222;n&amp;#8220;. To type a quote within a quote, some type «— , ‘ — » (but not ,n’ — an apostrophe is not a quotation mark!), others « — „ &amp;#8220; — ».&lt;/li&gt;
&lt;li&gt;The English distinguish single quotation marks (‘n’) and double quotation marks (&amp;#8220;n&amp;#8221;). To type a quote within a quote, in the UK it is customary to use single quotation marks as the primary form and double as the supplementary, while in the US it’s the opposite: ‘like &amp;#8220;these&amp;#8221; in England’, and &amp;#8220;like ‘these’ in America&amp;#8221;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Different countries have their own forms of quotation marks and rules for their use. For example, in Finland, Greece, and Turkey, the same form of quotation marks is used as both the opening and closing marks: &amp;#8221;quotes in Finland&amp;#8221;.&lt;/p&gt;
&lt;h2&gt;About Leading&lt;/h2&gt;
&lt;p&gt;Leading is the distance between lines of text.&lt;/p&gt;
&lt;p&gt;There’s an almost always true rule — the more end lines and lines of varying lengths there are, that is, the more restless the form of the typesetting strip, the greater the distance between the lines should be. Large leading emphasizes the linearity of lines and thus to some extent harmonizes the jagged silhouette of the typesetting.&lt;/p&gt;
&lt;p&gt;By increasing the leading, you can save text that has been typeset with too large spaces between words, that is, typeset poorly. However, large leading in no way exempts you from the need to make proper word spacing.&lt;/p&gt;
&lt;p&gt;If the leading is the size of a pica or larger, you can typeset words in a line a little wider than with compact typesetting: otherwise, due to the large distance between lines, there is a sensation that words in a line are merging, which reduces readability.&lt;/p&gt;
&lt;p&gt;The leading in a book depends on the size of the margins. Large leading suggests wide margins, and then the plane of the font is perceived harmoniously.&lt;/p&gt;
&lt;p&gt;The length of the line, that is, the number of letters in it, also affects the leading. The longer the line, the greater the leading needed, otherwise the eye gets tired and the reader loses track from one line to another. But long lines are generally bad; wherever possible, you should try to make them shorter — either set in two columns or increase the font size.&lt;/p&gt;
&lt;p&gt;There is one almost always true rule — the more end lines and lines of different lengths there are, that is, the more restless the form of the typesetting stripe, the greater the distance between the lines should be. A large interline spacing emphasizes the linearity of the lines and thus to some extent harmonizes the ragged silhouette of the typesetting.&lt;/p&gt;
&lt;p&gt;By increasing the interline spacing, you can save text that is typed with too large word spaces, that is, poorly typed. However, a large interline spacing does not free you from the need to make proper word spaces.&lt;/p&gt;
&lt;p&gt;If the interline spacing is the size of a pica or more than a pica, you can type the words in the line a little wider than with compact typesetting: otherwise, due to the large distance between the lines, there is a feeling that the words in the line are sticking together, and this reduces readability.&lt;/p&gt;
&lt;p&gt;The interline spacing in a book depends on the size of the margins. A large interline spacing implies wide margins, and then the plane of the font is perceived harmoniously.&lt;/p&gt;
&lt;p&gt;The length of the line, that is, the number of letters in it, also affects the interline spacing. The longer the line, the larger the interline spacing is needed, otherwise the eye gets tired and the reader gets lost from one line to another. But long lines are generally bad; wherever possible, you should try to make them shorter — either by setting them in two columns, or by increasing font size.&lt;/p&gt;
&lt;h2&gt;Set of superscript numbers and notes&lt;/h2&gt;
&lt;p&gt;Let’s talk about what is ugly and therefore incorrect.&lt;/p&gt;
&lt;p&gt;In the superscript numbers of footnotes in the text of a book:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;Unsuitable font for small superscript numbers. The shape of the superscript numbers should match the main font or at least be close to it.&lt;/li&gt;
&lt;li&gt;An unnecessary bracket after the superscript number. A bracket after a number is appropriate in a manuscript, but in a book, it is redundant.&lt;/li&gt;
&lt;li&gt;Lack of spacing between a word and the following superscript number. In good typesetting, it is essential to space the reference number with a thin space; otherwise, the number does not stand out. It should not stick to the word.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;In the notes:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;Superscript numbers, because they are too small, often cannot be read and, moreover, usually come from different, completely unsuitable font families. They must be clearly distinguishable, as it’s specifically them that are being sought. Therefore, the footnote number should be typed only with normal numbers of the same size as the text, in no case small (in the Russian typesetting, the number is placed on the top line of the font with a half-size spacing from the text of the note without a dot).&lt;/li&gt;
&lt;li&gt;The absence of punctuation after the footnote number. After the ordinal number of the note, typed in normal form and size, a full stop is mandatory. In the first line of the footnote, it is correct to make an indent of a round space (this recommendation does not apply to the Russian typesetting, see point 1).&lt;/li&gt;
&lt;li&gt;Unnecessary and unattractive thin line on the 4 cicero format to the left above the note. To separate the text from the footnote, it is enough to reduce the size of the font in the footnote. If division with a thin line is still required, it should be made to fit the format of the column.&lt;/li&gt;
&lt;li&gt;Too small leading in the lines. The column will be harmonious if both the text and the note have the same leading, regardless of the font size. But you can set the note with leading 1 point less than the distance between lines in the text, this will not be an error. A strong difference in leading makes the note noticeably darker than the main text, which is not good.&lt;br /&gt;
In the main text of the book, there should be no spacing between paragraphs, and between individual notes on the page, spacing is not necessary.&lt;/li&gt;
&lt;li&gt;Confused construction of the note due to the lack of paragraph indents in it. Unprofessional division of footnotes with leading of several points, even 1 point, gives an unclear picture of the typesetting. This is just as unacceptable as typesetting simple text without a paragraph indent.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;In addition to the above:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;If there is only one footnote in the book, or if notes occur singly on a page, it’s better to use an asterisk instead of the number 1.&lt;br /&gt;
In the text, the asterisk is not separated from the preceding word, but in the note, there should be a two-point space after the asterisk (in Russian text, the asterisk is spaced two points from the preceding word and is not separated from the closing quotation marks).&lt;/li&gt;
&lt;li&gt;If the note consists of a single or a few words and stands alone on a page, it can be centred; this will look harmonious with overall centre alignment.&lt;/li&gt;
&lt;li&gt;Sometimes, several short notes follow in succession, and they can disrupt the balance of the spread if they are stacked one under another. Such notes can be set horizontally one after the other, separated by round spaces. A period is placed at the end.&lt;/li&gt;
&lt;li&gt;A very long note can be divided, placing one half on the left and the other on the right side of the spread, but this technique should not be overused.&lt;/li&gt;
&lt;li&gt;If the format of the main text’s typesetting strip is very wide and the font size is cicero or larger, it might be feasible to set the notes in two columns.&lt;/li&gt;
&lt;li&gt;Starting footnotes on each page with the number 1 should be avoided; it’s better to have a continuous numbering of footnotes for the entire book or at least for individual chapters.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;Ellipsis&lt;/h2&gt;
&lt;p&gt;An ellipsis indicates that several letters of a word, a single word, or several words have been omitted. Never use more than three dots or two dots. It is correct to use exactly three dots.&lt;/p&gt;
&lt;p&gt;The dots should be typed without spaces, certainly not spaced out, as this creates holes in the fabric of the page. Before an ellipsis that indicates omitted words, it is correct to place a normal inter-word space for the line: ‘I think I was very ... afraid.’ If punctuation follows the ellipsis, it is separated from the last dot by a space of 1 point (in Russian, a comma is not used before or after an ellipsis).&lt;/p&gt;
&lt;p&gt;Dots placed instead of omitted letters are also typed without spacing, and no space is placed before them.&lt;/p&gt;
&lt;p&gt;Hanging lines at the end and beginning of the typesetting page End lines at the beginning of the typesetting page are not allowed. An end line disrupts the rectangular format of the typesetting page, and a phrase fragment at the beginning of the page looks pitiful.&lt;/p&gt;
&lt;p&gt;There is a reliable and tested way to get rid of a hanging line: you can make one page a line longer. However, this is only possible in a book with large margins.&lt;/p&gt;
&lt;p&gt;When a thin rule stands under a variable header, a hanging line is not a problem. In this case, the rectangularity of the typesetting page is preserved.&lt;/p&gt;
&lt;h2&gt;Layout of strip illustrations&lt;/h2&gt;
&lt;p&gt;There are two ways to place strip illustrations in a book: they can be laid out together with the text or reproduced separately.&lt;/p&gt;
&lt;p&gt;The maximum width of the illustration equals the width of the typeset strip; the maximum height is less than the height of the typeset strip by 7-11 millimetres, left for one or two lines of the caption to the illustration, the caption is included in the typeset strip (Pic. 1).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/01.jpg" width="1446" height="943" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 1&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Horizontal format illustrations in size and placement should also correspond to the typeset strip (Pic. 2).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/02-copy.jpg" width="1446" height="941" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 2&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;If the book has very wide margins, the height of the illustration (b) may equal the width of the typeset strip, and the caption printed on the margins. But in other cases, as a rule, the caption should stand within the limits of the typeset strip and, accordingly, the illustration should be reduced (Pic. 3).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/03.jpg" width="1446" height="945" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 3&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Illustrations laid out across the page are always inconvenient. Everyone tries to avoid this option. If there are more of them than others, it is advisable to choose a horizontal format for the book and set the text in two columns (Pic. 4).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/05.jpg" width="1625" height="606" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 4&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The book spread should form a single composition, even if the illustrations are very different (Pic. 5).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/06-copy.jpg" width="1446" height="943" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 5&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;A vertical, long illustration takes up the entire height of the typeset strip, and naturally, it needs to be placed in the centre of the typeset strip (Fig. 6, left). Meanwhile, a smaller illustration (Pic. 6, right) is positioned so that the ratio between the distances from the illustration to the top trim and the bottom trim is 1:2 or 3:5.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/07.jpg" width="1446" height="939" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 6&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Where it is impossible to do without cross illustrations, they should be placed so that they are convenient to view:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/08a-copy.jpg" width="1446" height="947" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 7a. Cross illustration next to the text strip&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/08b.jpg" width="1446" height="945" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 7b. Normal and cross illustrations&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/08g.jpg" width="1446" height="945" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 7c. Cross illustration on the left and normal on the right (worse than 7b; this option is used only in exceptional cases). So, the top of the illustration should be turned towards the binding! Option 7c does not exclude option 7d&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/08v.jpg" width="1446" height="941" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 7d. Two cross illustrations, both should be viewed from the right side; turning the picture on the left strip would be a mistake, as it irritates the reader when they have to turn the book twice&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;The top ten most common mistakes in book publishing&lt;/h2&gt;
&lt;ol start="1"&gt;
&lt;li&gt;Unsuitable format: too large, wide, and heavy books. Books should be convenient.&lt;/li&gt;
&lt;li&gt;Unstructured, shapeless set as a result of the absence of paragraph indentation.&lt;/li&gt;
&lt;li&gt;Initial pages, not highlighted in any way, standing at the top of the page, without a left indent, which looks like random pages of text.&lt;/li&gt;
&lt;li&gt;Shapelessness arising from the erroneous use of only one font size.&lt;/li&gt;
&lt;li&gt;White and overly bright paper. It is very unpleasant for the eyes and harmful to health. A light, unobtrusive tinting (ivory colour or darker, but not cream shades) is almost always much better.&lt;/li&gt;
&lt;li&gt;White binding. Looks ridiculous, like a white suit, because it’s equally prone to staining.&lt;/li&gt;
&lt;li&gt;Straight spine of the binding. The spine of a bound book should be slightly rounded, otherwise, after reading, it skews and the notebooks in the middle of the block stick out.&lt;/li&gt;
&lt;li&gt;The book’s title is in a large font, set along the spine, which is wide enough for crosswise placement of inscriptions. Nobody reads the title on the spine from a distance.&lt;/li&gt;
&lt;li&gt;Spine without the book’s title and the author’s name. Unforgivable for books wider than three millimetres.&lt;/li&gt;
&lt;li&gt;Ignorance or disregard of the rules for setting capitals, italics, and quotation marks.&lt;/li&gt;
&lt;/ol&gt;
&lt;hr /&gt;
&lt;p&gt;I hope I haven’t dumped too much information at once :-) The book also has chapters about the root label, capital ribbon, dust jacket, and the colour of the paper, but I decided to omit them, as they pertain to its external appearance. In any case, I recommend reading ‘The Form of the Book’ in its entirety, as it contains a lot of useful stuff.&lt;/p&gt;
&lt;p&gt;In conclusion, I want to share my emotions. As I mentioned in the first part of the article, it was my first time working on the layout and design of a book, so I didn’t give much thought to the process. But thanks to [author], my opinion has changed. Working on a book is very labor-intensive, but at the same time, fascinating process, which I even grew to love, so if I have the opportunity to implement another book, I would gladly do it!&lt;/p&gt;
</description>
</item>

<item>
<title>Typography and book layout. Part 1</title>
<guid isPermaLink="false">44</guid>
<link>https://tsokolovskaya.com/blog/all/book-design/</link>
<pubDate>Wed, 11 Nov 2015 20:27:47 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.com/blog/all/book-design/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/006.jpeg" width="1181" height="778" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Jan Tschichold&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;I recently had the opportunity to work on a book for the first time. Initially, I was confident in my skills and knowledge, so I started working without delving into the details of the book layout. However, as I progressed, I realized I had overestimated myself and needed help.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/2116-Form-Book-Jan-Tschichold-1_grande.jpg" width="600" height="600" alt="" /&gt;
&lt;/div&gt;
&lt;p main&gt;“The Form of the Book” by Jan Tschichold became a panacea for me. I read the book in one breath. Below, I will try to highlight the thoughts and advice of Tschichold that were most useful in my work.&lt;/p&gt;
&lt;p aside&gt;Read the continuation in the &lt;a href="/blog/all/book-design2/"&gt;second part&lt;/a&gt;.&lt;/p&gt;
&lt;hr /&gt;
&lt;h2&gt;Introduction&lt;/h2&gt;
&lt;p&gt;Perfect typography is more a science than an art. Mastery of the craft is not enough; it gradually evolves into expertise.&lt;/p&gt;
&lt;p&gt;It’s crucial to understand that the work of a book artist differs significantly from that of a graphic artist. The latter’s goal is self-expression, while a book designer aims for self-effacement. The centuries-old methods and rules for creating perfect books don’t need improvement but revival and application. The more significant the book, the less the artist should emphasize their individuality and style, by which they can be immediately identified. They are not the master of the text but their servants.&lt;/p&gt;
&lt;p&gt;In typographic work, complete harmony in relationships and proportions is essential: in the size of margins, the ratio of the four margins on a page, the relation between the width of the text block and the book page, the distance from the text block to the page number, the spacing in lines set in uppercase letters compared to solid text, and the size of word spaces — both as a whole and in each element individually.&lt;/p&gt;
&lt;p&gt;The supreme principle of any typography is readability, which depends on the choice of font and typesetting method. The best fonts are either originals of classic fonts, their later versions, or new fonts close to the classics. The less conspicuous the font, the more noble it is.&lt;/p&gt;
&lt;h2&gt;Thoughtful proportions of the page and typesetting strip&lt;/h2&gt;
&lt;p&gt;&lt;a href="https://en.wikipedia.org/wiki/Book_size"&gt;The format of the book&lt;/a&gt; depends on its purpose, for example, children’s books should not be printed in folio format because it’s inconvenient for children to hold them in their hands.&lt;/p&gt;
&lt;p class="loud"&gt;The book should be very convenient or at least sufficiently convenient&lt;/p&gt;
&lt;p&gt;Books can be divided into two main groups: those that we lay on the table to study, and those that we read while sitting back in a chair, an armchair, or on a train, i.e., those that are convenient to read while holding in our hands. Such books are of all kinds of octavo formats. They are narrow and can be held in the hands for hours without effort.&lt;/p&gt;
&lt;p&gt;There are many proportions of the page, i.e., ratios of its width to height. Everyone has heard at least once about the “Golden Ratio” proportion: exactly 1:1.618. The 5:8 proportion is close to the “Golden Ratio”. A little further from it is the 2:3 proportion. In addition to the proportions of 1:1.618, 5:8, 2:3, for books, 1:1732 (1:√3) and 1:1.414 (1:√2) are most often used. See Pic. 1.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold1.jpg" width="1737" height="1744" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 1. Comparative width of various rectangles: A 1:2.236 (1:√5), B 1:2 (1:√4), C 5:9, D 1:1.732 (1:√3), E 3:5, F 1:1.618 (21:34) — “Golden Ratio”, G 1:1.538 — see Pic. 2, H 2:3, I 1:1.414 (1:√2), K 3:4&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Pic. 2 shows a beautiful, but not very well-known rectangle, constructed based on a pentagon; proportion 1:1.538&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold2.jpg" width="2000" height="1717" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 2. Rectangle constructed from a pentagon. Proportion 1:1.538 (irrational)&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Geometrically defined irrational proportions of sides 1:1.618 (the “Golden Ratio”), 1:√2, 1:√3, 1:√5, 1:1538 (Image 2) and simple rational proportions 1:2, 2:3, 5:8, 5:9 are clear, thoughtful, and definite. All else are arbitrary, random relationships. The difference between a clear and a random proportion is noticeable, though often insignificant. Although it’s difficult to explain, it has been proven that people find geometrically clear, thoughtful proportions more pleasing or beautiful than arbitrary, unthoughtful relationships.&lt;/p&gt;
&lt;p class="loud"&gt;An ugly format makes a book ugly&lt;/p&gt;
&lt;p&gt;Small books should be narrow, while large ones can be wide; small ones are convenient to hold in hands, and large ones lie on a table.&lt;/p&gt;
&lt;p&gt;However, not only the format is important, but also the text column. Harmony between the page format and the text column is achieved by matching proportions.&lt;/p&gt;
&lt;p&gt;There are three simple ways to design harmonious, logically structured text columns.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;The Raoul Rozarivo Canon&lt;/b&gt; (1903—1966, Argentine typographer, artist, illustrator). The size and placement of the text strip are determined by dividing the page’s diagonal into nine parts (Pic. 3).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold3.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 3. Dividing the height and width of the page into nine parts according to the Rozarivo principle. The paper ratio is 2:3&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;The Method of Jan van de Graaf&lt;/b&gt; (Dutch typographer). A simple construction method where geometry replaces calculations in millimetres (Pic. 4).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold4.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 4. Division into nine parts according to the van de Graaf principle, shown on a page with a 2:3 ratio&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;The Villard de Honnecourt Canon&lt;/b&gt; (French architect). This lesser-known but exquisite Gothic canon allows for harmonious partitioning and can be used in any rectangle. With it, one can precisely divide a segment into any number of equal parts without a scale ruler (Pic. 5).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold5.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 5. Villard’s drawing. With this canon, shown in bold lines, it is possible to divide a segment into any number of equal parts without a scale ruler&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In Pic. 6, Villard’s drawing is depicted by itself, without a book page.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold6.jpg" width="1500" height="1579" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 6. Villard’s division canon, inscribed in a 2:3 rectangle. The long side of the page is divided into parts up to the twelfth fraction&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;So, for example, let’s consider book formats with proportions 1:√3, 1:√2, and in-quarto (3:4), using a nine-part division with the use of Villard’s diagram, as it is suitable for any rectangle (Pic. 7—9). So, for example, let’s consider book formats with proportions 1:√3, 1:√2, and in-quarto (3:4), using a nine-part division with the use of Villard’s diagram, as it is suitable for any rectangle (Pic. 7—9).&lt;/p&gt;
&lt;p&gt;Pic. 7. Page proportion 1:√3 (1:1.732). Division of the height and width of the page into nine parts&lt;/p&gt;
&lt;p&gt;Pic. 8. Page proportion 1:√2 (the so-called “normal” format). Division of the height and width of the page into nine parts&lt;/p&gt;
&lt;p&gt;Pic. 9. Page proportions 3:4 (in-quarto). Division of the height and width of the page into nine parts. Here too, the typeset strip should correspond to the page proportions&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold7.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 7. Page proportion 1:√3 (1:1.732). Dividing the height and width of the page into nine parts&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold8.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 8. Page proportion 1:√2 (the so-called “standard” format). Dividing the height and width of the page into nine parts&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold9.jpg" width="1287" height="914" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 9. Page proportions 3:4 (in-quarto). Dividing the height and width of the page into nine parts. Here too, the typeset strip should correspond to the proportions of the page&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Using this method, harmonious typeset strips can be designed even for unusual formats — square (Pic. 10) and horizontal (Pic. 11)&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold10.jpg" width="1287" height="670" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 10. Page proportion 1:1. Dividing the height and width of the page into nine parts&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold9.jpg" width="1287" height="914" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 9. Page proportion of 3:4 (in-quarto). Dividing the height and width of the page into nine parts. Here too, the text block should correspond to the page proportions&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Using this method, harmonious text blocks can be designed even for unusual formats — square (Pic. 10) and horizontal (Pic. 11).&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold10.jpg" width="1287" height="670" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 10. Page proportion of 1:1. Dividing the height and width of the page into nine parts&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold11.jpg" width="1287" height="505" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 11. Page proportion of 4:3. Dividing the height and width of the page into nine parts&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Dividing the page into nine parts is not the only correct way. If we divide the page into twelve parts, as seen in Pic. 12, the text block becomes larger.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold12.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 12. Page proportion of 2:3. Dividing the height and width of the page into twelve parts using the Villard diagram (Fig. 6)&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Pic. 13 shows the division into six parts in height and width of the page with a proportion of 2:3.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold13.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 13. Page proportion of 2:3. Dividing the height and width of the page into six parts. Composition of a small prayer book, written at the end of the fifteenth century by Marques Vincentinus&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;If necessary, the height of the page can be divided into any number of parts. Even narrower margins than in Pic. 13 can be made. But the text block must be connected with the diagonals of each page and spread, as only in this way its placement will be harmonious.&lt;/p&gt;
&lt;h2&gt;Font size and leading&lt;/h2&gt;
&lt;p&gt;The choice of font size and leading is also essential for the beauty of the book. There should be eight to twelve words per line; more is unnecessary. Wide margins, which are obtained by dividing the page into nine parts, allow for the use of a larger font size than when dividing it into twelve parts. Lines containing more than twelve words require greater leading.&lt;/p&gt;
&lt;p&gt;The relationship between the proportions of the font and the proportions of the page is important. A square format, not the best for a book, requires a font with a wide set, where the shapes of the letters ‘o’ and ‘n’ somewhat correspond to it. For the usual elongated formats, fonts of standard proportions are suitable, in which the shape of ‘o’ and ‘n’ fully corresponds to the proportions of the book page.&lt;/p&gt;
&lt;h3&gt;Page numbering&lt;/h3&gt;
&lt;p&gt;The page numbering does not belong to the typesetting stripe; it stands separately. The best and at the same time the simplest composition is to place the page numbering centrally in the lower field. However, if necessary, the page numbering can be placed at the bottom under the outer edge of the text with an indent of one em or more, because otherwise, it will interfere with the last line.&lt;/p&gt;
&lt;h2&gt;Typography of the traditional title page&lt;/h2&gt;
&lt;p&gt;The title page, in its typographic form, is a part of the book and should correspond to the rest of the book’s design.&lt;/p&gt;
&lt;p class="loud"&gt;The title — the herald of the text&lt;/p&gt;
&lt;p&gt;It must be in excellent shape, have a fresh look, and not fade into a whisper.&lt;/p&gt;
&lt;p&gt;A good title can only be created based on the parameters of the book page. Therefore, the proportions of the book page’s margins and the placement of the text block are very important for it (Pic. 1): it is not advisable to place the title in the middle of the width of the book page (Pic. 2), as is unfortunately often done. In this case, it loses connection with the book. The lines of the title should never extend beyond the text block. Almost always, it is better if the main line of the title is noticeably shorter than the width of the block. Many titles do not fill the entire height of the block; this is especially common when the book has very narrow margins.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold14.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 1. A spread scheme for comparison with the incorrect composition of the title page in Pic. 2. The title should not shift horizontally from the centre of the typesetting strip&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold15.jpg" width="1287" height="1001" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 2. If the book margins are not too small, then the top and bottom lines of the title are correctly positioned. However, the error is that this title is positioned in the middle of the page width&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Even a short title should fill the book page. This means that it should be of sufficient size. However, it seems that designers often fear using large-sized fonts. The main line should be at least two sizes larger than the book’s primary font. However, there are no strict rules here, as the main thing in typesetting a title is a sense of form. Even a short title, set in not very large font, can fill the page if it is well composed.&lt;/p&gt;
&lt;p&gt;The space between the title lines and the publishing data should not seem empty and random. The tension of the white space should participate in the overall impression. A good publishing mark (Pic. 3) would be appropriate here, but it is not mandatory.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold16.png" width="473" height="750" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 3. A beautiful French title page from the Renaissance era with a large publisher’s mark. Paris, 1585&lt;br /&gt;
For the title, a cup-shaped layout is best suited (see Pic. 4), if possible&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold17.jpg" width="965" height="750" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 4. The title is set in the shape of a cup&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;To create a good title, it is important to understand the relationships between letters. Lines of uppercase letters should always be set with spacing and carefully aligned inter-letter spaces.&lt;/p&gt;
&lt;p class="loud"&gt;Lines of uppercase letters without spacing or with insufficient spacing are always unsightly&lt;/p&gt;
&lt;p&gt;On the title page, it is never appropriate to use letter spacing with lowercase serif or italic fonts. If there is letter spacing with uppercase letters on the title page, this does not mean that it should be done in lines set with lowercase letters.&lt;/p&gt;
&lt;p&gt;Numbers in the text of the title (e. g., “with 240 illustrations”) should be spelt out (e. g., “with two hundred and forty illustrations”, “eighteenth century”); only years should be in Arabic numerals (1958).&lt;/p&gt;
&lt;p&gt;The fewer font sizes on the title page, the better. It is difficult to properly place four or five font sizes. More than three font sizes should only be used in exceptional cases, and sometimes even two font sizes are sufficient (see Pic. 5).&lt;/p&gt;
&lt;p class="loud"&gt;Mixing too many types of oil can spoil the porridge, and too many font sizes can spoil the title&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold18.png" width="471" height="748" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 5. Title page of the author’s work. In the style of German Rococo. 1957&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The author’s name is always more important than the publisher’s, and therefore the publisher’s name should be set in a type size no larger than that used for the author’s name. Too often this order is violated and the author’s name is set in a smaller type size than the publisher’s!&lt;/p&gt;
&lt;p&gt;A good title, even if it is smaller than the set area both vertically and horizontally, should in its composition correspond to the proportions of the book page. Otherwise, it will not harmonize with the entire book.&lt;/p&gt;
&lt;p&gt;The spacing between lines should not only correspond to the meaning but also participate in the overall composition — just as the lines themselves do. As a rule, most of the page remains blank, so lines with small leading are perceived as foreign. The white background should flow through them. In most cases, the title should be transparent enough (Pic. 6). Otherwise, the lines do not combine with the background, and unity is not achieved.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.com/blog/pictures/chihold19.png" width="472" height="747" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Pic. 6. Author’s work title page. Set in Monotype Bell typeface. 1954&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;On the back of the title page, various details are almost always printed, if not about the editor, then about the print run and the printing house. The text of the publication details should be as short as possible. These lines usually show through to the title page, so they should be positioned in such a way that they align with text groups and individual lines of the title wherever possible, and do not disrupt its composition.&lt;/p&gt;
&lt;p&gt;The reader is not concerned with the minutest details about those who worked on the publication of the book. All information about printing, print run, and even the names of the editor and translator is better placed at the end of the book.&lt;/p&gt;
&lt;p&gt;The last two pages of a well-made book should remain completely empty, as should the first two. The best place for information about the editor, typesetter, etc., is the third or fourth page from the end, where the year of publication should also be printed if it is not on the title page.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;This is only half of the book. If you found the material interesting and useful, I highly recommend reading the entire book.&lt;/p&gt;
</description>
</item>


</channel>
</rss>