E3 Exercise

Visakhah
6 min readOct 1, 2020

PART 1: E1

Practicing tracing some fonts and understanding the differences in motion and weight in the fonts.

Some smudges; thought about adding some floral garnishes to accent the smears.

PART 1: E2

I used the words trust, bright, and serendipity.

For trust, I used the fonts Verdana, Onyx, and Times New Roman. I chose fonts that were easy to read and were comfortable to look at. The Onyx and Times New Roman were capitalized because it seemed easy to read the word trust when it was all caps.

The word bright used the fonts Ink Free, Rockwell, and Rage Italic. For the Ink Free version, I thought that all caps looked good in that font and was spacious for the emotion of light going through to fit the theme. In the Rage Italic font, I spaced them out in between letters cause I also was going for the light in between feeling again but this time in lower cases.

I love the word serendipity and wanted to choose fonts that had the developments kinda relaxed and happy. I wanted to have a loose structure in the fonts and the curls in Curlz MT and Gigi displayed that feeling for me. In Javanese Text, I found that the spacing in between could also give the same loose feeling that wasn’t so curly in strokes.

My favorites:

I liked these the most out of the others. I chose Bright in Ink Free because I thought that there was a good used of the weight ratio to convey lightness. In Trust, I made Times New Roman bolded so it could give more weight and security that helped with the trusting feeling. I really like serendipity and was wondering if I could try spacing the fonts in different rotations also.

Didot font and Research

The font Didot was designed by French brothers Firmin Didot and Pierre Didot. They created this font during the 18th century. They came from a family of printers that grew up in Paris. They were also the family that was among the first to set up a printing pressing in Greece.

The classification of the font Didot falls under the category of modern, or Didone. Didone is a genre of serif typeface that emerged in the late 18th century around French culture.

The font was created for some books in the 18th century since the brothers were in a printing press company and the font was adapted some for headers. This font was inspired by John Baskerville’s experimentation with increasing stroke contrast and a more condensed armature or figure.

The font was intended to look elegant and was able to dazzle readers. The sturdy and thicker ‘thin’ strokes created a look that portrayed neat and graceful legibility. Although the font may have had some distinct features, there have been challenges posed that have caused some readers to be drawn to some content and not the others. The font can sometimes be spotlight-stealing or showstopping which takes away from other content.

Exercise 3 • Typographic Hierarchy

  1. Linespacing

[Weight: Bold]

My interactions with line spacing were to group the concepts that were related using the Gestalt Principles of location and proximity to show how ideas can be related. I grouped them by the occurrence of events. The top and bottom grouping are general information for all events.

2. Typographic weights

For the first iteration of the combination of typographic weights was seeing how I could emphasize the content of the seminars. I bold the information that was showing what the content of the seminar was.

The second interaction was emphasizing the times and location of the events. This is helpful for if the attendance of these lectures was more important overall than just selecting the seminars based on the content. I would use this tactic if it was a requirement or a commitment to go to these lectures and I needed to quickly schedule my time.

The first iteration used bold and regular while the second one used bold and light weights of Helvetica Neue.

3. Horizontal Shift or Indentation

Using the tab indentation tool, the experimentation with the indentation of this content can show how I feel what is important information to look through.

I felt that the school, dates, and address were information that was most likely to be indexed in this case.

The second try was indenting the title of the content so it was on its own alignment for even more organized indexing.

4. Typographic Weight and Linespacing

Combining my experimentations on weight and line spacing, I tried to make the information grouped in similar information and also emphasized important information within the groups.

I thought that Admission Free was important but did not want to group the line by itself. I figured bolded this line was a good amount of emphasis.

5. Typographic Weight and Horizontal Shift

Combining the weight and the intentions from my experiments, I have aligned the information type with dates unindented, the speaker indented once, and the content title twice. The bold information is focused on supported the reader to easily find the dates, time, and place of the event.

6. Horizontal Shift and Linespacing

The line spacing was splitting up information that I thought was grouped together appropriately. I wanted to show the most important information left most aligned and decrease in importance with each right indentation. I think that the first and last paragraph are generally not important information that you need to find quickly so I left it all the same alignment.

Having admission free stand alone also allows the reader to see a random information that may be useful to them and does not let the reader miss admission free as easily if they are ignoring the address of the event.

7. Size Changes and Typographic Weight

I wanted to rearrange some of the order of the information. I did not like that the date was before each event so I put them after each event. I also thought that the HCI presents and the dates were not as important to see first so I decreased the font size. I wanted the grouping of the events to look more organized so the spacing was meant to indicate how many chunks of information there was and give the readers like three choices instead of having to process the information slowly line by line. The bolding of the titles show the reader what the content is very quickly.

I made some changes to the previous one with indenting the three events so that the reader can see the events as a separate type of information aside from the location and who is hosting these events.

--

--