Typography and Grid for Mobile Design
-
Upload
sara-quinn -
Category
Design
-
view
541 -
download
3
Transcript of 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
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.
Size + space = readability
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.
Size + space = readability
Good spacing aids readability, especially in low light conditions.
Size + space = readability
It’s practically impossible to know exactly how your lettering will render on every single device.
Size + space = readability
AVOID USING ALL CAPS.
Size + space = readability
AVOID USING ALL CAPS.
Upper and lowercase is easier to read.
Size + space = readability
Super read.
Sans-serif tends to be easiest to read on a mobile phone.
Keep font choices simple
Sans-serif tends to be easiest to read on a mobile phone.
Keep font choices simpleriwithout the little “feet”
Sans-serif tends to be easiest to read on a mobile phone.
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.
Single-column, scrolling
… seems to fit the way we most like to read.
Single-column, scrolling
Sort of like the page of a book.
Single-column, scrolling
Few distractions.
Single-column, scrolling
Immersive, longform
Longreads.comLongform.com
Immersive, longform
Immersive, longform
Longreads.comLongform.com
Responsive design
Your content, accessible across multiple platforms.
Responsive design
Your content, accessible across multiple platforms.
Responsive design
Responsive design
Grid breaks
Responsive design
Grid breaks
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Keep font choices simpleSize + space = readability
Immersive, longform reading
Single column, scrolling
Responsive design
Keep font choices simpleSize + space = readability
Immersive, longform reading
Single column, scrolling
Responsive design
Keep font choices simpleSize + space = readability
Immersive, longform reading
Single column, scrolling
Responsive design
Keep font choices simpleSize + space = readability
Immersive, longform reading
Single column, scrolling
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