TYPOGRAPHY - PROJECT 1

03.10.18 - 24.10.18 (Week 6 - Week 9)
Catherine Starlie (0336261)
Typography
Project 1 - Text Formatting & Expression



LECTURES

Lecture 7: Types of Fonts, Text / Tracing-Kerning & Letterspace
10.10.18 (Week 7)

This week's lecture was about knowing types of fonts.

Font come in many designs, the differences are subtle while others aren’t. Font divided into:

1. Serif: the most common text, can be used as headlines too, refer too the little feet or arms that hang off the end of letter strokes. There are 3 sub categories:
Old style, modern, square serif

2. San serif: fonts without serif, usually have an overall even stroke weight which creates little contrast for the letters. It also can evoke a more modern look for report, but sometimes it can be hard to read compare to serif font.

And both serif and san serif have its own pros and cons.

3. Display: decorative fonts and designed to be used as attention (as headline fonts), rarely be used as body copy fonts.

4. Script: designed to mimic handwriting, designed to touch one another. May be more traditional type used for formal invitations. Won’t recommend to used in all capital letters.

5. Text: based on the hand-drawn letter made by early monks for religious books, have an “old-world” feel.

6. Mono-spaced: proportionally spaced, is smaller characters take less space than the larger one.
(Example courier is a common monospaced font)

7. Dingbats: symbol which are small pieces of art to enhance the design.

Small caps are good for subheads or the first line of paragraph while all caps used subheads and headlines but should never be used for long sentences and emphasis

And we were told that when designed, we should use lower case numerals for numbers. And usually people doesn’t read individual words, but they read pattern, etc. So it must be equal amount of light and dark area.

We also learnt about kerning, letterspace, and tracking:
- Kerning: automatic adjustment of space between letters.

- Letterspace: adding space between letters.

- Tracking: addition or removal in a word or sentence. Divided into 3 which are:
1. Normal tracking,
2. Tight tracking,
3. Loose tracking.

Example of Normal and Loose Tracking with Caps, Small Caps, and Lower Case
Reference List: http://thinkingwithtype.com/text/

Example of Loose and Tight Tracking
Reference List: http://tassepatufutsal.com/what-is-tracking-in-graphic-design/what-is-tracking-in-graphic-design-leading-definition-typography-graphic-design-term-typography-download/

After that, we learnt about alignment and where should we used it.

Article: left align

Few info: centred

Right align opposite of left align

Justified: known as ‘rivers’

Example of Alignment and The Meaning
Reference List: http://smad.jmu.edu/shen/webtype/alignment.html

Lecture 8: -
17.10.18 (Week 8)

No lecture for today as we continued our project.



INSTRUCTIONS



PROJECT 1 (Week 7 - 8)

This project is about creating a book of chosen sentences we choose to express by using an article we are given with, starting by formatting the article by using left, right, centre, and justified alignment.
Fig 1.1.1 Right Alignment

Fig 1.1.2 Justified Alignment

Fig 1.1.3 Left Alignment

Fig 1.1.4 Centre Alignment

After that, we continued by choosing an alignment to use and words to express from sentences.


Fig 1.2.1 First attempt of Front cover

Fig 1.2.2 First attempt of first page

Fig 1.2.3 First attempt of second page

Fig 1.2.4 First attempt of third page

FIg 1.2.5 First attempt of back cover
After receiving feedback from Mr. Shamsul, I tried to change again but unfortunately I don't save it.

Then I tried changing it again. (Sorry, using a screenshot to be in hurry try the other style)
Fig 1.3.1 Forth attempt of front cover
Fig 1.3.3 Forth attempt of first page (right page)
Fig 1.3.2 Forth attempt of second page (right page)
And the 3rd page and back cover are the same with the previous one.
After that, I tried to fix my 1st and 2nd page by moving, adding, or even deleting some parts.

Fig 1.4.1 Try something different for the second page

Fig 1.4.2 Try something different for the second page

Fig 1.4.3 Try something different for the first page
Fig 1.4.4 Try something different for the first page

Fig 1.4.5 Try something different for the first page
And, for the latest attempt, I tried to add something for the 3rd page and back cover, and even change the position of the text.
Fig 1.5.1 before the final attempt for the front cover

Fig 1.5.2 before the final attempt for the first page

Fig 1.5.3 before the final attempt for the second page

Fig 1.5.4 before the final attempt for the third page

Fig 1.5.5 before the final attempt for the back cover
After that, I fixed the 3rd page

Fig 1.6.1 Final attempt for the front cover

Fig 1.6.2 Final attempt for the first page

Fig 1.6.3 Final attempt for the second page

Fig 1.6.4 Final attempt for the third page

Fig 1.6.5 Final attempt for the back cover
Fig 1.7 Thumbnails



Fig 1.8 Embedded PDF file of the latest attempt

Fig 1.9.1 Hardcopy of front cover
Fig 1.9.2 Hardcopy of first page
Fig 1.9.3 Hardcopy of second page
Fig 1.9.4 Hardcopy of third page
Fig 1.9.5 Hardcopy of back cover

FEEDBACK

Week 7
General feedback: Mr. Vinod gave us an example of blog and he also recommended to read more books. Specific feedback: Mr. Shamsul said that I should make my sentences more legibility and I need to know which word I should highlight or not.

Week 11
Online feedback: Mr. Vinod showed me back my works and there aren't any shape of it, alignment, rhythm, or even balance. He also send me some examples.


Week 12
General feedback: Mr. Vinod and Mr. Shamsul told us to make our pdf file into public.

Specific feedback: Mr. Vinod and Mr. Shamsul said that I didn't need to express those names on the 3rd page. They also told me to put my blog (project 1 and project 2) to the labels (typography).

REFLECTIONS

EXPERIENCES

Week 7
I felt good with how my alignments worked but not with the kernings.

Week 8
It's kinda hard because I think that I used instinct more than theory.

OBSERVATIONS

Week 7
Everyone also has a hard time to do the kernings.

Week 8
Observed some famous graphic designer's works and some of my classmate's works.

FINDINGS

Week 7
I found out that people choices are different towards the alignment and kernings.

Week 8
I found out that there are many ways to express it after seeing some classmate's works.



FURTHER READINGS

Week 7


Letterwork: Creative Letterforms in Graphic Design by Brody Neuenschwander


Front cover
Legibility has been described as a 'certainty of deciphering'. Legibility in its most basic sense does indeed consist of the deciphering of verbal and numerical information. All writing systems, to be legible, must be observe two laws. First, the letterforms within system must show sufficient formal contrast to allow efficient recognition of the individual characters. Second, they must show sufficient formal harmony to allow efficient eye travel.

Reference List: Neuenschwander, B. (1995). Letterwork: Creative Letterforms in Graphic Design
https://www.amazon.com/Letterwork-Creative-Letterforms-Graphic-Design/dp/0714829099


Comments

Popular Posts