Black Text Matter: Typography

Photo by Diomari Madulara on Unsplash

The purpose of typography is to improve “communication” and build connections between contexts and readers. Good typography makes the act of reading easier, while bad typography makes users less interested.

Optimizing typography is to optimize the general understanding of contexts, such as readability, accessibility, and usability. In other words, optimizing typography means optimizing the user interface. Based on the learning in the class, I want to show you how to improve the legibility and readability of text content through typograph.

Make line break and clusters

First of all, I broke the lines and clusters the sentences into related information because the Lumped text context greatly regarded the speed of reading. The sentence clay became easy to understand already.

Pic 1. Text Clay
Pic 2. Added break lines to text clay

Change weight and move around contexts

I felt that my eyes were becoming more and more comfortable reading a given piece of writing by simply thickening the letters, making them a little larger, or moving the text to make it more relevant.

Pic 3. Change weight and move texts around

Draw structure

I started to look into how I would want to build the content on the final page. I drew a low fidelity thumbnail sketches based on the simple grid concept. I also used ‘Korean consonant:한글 자음’ as a base structure just for fun. This activity allowed me to visualize the final printing quickly.

Pic 4. Low Fidelity Thumbnail Sketch

Typeface test

I have started looking at different typefaces and I decided to go with ‘Comfortaa’ for body contexts, ‘Trebuset MS’ for title and subtitles, and ‘Spectral’ for a key summary. Then decided to adjust the size of the font as I place the sentences in the InDesign file.

Choosing the right typeface was the most fun. I was amused to visualize how different typefaces corresponding to each other and creates harmony. In this activity, I tried to consider choosing a typeface that works well in different sizes to maintains readability. Furthermore, I tried to use no more than 3 different fonts because the website does not look professional and often turned off readers.

Start to work InDesign

I started to put the text to InDesign and checked if my typeface looks coherent and cohesive as well as the overall aesthetic of the design. After a couple of iterations, I stuck to one concept and refined it multiple times.

Pic 4. Final Indesign

Take away

It was fun to see how the black context holds such an essential role in a white paper. They are so different but eventually relying on each other to create harmonious typography.

Typography is fun and joyful, but to activate a nice design, a good amount of time and energy needs to be invested in creating the right typography. I just experienced the tip of the iceberg, but this short activity gives me a chance to taste creating a harmonize in dissonance.

I am fascinated by computers creating a harmonious human-computer interactive environment in collective manners.