InfoTypography: Resources

This is a collection of materials related to the InfoTypography project.

  • The paper is in the ACM Library, as well as downloadable in this site.
    The paper contains useful content, specifically:
    • A table with details about how each typographic parameter is measured and the range that we tested.
    • The data of the perceptual models.
    • The exact measurements of the perceptual noise of each parameter.
    • You can easily cite the paper by using the following bibtex code:
@article{langnacenta-infotypography,
author = {Lang, Johannes and Nacenta, Miguel A.},
title = {Perception of Letter Glyph Parameters for InfoTypography},
year = {2022},
issue_date = {July 2022},
publisher = {Association for Computing Machinery},
address = {New York, NY, USA},
volume = {41},
number = {4},
issn = {0730-0301},
url = {https://doi-org.ezproxy.library.uvic.ca/10.1145/3528223.3530111},
doi = {10.1145/3528223.3530111},
journal = {ACM Trans. Graph.},
month = {jul},
articleno = {147},
numpages = {21},
keywords = {typography, variable fonts, type design, document design, glyphs, infotypography, visualization}
}
or using the following citation:

Johannes Lang and Miguel A. Nacenta. 2022. Perception of letter glyph parameters for InfoTypography. ACM Trans. Graph. 41, 4, Article 147 (July 2022), 21 pages. https://doi-org.ezproxy.library.uvic.ca/10.1145/3528223.3530111

There are two videos that you can watch about the paper. The first one is a teaser:

And here is the full talk:

  • The supplementary materials also contain detailed additional detail, such as:
    • Extended tables for Experiment 1 and Experiment 2, which provide the optimal locations for differentiability of categories, as well as the exact data of the model.
    • Code for the conversion from experiment units (normalized between -0.5 and 0.5) and real-world units (ems and angles).
    • The analysis code for the experiment and the data.
    • Files with the actual fonts of all the levels that we used.
    • An additional table that compares our parameter ranges to those in other fonts (variable and not).
  • The typocartographer service is free and it allows you to create infotypographic designs. We hope it is useful (tell us if it is!), but be gentle, it is still a prototype.
  • I found the v-fonts website particularly useful as a repository of variable fonts.
  • If you are interested in examples of InfoTypography, you should check Brath and Banissi’s paper.
  • About 10 years ago (we are writing this in 2010) we published our work on FatFonts, which inspired this work. You might want to check it out. Here is the paper, and here a website with many examples and downloadable fonts.
This image has an empty alt attribute; its file name is helveticafontexample.png