Typography and Grid for Mobile Design
•
0 j'aime•871 vues
Part of the Mobile Communications Resource Center, this is one of several presentations created by Sara Quinn for The Knight Center and shared with Ball State University's College of Communication, Information and Media. All rights are reserved.
Recommandé
Contenu connexe
En vedette
En vedette (12)
Similaire à Typography and Grid for Mobile Design
Similaire à Typography and Grid for Mobile Design (14)
Plus de Sara Quinn
Plus de Sara Quinn (20)
Dernier
Dernier (20)
Typography and Grid for Mobile Design
- 1. Typography and grid Design Consultant and Researcher Sara Quinn e-mail: saraquinnmedia@gmail.com Twitter: @saraquinn 727.366.0128 D E S I G N I N G F O R M O B I L E
- 2. 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.
- 3. 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.
- 4. There should be enough space between lines so that the text doesn’t feel cramped. Size + space = readability
- 5. Good spacing aids readability, especially in low light conditions. Size + space = readability
- 6. It’s practically impossible to know exactly how your lettering will render on every single device. Size + space = readability
- 7. AVOID USING ALL CAPS. Size + space = readability
- 8. AVOID USING ALL CAPS. Upper and lowercase is easier to read. Size + space = readability Super read.
- 9. Sans-serif tends to be easiest to read on a mobile phone. Keep font choices simple
- 10. Sans-serif tends to be easiest to read on a mobile phone. Keep font choices simple riwithout the little “feet”
- 11. Sans-serif tends to be easiest to read on a mobile phone. Keep font choices simple riwithout the little “feet”
- 12. The simple screen that rolls with the flick of a finger … Single-column, scrolling
- 13. … seems to fit the way we most like to read. Single-column, scrolling
- 14. … seems to fit the way we most like to read. Single-column, scrolling
- 15. Sort of like the page of a book. Single-column, scrolling
- 22. Responsive design Your content, accessible across multiple platforms.
- 23. Responsive design Your content, accessible across multiple platforms.
- 33. Keep font choices simple Size + space = readability Immersive, longform reading Single column, scrolling Responsive design
- 34. Keep font choices simple Size + space = readability Immersive, longform reading Single column, scrolling Responsive design
- 35. Keep font choices simple Size + space = readability Immersive, longform reading Single column, scrolling Responsive design
- 36. Keep font choices simple Size + space = readability Immersive, longform reading Single column, scrolling Responsive design
- 37. Keep font choices simple Size + space = readability Immersive, longform reading Single column, scrolling Responsive design
- 38. Affordances Gestures 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 ?
- 39. Design Consultant and Researcher Sara Quinn e-mail: saraquinnmedia@gmail.com Twitter: @saraquinn 727.366.0128