Typography and Grid for Mobile Design

Typography and grid

Design Consultant and Researcher

Sara Quinne-mail: [email protected]

Twitter: @saraquinn727.366.0128

D E S I G N I N G F O R M O B I L E

mailto:[email protected]


Size + space = readability

Readability is key, on any device.

U.S. in paddies outside of Saig-on.

Sometimes it’s slow and sometimes it’s

fast. It’s doomish in that way, makes it

harder to put a finger on, to brace

yourself against. But be assured: like

Darkseid’s Omega Effect, like Morgoth’s

bane, no matter how many turns and

digressions this shit might take, it always

—and I mean always—gets its man.Whether I believe in what many have

described as the Great American Doom

is not really the point. You live as long as

I did in the heart of fuku country, you

hear these kind of details all the time.

Everybody in Santo Domingo has a fuku

story knocking around in their family. I

have a twelve-daughter uncle in the

Cibao who believed he’d been cursed by

an old lover never to have male children.

Fuku. I have a tia who believed she’d

been denied happiness because she’d

laughed at a rival’s funeral. Fuku. My pa-

ternal abuelo believes that diaspora was

Trujillo’s payback to the pueblo that

betrayed him. Fuku.


Readability is key, on any device.

(Or printed book, for that matter.)

U.S. in paddies outside of Saig-on.

Sometimes it’s slow and sometimes it’s

fast. It’s doomish in that way, makes it

harder to put a finger on, to brace

yourself against. But be assured: like

Darkseid’s Omega Effect, like Morgoth’s

bane, no matter how many turns and

digressions this shit might take, it always

—and I mean always—gets its man.Whether I believe in what many have

described as the Great American Doom

is not really the point. You live as long as

I did in the heart of fuku country, you

hear these kind of details all the time.

Everybody in Santo Domingo has a fuku

story knocking around in their family. I

have a twelve-daughter uncle in the

Cibao who believed he’d been cursed by

an old lover never to have male children.

Fuku. I have a tia who believed she’d

been denied happiness because she’d

laughed at a rival’s funeral. Fuku. My pa-

ternal abuelo believes that diaspora was

Trujillo’s payback to the pueblo that

betrayed him. Fuku.

There should be enough space between lines so that the text doesn’t feel cramped.


Good spacing aids readability, especially in low light conditions.


It’s practically impossible to know exactly how your lettering will render on every single device.


AVOID USING ALL CAPS.


AVOID USING ALL CAPS.

Upper and lowercase is easier to read.


Super read.

Sans-serif tends to be easiest to read on a mobile phone.

Keep font choices simple


Keep font choices simpleriwithout the little “feet”


Keep font choices simple

riwithout the little “feet”

The simple screen that rolls with the flick of a finger …

Single-column, scrolling

… seems to fit the way we most like to read.


Sort of like the page of a book.


Few distractions.


Immersive, longform

Longreads.comLongform.com

Immersive, longform

Immersive, longform

Longreads.comLongform.com

Responsive design

Your content, accessible across multiple platforms.

Responsive design

Responsive design

Grid breaks

Responsive design

Keep font choices simpleSize + space = readability

Immersive, longform reading

Single column, scrolling

Responsive design

AffordancesGestures

Satisfaction

N E X T V I D E O : H O W D O P E O P L E K N O W W H A T T O T A P ?

Design Consultant and Researcher

Sara Quinne-mail: [email protected]

Twitter: @saraquinn727.366.0128



Typography and Grid for Mobile Design

Design

Transcript of Typography and Grid for Mobile Design