Web Interface Handbook, Aleksei Baranov 🇺🇸 [pdf]

This is a book about the fundamentals of creating a good web interface. You will find out how to make effective forms, typography, grids, and many other components of web design.

Read it from any page

This is a book that is always good to have at hand, open it at any page and it will help as a design reference.

Look inside the book

7 chapters revealing the basic principles and rules of web interface design.1

Typography

Learn how to work with heading typography,
text, spacing, quotes, tables, and so on.2

Layout

The basic principles of layout, rhythm, grids
and the algorithm for creating a design.3

Forms

How to deal with errors, buttons, hints,
required and optional fields in web forms.4

Inputs

How to correctly build input fields of different types,
how to work with states and sizes.5

Buttons

How to build effective buttons
with high conversions and great design.7

Patterns

How to design navigation, cards
and many other components of the interface.6

Color

How to create a color palette for UI,
as well as how to work with the dark mode palette.