Typography Concepts for the Screen

A course by Gemma Busquets
Designer. Barcelona, Spain.
On Domestika since 01/25/2013
, Designer

Learn to work and choose the perfect typography for any digital project

  • Spanish with subtitles in English
  • 100% Positive reviews (74)
  • 1320 students
Typography Concepts for the Screen

Learn to work and choose the perfect typography for any digital project


Spanish with subtitles in English
  • 100% Positive reviews (74)
  • 1320 students
  • Online and at your own pace
  • Audio: Spanish
  • Level: Beginner
  • 23 Lessons (2h 23m)
  • Available from the app
  • Spanish, English, Portuguese, German, French, Italian
  • Unlimited access forever

From user reading habits to devices, browsers and operating systems ... To choose a typography for digital content, many factors must be taken into account that determine that the texts are legible and look good on screens. Gemma Busquets - graphic designer, art director and teacher - is a specialist in the area, with more than 10 years of experience collaborating for clients such as Dell, San Miguel, Huffington Post, Coca-Cola, Nike, Peugeot or Puig and sharing their knowledge teaching in the Master of Infographics and Data Visualization of the BAU (Barcelona).

In this course Gemma will teach you the necessary knowledge to work typography to visualize them perfectly on screens. At the end of the course you will be able to improve the text of your website, blog, portfolio, digital magazine or ebook to better transmit the message, be readable and have a clear structure.

About this course

Course table of contents

  • U1
    U1. Introduction
  • U2
    U2. Considerations
  • U3
    U3. Typographic choice
  • U4
    U4. Composition
  • U5
    U5. Details and final checks
  • FP
    FP Final Project
View details

First you will meet Gemma, who will tell you a little about her passion for design, her professional career as a designer and teacher, in addition to the most representative projects she has done for large brands. In addition, it will share its influences, which vary between books and websites that will serve as inspiration.

You will learn a little history and the importance of typography in digital formats. You will understand what differences there are between designing with paper and digital typography, considering devices, screens and formats. You will see what micro and macrography is and you will know the concepts of hinting , anti-aliasing and spelling.

How to choose a typography? Where to find an ideal for screens? Gemma will explain everything you need to get the perfect typography for your project, it will show you the websites where you can download it and the features it must have to invite you to read on screen.

You will choose different fonts for different functions of the text: headlines, body of text and interactive elements, and then enter the composition. You will see everything about the recommended font size for digital reading and how you should adjust it according to the device on which the font will be rendered.

You will create a grid to sort the content on the page, define an appropriate column width and learn about ways to establish hierarchy between the elements of the page considering a key element: the blank space.

You will make a final check to test what the typography looks like in different browsers and operating systems, using some tools and tricks that Gemma will share with you.

At the end of the course you will have the necessary knowledge to choose the typography for a digital project and, in addition, you will know how to work so that your texts are comfortable to read.

What is this course's project?

You will carry out the design of a digital magazine for web step by step.

Who is it for?

To anyone who needs to have a guide on how to work well typography in digital environments.

What you need

No previous knowledge is needed. On the materials, you will need a computer with a design program such as Adobe Photoshop, InDesign or Illustrator. If you have Sketch, Figma or Adobe XD, even better.


Reviews

1320 Students
74 Reviews
100% Positive ratings

Gemma Busquets

A course by Gemma Busquets

TeacherPro
Designer

Gemma Busquets is a graphic designer and art director freelance in Barcelona (Spain) with more than 10 years of experience. In his professional career he has had the opportunity to collaborate with major brands such as Dell, Novartis, San Miguel, HuffPost, Coca-Cola, Nike, Rosetta Stone, Peugeot, InfoJobs or Puig, among others. He has also been a jury in the ADG Laus Awards for Graphic Design and Visual Communication, specifically evaluating projects in the digital category.

She currently combines her work with teaching at the BAU, University Design Center of Barcelona (Spain), as art director of the final projects in the Postgraduate in Digital Editions and teacher in the Master in Infographics and Data Visualization, which she also directs and coordinate.


Contents

  • U1

    Introduction

    • Presentation
    • Influences
    • Final project
  • U2

    Considerations

    • A little history
    • The importance of typography in digital formats
    • How do we read on screen
    • Devices, screens and formats
    • Microtype and macrography
    • Hinting and anti-aliasing
    • Orthotography
  • U3

    Typographic choice

    • Previous thoughts
    • Where to find screen fonts?
    • Characteristics of some typefaces to avoid
    • Typography for body text and headlines
    • Interactive elements
  • U4

    Composition

    • Typography Size
    • Line spacing and vertical rhythm
    • Reticle
    • Text column
    • Hierarchy
    • Blank space
  • U5

    Details and final checks

    • Test the typography
    • Final check
  • FP

    Final Project

    • Typography Concepts for the Screen

This Is What Domestika Courses Are Like

  • Learn at Your Own Pace

    Enjoy learning from home without a set schedule. You set your own timetable.

  • Learn From the Best

    Learn valuable methods and techniques explained by top experts in the creative sector.

  • Expert Instructors

    Each instructor teaches only what she/he does best, conveying true passion and excellence in every lesson.

  • Certificate Pro

    Demonstrate your course attendance with a certificate signed by the teacher. Get it with your Domestika PRO subscription

  • Front Row Seats

    Videos of the highest quality ensure that you don't miss a single detail. With unlimited access, you can watch them over and over.

  • Share Knowledge

    Ask questions, request feedback, offer solutions. Share learning with other students in the community.

  • Creative Community

    More than 1M creatives and growing. Domestika is the place to share and learn what you love.

  • Professionally Developed Courses

    We selected top creatives and a team of experts to develop the courses. The result? You'll feel like you're working side by side with leading professionals.


Frequently Asked Questions

  • Domestika's courses are online classes that provide you with the tools and skills you need for completing a specific final project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the instructor and other users, thus creating a dynamic course community.

  • The course is 100% online, so once they are published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.

  • The courses are divided into different units, each one includes lessons, informational texts, tasks and practice exercises to carry out your project step by step, with additional complementary resources and downloads. You will also have access to an exclusive forum where you can interact with the instructor and other students, and share your work and your course project, thus creating a community around the course itself.

  • You can now redeem the course you received, just access redeeming page to enter your gift code and redeem it.

Typography Concepts for the Screen. A Calligraphy, and Typography course by Gemma Busquets

Typography Concepts for the Screen

A course by Gemma Busquets
Designer. Barcelona, Spain.
On Domestika since 01/25/2013
  • 100% Positive reviews (74)
  • 1320 students