Typography in Education

A study shows that 70 % of User Interface depends on typography as it is the best source of communicating with anyone.

Typography plays an important role in User Interface, and improving your typographic design is an important step in improving both UI and UX.

Designing a user interface differs from designing an ebook or blog theme, although the principles of type-centric design still apply technology has evolved a lot, so here are 8 rules for better typography in UI.

1. Hierarchy

One of the most important techniques for effectively communicating content is the use of typographic hierarchy.

Image for post
Image for post

2. Font Choices

Choose from well-known sources, Sans-Serif or Serif are safe choices.
Choose a typeface that works well in various sizes.

3. Text sizing

Image for post
Image for post

4. Text Aligned

Image for post
Image for post

5. Line Spacing

Line spacing is the vertical distance between lines of text.

  • Aim for about 140%-180% for optimal readability and accessibility.
  • Limit line length to 70–80 characters.
  • Font size should be minimum 16pt. The bigger the screen the bigger the text.
  • Small fonts need more spacing.

6. Letter Spacing

  • Larger type sizes, such as headlines, use tighter letter-spacing to improve readability and reduce space between letters.
Image for post
Image for post
  • For smaller type sizes, looser letter spacing can improve readability
Image for post
Image for post

7. Color & Contrast

Consider making body text on-screen dark gray rather than black. Screens have more severe contrast than paper, and thus are more tiring to read at full contrast.

Image for post
Image for post

8. White Space

White space, also known as negative space, is the area between elements in a design composition. In case the white space is not balanced, a copy will be hard to read.

Image for post
Image for post

💎 Sources/Tools:
1⃣ Create Typography styling and spacing:
Archetypeapp.com

2⃣ Free Web licensed Fonts:
fonts.google.com

3⃣ Font Inspector (find out the fonts used in a webpage)
WhatFont Google Extension

JustJag

Award Winning Learning Design & Media Production @ www.justjag.me.uk

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store