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 the inner and the outer, 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 the inner and the outer

  • 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 secondary 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 a digital book

Before

Existing e‑books stand far from high standards of paper book publishing. Typography is poor, navigation and search is inconvenient. The layout and fonts are not controlled by authors and publishers. E‑books like these 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 tablets, the pages get mixed up because of an accidental device rotation.

After

The bureau’s interactive book combines the convenience of scrolling and visuality of a paper book. It is divided into spreads that you can scroll through from beginning to 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

An interactive scrolling‑driven user interface creates a reading experience impossible with a paper book. The reader intuitively controls the change of illustrations or even a gradual redesign of given layout examples, going back or skipping steps as they like.

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

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

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 readers better understand the material. If not satisfied with the result, they study the chapter again and retake 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
Tests include questions about 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 readers better understand the material. If not satisfied with the result, they study the chapter again and retake 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
Tests include questions about 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 a layout designer. Use it both as a study book and for reference during work:

typographyandlayout.com
Find the suitable example or design template in your bookmarks, the illustrated table of contents, or search results
Typical decent and poor layout schemes are illustrated with real‑life examples. The schemes are categorized in the book index
Find the suitable example or design template in your bookmarks, the illustrated table of contents, or search results
Typical decent and poor layout schemes are illustrated with real‑life examples. The schemes are categorized in the book 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:

Sample chapter
The inner and outer
Try now for free
Learn the rule step by step

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

About the book

Author and art director

Artem Gorbunov

Translator from Russian

Vadim Frolenko

Layout designer and co‑author of tests

Sergey Frolov

UI Designer

Alexander Kan

Photographer

Vladimir Kolpakov

Developers

Rustam Kulmatov

Vasiliy Polovnyov

Pin
Share
Send