Typography and layout
Interactive handbook

Introducing the first book released by Bureau Gorbunov Publishing⁠—a practical guide to typography and layout with an emphasis on design for the screen. The interactive handbook is intended for web and user interface designers, software developers, content authors and editors.

Unfortunately, many books about typography and modular grids donʼt answer exactly how to create an expressive page with a solid layout. At best, the designer is left with no choice but to search for scattered clues of meaning and copy some decent examples.

“Typography and layout” consistently answers the how‑to question. The author introduces the rule of internal and external, the principles of modularity and anchor objects. Then, step by step, he visually explains how to create clean and compact layout for websites, online services, applications or media.

The narrative progresses from the small to the big: from elements to modules and entire pages. Then, readers solidify their knowledge by taking interactive tests.

The book practices the same layout principles it preaches, and is designed to be read on the screen. The innovative format and user interface offer techniques for presentation and illustration that would be impossible to implement in a paper book.

Author: Artem Gorbunov
Art director of Bureau Gorbunov, rector of Bureau Gorbunov Intern School, co‑author of “Tips”—Russiaʼs biggest design knowledge base
690illustrations, diagrams and examples
118layout templates

Subscribe to get updates about this and other new books. No spam.

Table of contents

Basics

  • Rule of internal and external
  • Format, margins and line spacing
  • Point, line and rectangle
  • From geometry to typography
  • Test

Basic elements

  • Headline
  • Text
  • Illustration
  • User control
  • Hyperlink
  • Caption
  • Test

Modules

  • Text without illustrations
  • News feed
  • Text with illustrations
  • Test
  • Text shape and reading flow
  • Dominant and supportive illustrations
  • Vertical illustrations
  • Test

Pages

  • With a modular grid
  • Without illustrations
  • With illustrations
  • Text page
  • Home page
  • Teasers, liftout quotes, factoids, sidebars
  • Test

Conclusion

  • Escaping rectangle
  • Cultural traditions
  • Test

We have radically reconsidered the format of an elect­ronic book

Before

Existing e‑books stand far from high standards of paper book publishing. Typography is poor, navigation and searching is inconvenient. Layout and fonts are not controlled by authors and publishers. Such e‑books are randomly divided into screen pages: each time you open them, the same illustration may appear at the top, bottom, or even on the next page. On the tablet, the pages get mixed up because of accidental rotation of the device.

After

The bureauʼs interactive book combines convenience of scrolling and visibility of a paper book. It is divided into spreads that you can scroll through from the beginning to the end. The text on the spread may be scrolled when necessary, while the illustrations retain their position on the screen. The reader can easily remember the location of an idea in the book and return to it later. Spread is a semantic unit rather than the result of mathematical division of the book into “screens”.

The book on the screen

Interactive based‑on‑scrolling user interface creates reading experience that is impossible in a paper book. The reader intuitively controls the change of illustrations or even the redesign of given layout examples, going back or skipping a few steps as he likes.

Bureau Gorbunov Publishing has established in‑house typographic standards for interactive books comparable to or more stringent than those in conventional print publishing. The book itself demonstrates approaches, techniques and principles it preaches.

typographyandlayout.com
typographyandlayout.com
typographyandlayout.com
typographyandlayout.com
The book consists of spreads. Each spread includes a story and illustrated examples
𝍥
Reading on low‑end monitors approaches the convenience of paper books and is even more comfortable and enjoyable on Retina displays
The book consists of spreads. Each spread includes a story and illustrated examples
𝍥
Reading on low‑end monitors approaches the convenience of paper books and is even more comfortable and enjoyable on Retina displays
typographyandlayout.com
typographyandlayout.com
typographyandlayout.com
typographyandlayout.com

Test your knowledge

In paper books, “end‑of‑chapter questions” cause bewilderment and irritation. Interactive tests, on the contrary, encourage readers to apply their knowledge to illustrated examples and find out the result instantly.

92%
92%
Tests can help the reader better understand the material. If not satisfied with the result, he studies the chapter again and retakes the test
Tests offer questions about the studied material and tasks on layout analysis: what is good, what is bad and how can things be improved
typographyandlayout.com
92%
92%
Tests can help the reader better understand the material. If not satisfied with the result, he studies the chapter again and retakes the test
Tests offer questions about the studied material and tasks on layout analysis: what is good, what is bad and how can things be improved
typographyandlayout.com

Everyday handbook

“Typography and layout” is an everyday book for layout designer. He uses it both as a study book and for reference during work:

typographyandlayout.com
Layout designer finds the suitable design template in bookmarks, illustrated table of contents or search results
Real‑life examples are connected to typical decent and poor layout schemes. The schemes are categorized in the index
Layout designer finds the suitable design template in bookmarks, illustrated table of contents or search results
Real‑life examples are connected to typical decent and poor layout schemes. The schemes are categorized in the index
typographyandlayout.com
Index of typical layout templates helps to find a suitable design
typographyandlayout.com
Index of typical layout templates helps to find a suitable design
typographyandlayout.com
Index of typical layout templates helps to find a suitable design

Eye candy

Authors have filled the spreads with examples and illustrations:

System requirements

We recommend using Retina displays to read the book, though it works on low‑end screens, too. You will need Internet connection and any modern browser.

Subscribe to get updates about this and other new books. No spam.

About the book

Author and art director

Artem Gorbunov

Translator to English

Vadim Frolenko

Layout designer and co‑author of tests

Sergey Frolov

UI Designer

Alexander Kan

Photographer

Vladimir Kolpakov

Developers

Rustam Kulmatov

Vasiliy Polovnyov

Share
Pin