Otopcy Publishing· The complete guide

UI UX Guide — English edition

The complete interface design guide, in 158 pages.

UI UX Guide — English edition
01

The same book, in the language of the craft.

Much of the design vocabulary is practised in English: the component names, the articles you read, the tools you open. This edition follows that vocabulary from cover to cover, with no rough translation in between.

158 pages, the same contents as the French edition: from the first colour you pick to the last component you place.

The same book, in the language of the craft.
02

158 pages, three parts.

Colour: palettes, contrast, gradients, and what an interface actually does with them. Typography: choosing, ranking, staying readable from desktop to phone. UI components: buttons, fields, lists, navigation — the building blocks, their states, and the trap in each one.

The book is written entirely in English. A French edition exists if you would rather work in French.

158 pages, three parts.
03

A PDF, yours for good.

Instant download after payment. 158 pages that read on a phone, a tablet or a screen — and print, if you prefer paper.

No subscription, no account to keep open: the file is yours, and your order page hands it back as many times as you want.

A PDF, yours for good.
Contents

What’s inside the book

01
Introduction
p. 4
02
Color
p. 14
03
Typography
p. 39
04
Icons
p. 49
05
Grids & Layout
p. 57
06
Gradients
p. 64
07
Buttons
p. 72
08
Photos
p. 82
09
Illustration
p. 91
10
Form
p. 99
11
Cards
p. 107
12
Learn Design Tools
p. 111
13
Social Media
p. 124
14
Freelancing
p. 138
15
Ending
p. 155
158
Pages
15
Sections
PDF
Available at once
EN
English
In summary, buttons are not just functional components; they are essential elements that guide user interactions, contribute to the overall aesthetics, and influence the success of a digital product.
Chapter “Buttons”
Giovanny Engamba
The author

Giovanny Engamba

UI/UX designer, consultant and founder of Otopcy. This book gathers what ten years of design work taught me — including the things I wish someone had told me at the start.

French versionThe complete guide · This book
5
3 verified reader reviews
  • Bought three UI books this year. This is the only one I actually finished.

    Daniel O.
  • Clear enough for my junior, detailed enough that I still learned two or three things.

    Sarah W.
  • Practical. No filler. The typography section alone was worth it.

    Kwame A.
Sign in to rate itA rating is enough. The comment is optional.
100 % digital

This book, or the whole catalogue

This book · PDF
$32.79one-off

The complete interface design guide, in 158 pages.

Buy this book
  • High-resolution PDF
  • 158 pages, to read or to print
  • Instant download
  • Reads on phone, tablet and desktop
Club 2050
$160.66a year

1 year of access to all my exclusive content.

Join Club 2050
  • The entire Gio Store catalogue
  • The course library
  • The community and private live sessions
  • Every future release and update, included

$474.75

  • MTN
  • Orange
  • Wave
  • VISA
  • PayPal

Available immediately after payment.

Nous utilisons les cookies pour améliorer ton expérience.