Applying for January classes? App/scholarship deadline extended through December 9th. Click here
Search Icon A magnifying glass icon.
Search Icon A magnifying glass icon.
Subject
Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Graphic Design Degree Courses
Discover Sessions Graphic Design Hub

Professional Certificates

Explore Graphic Design Career Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Web Design Degree Courses
Discover Sessions Web Design Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Web Design Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub

Professional Certificates

Explore Digital Media Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub
You can deepen your software skills and keep up with the latest Adobe CC updates in our online Digital Arts courses.
Contact Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Digital Photography Degree Courses
Discover Sessions Digital Photography Hub

DEGREES

Next Start:
January 1, 2025
Explore Fine Arts Degree Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Illustration Degree Courses
Discover Sessions Illustration Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Illustration Career Courses

DEGREES

Explore Advertising & Marketing Degree Courses
Discover Sessions Advertising & Marketing Hub

Professional Certificates

Explore Advertising and Marketing Career Courses

CERTIFICATES

Next Start:
January 1, 2025
Next Start:
January 1, 2025
Explore Sessions Career Courses
Professional Cert PLUS
Next Start:
January 1, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Sessions Bachelor's Degrees
Next Start:
January 6, 2025
Next Start:
January 6, 2025

Typography Tips for Mobile Design

by Margaret Penney | August 22, 2016

Typography Tips for Mobile Design

With 80% of people using their phones to browse websites, it’s more important than ever to design websites for the mobile experience. A key feature of great mobile design is its use of typography.  Outlined here are some tips on how to design better typography for mobile interfaces.

Yes, White Space

Since mobile has a smaller amount of screen real estate, it’s important to use space wisely. Since space is limited, it also requires that the content not appear cramped. Experts agree that in order to make content readable on mobile it’s best to include enough white space, and not too little. So designs for mobile require more space not less in order to make content more readable. It’s better that the user scrolls than that the type is restricted within a small screen area.

Contrast the Color

A way to enhance the readability of small text on mobile is to use color contrast.  Black or dark gray text on white is a good choice and so is pastel blue on navy blue, for instance. Think bright and light and dark and dull when thinking about using contrast with type.

Use Pixels not Points

Typography on mobile is not measured using the traditional point system but instead uses pixels or ems or rems. Designers prefer this because it relies on percentages and makes scaling the design for widely different screen resolutions easier.

Scale Type Similarly

Unlike with type color, where contrast is key, type scaling should be kept within a limited range. The reason for this is that since mobile phones are small and there isn’t a lot of screen real estate it’s not possible to read very small type and very large type would go off the screen or double to new lines. So, keep the type as large as possible for mobile, with only subtle graduated differences in size. If you want to create more difference between type elements use styles like bold, italics and drop caps, or use color instead.

Bolder is Better

Type on mobile is also easier to read if the fonts are not hairline styles with one-pixel widths, again this is because the screen is so small. Fonts with a lot of small details and flourishes aren’t the best choice. Clean, semi-bolded fonts work well on mobile.

 

Margaret Penney is a former Managing Editor of Notes on Design. Margaret is a teacher, designer, writer and new media artist and founder of Hello Creative Co. Read more articles by Margaret.

 

If you are interested in learning to use typography, Sessions College offers Basic Typography and Advanced Typography courses as well as a course in Web Typography.  Contact Admissions for more information.

This blog is powered by Sessions College, the leading online school of visual arts.

©2024 Sessions College for Professional Design  All rights reserved

Terms & Conditions       Privacy Policy