These rules can improve nearly everything you create that contains a headline or major typographic element UIUX insights 1 Choose ID: 804138
Download The PPT/PDF document "5 Rules For Better Typography" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
5
Rules
For
Better
Typography
These
rules
can
improve
nearly
everything
you
create that contains a headline or major typographic element.
UI/UX
insights
Slide21. Choose
the Right
Font
In
my experience. A
font can easily be
the most subtle.
And yet
powerful differentiator
for the next UI we are building. When it comes to successful UX design. There is no room for a poor font.
UI/UX
insights
Slide3What Makes a
Good UI typefaceVariety
of
settings and
sizes
Clearly
recognizable
letterforms Variety of weights
Language
support Personality
Exo
2
Typeface
s
Exo
2
Thin
Exo
2
Light
Exo
2
Regular
Exo
2
Medium
Exo
2
Semi
Bold
Exo
2
Bold
Exo
2
Extra
Bold
Exo
2
Black
UI/UX
insights
Slide42.
Consider Scenarios
Keep
in
mind that
UI text
layers
can be used
to pres-
ent live data. For instance. username might have from 3 to 15 letters. It's your job to think of these constraints. The mark of great UI design is when it stands up to any given event.
UI/UX
insights
Slide53.
Limit Line
LengthHaving
right
amount of
characters
on each
line is key
to the
legibility of your text. The optimal line length for you body text is considered to be 50-75 Characters per line. Including spaces.
O
Too
Short
50
75
84
Ideal
Lorem
ipsum
dolor
sit
amet,
consectetuer
ad
Lorem
ipsum
dolor
sit
amet,
consectetuer
ad
ipiscing
elit,
sed
diam
nonu
ipiscing
elit.
mmy
UI/UX
insights
Slide64.
Set Line
HeightIn
Typography.
We have
a
special term
for the spac-
ing between
two lines of text-leading(or line height). As a rule. Leading should be about 2.5”Font size for good readability.
Si
z
e
16
p
x
16*1.5=
2
4
UI/UX
insights
Slide75.
Adjust Tracking
Effective tracking
makes the text
more readable. Usually.
Font usage
can
adjust tracking appropriate-
ly. So
you don’t need to adjust tracking often. Larger text block requires less tracking. And the smaller one requires more tracking.
UI/UX
insights
Slide8Check out
for more insights on
www
.lightseid.c
om
UI/UX
insights