Skip to main content

Learning Summary #2

I started out wanting to make a miniature book based on microtypography. The more I learned about it, the more I realized that all the components that make microtypography are along the same lines of macro, or "normal" typography. I decided to move towards making an all around book on letter spacing and all of the different terms, or just a book about typographic terms.

This is some of my research on Microtypography that I am going to incorporate into my new book.

Microtypography is concerned with the more individual features of letterforms

Macro-typography is all about how typography is arranged on a web page. Macro-typographical techniques can be achieved on CSS but we must also bear in mind that the Web itself is changing rapidly. Macro-typography is all about how paragraphs and groups of sentences are placed together and how they appear on a page.

Microtypography has to do with the details; setting the right glyph, getting the appropriate kerning and tracking, and making stylistic choices such as when to use small-caps.
Micro-typography is the art of enhancing the appearance and readability of a document while exhibiting a minimum degree of visual obtrusion. It is concerned with what happens between or at the margins of characters, words or lines.

Microtypography deals mainly with legibility and can be thought of as the design of letters and words.

Microtypography has to do with small details like glyphs, kerning, tracking, and other stylistic choices. It deals mostly with legibility and is concerned with the design of letters and words. Macro Typography refers to how letters and words are arranged on the page. It’s concerned mainly with the readability of paragraphs on the page.

  • The shapes of letters and the way they fit together
  • The way letters combine to form words
  • Letter spacing
  • Word spacing
  • Line length (measure)
  • Line-height (leading)
  • Legibility and readability (more on this later)
  • Type face selection


These methods focus more on individual features of letterforms and improve the legibility and appearance of text:

Kerning
Tracking
Leading
Glyphs
Expansion
Extending
Justification
Hyphenation


Tracking is the space between groups of letters rather than individual letters.
Tracking is often used to make lines of type even in order to remove hyphenation or widows and orphans from paragraphs

A widow is a very short line – usually one word, or the end of a hyphenated word – at the end of a paragraph or column. A widow is considered poor typography because it leaves too much white space between paragraphs or at the bottom of a page. This interrupts the reader’s eye and diminishes readability. Fix them by reworking the rag or editing the copy.

Like a widow, an orphan is a single word, part of a word or very short line, except it appears at the beginning of a column or a page. This results in poor horizontal alignment at the top of the column or page. The term “orphan” is not as commonly used as “widow,” but the concept is the same, and so is the solution: fix it!

The following is my posters that I made, that were originally made for a book layout, but for the sake of the class I went ahead and printed just 11in x 17in posters. 





These are some of the extra things I was working with that I am going to incorporate into my book.




Comments

Popular posts from this blog

Type 3: Sculpture

I wanted to focus on the main "Form One" and "Form Two" part within the reading. I decided to take two spherical shapes and have one be smaller as the underdeveloped twin and fill it with black ink. Both spheres have smaller orbs inside them signifying lifeforms. In the underdeveloped one, the orbs are drowning in black ink. Around the pedestal that Form Two is sitting on, there is black wire coming out of the bottom and winding upward as if it is attacking / trying to infect Form One hanging above. Form One I decided to leave clear with bright orbs inside with a tiny red / pink flake that can be seen if you look closely. These are just some of the images I took that I wanted to add to the blog, I have a lot more but I didn't want this post to be super long.

S.O.S Layout Assistance

The next project for Type 3 we had to design a product that people (student designers) could use to learn about a specific part of typography / typesetting. We were supposed to choose an aspect about type that we necessarily did not know ourselves / something we could have used when learning to typeset The Exegesis. After typesetting The Exegesis, I realized my biggest issue was margins and layout design. So, I teamed up with Brooke Cirone to develop a product that people can play with to help view text boxes in a manipulative and creative way. This helped me understand spatial value, and understanding that layouts don't just have to be boxes - they can be any shape you please. We also had to develop packaging, I wanted to create a box with a sticker to show the branding - but time and costs became a big issue. We chose a clear holder to hold all of the materials in that could essentially be packaged the way it came, with a handy dandy holder to place materials and can be easily s

Information Architecture - Website Research

TOY FIGHT Pros: - I was drawn to this page because it specifically related to the artists and who they were. They placed themselves first and who they were / what they were about before  you saw the work. I thought that was strong because it allows the viewer to feel like they know the two artists - not just seeing the work without really knowing who is behind it. - Very creative - instead of photographs of to represent the artists, they decided to make little characters of themselves in a doll like form. - The sight is very vibrant and has bright colors for each page - They only have a few projects (which could be seen as a con) but only has the best of the best of their projects up - Interactivity when you move mouse around - the image shifts slightly in response to the mouse Cons: - Because there is so much going on - if there is a slow internet connection the site can lag and does not look as great - Patches of space - when you scroll down the next page should appe