TYPOGRAPHY- PROJECT 1
3/10/18- 24/10/18 (Week 6-Week 8)
Andrea Vie Choong Jia Qi (0331945)
Typography
Project 1
Text Formatting & Expression
_____________________________________________________________________________
LECTURES
Lecture 7: Types Of Fonts, Text/Tracing-Kerning & Letterspace
10/10/18 (Week 7)
Our first lecture is about the types of fonts.
There are many different types of fonts to use.
1. Serif: most common font and written in either Oldstyle, Modern or Square serif
2. Sans serif: has even stroke weight and creates little contrast for letters
3. Display: decorative fonts used for headlines
4. Script: mimic handwriting, traditional type for formal invitations and never use capitals
5. Text: "old-world" feel and used in certificates,diplomas and invitations
6. Mono-spaced: proportionally spaced font and used in typewriters
7. Dingbats: symbols of small pieces of art to enhance design of a text/page
Small caps: usually used for subheads/first line of a paragraph
All caps: short headlines/subheads, never use for long sentences/emphasis
After that, we learned about kerning and letterspace that can be used in our project 1.
Kerning is referred to the automatic adjustment of space between letters.
Letterspacing is adding space between the letters.
The addition and removal in a word or sentence is known as tracking.
Types of tracking:
1. Normal tracking
2. Tight tracking
3. Loose tracking
Fig 1.2 Tracking in a text (Top Left: Normal tracking, Top Right: Loose tracking, Bottom: Loose tracking)
Besides tracking, we can also format text in different ways.
1. Flush left
- mirrors asymmetrical experience of handwriting
- same level of smoothness (kerning & letterspace)
Fig 1.3 Flush left
2. Center
- symmetry through the text
- usually used for less information of text (e.g. sub-heading)
Fig 1.4 Centered text
3. Flush right
- emphasis on the end of line as opposed to its start
- can be useful for writing captions
Fig 1.5 Flush right text
4. Justified
- symmetrical shape on text
- holes in between text called "rivers" (kerning & letterspace)
Fig 1.6 Justified text
Type Size: large enough to be read by arms length (more than 8pt)
Leading: text set too tightly that encourages vertical eye movement
Line Length: distance of sentence (best to keep 35-65 words in a line)
Lecture 8:-
17/10/18 (Week 8)
We had no lecture this week as we continued with our progress from last week for Project 1.
__________________________________________________________
INSTRUCTIONS
Module Information Booklet (MIB)
_____________________________________________________________
PROJECT 1 (Week 7- Week 8)
Text formatting- Kerning & Letterspace/Point size/Typeface (Week 7)
Basically, this project is about creating a book of chosen sentences we choose to express and format using an article we are given with.
The article is taken by http://www.eyemagazine.com/feature/article/first-things-first-manifesto-2000
We started off by formatting the article using left align, center align, right align and justified. We had to choose our typeface and point size of the text. We even learned to adjust the paragraph spacing and to do kern and letterspace a word or sentence.
Fig 2.1 Left Alignment
Fig 2.2 Center Alignment
Fig 2.3 Right Alignment
Fig 2.4 Justified Alignment
Text Expression & Layout (Week 8)
This week we continued by choosing one type of alignment to use for our final type format. I chose to use the left alignment for the overall format. We had to think about our layout of our text and which words to express in the chosen sentences we choose. We even did some research and get inspirations from other famous designers' work specifically on typography and layout.
Fig 2.5 Front cover (1st attempt)
Fig 2.6 First page (1st attempt)
Fig 2.7 Second page (1st attempt)
Fig 2.8 Last page (1st attempt)
After getting feedback from Mr. Shamsul and Mr. Vinod, I needed to think about the layout of the text and pick certain words to express in the sentence. I had to use less graphics to make the text stand out.
Fig 2.9 Front cover (2nd attempt)
Fig 2.10 1st page (2nd attempt)
Fig 2.11 2nd page (2nd attempt)
Fig 2.12 3rd page (2nd attempt)
Fig 2.13 4th page (2nd attempt)
Fig 2.14 Last page (2nd attempt)
After getting more feedback on improving the consistency and similarity in the design and text, I changed some of the layouts and express a few words.
Fig 2.16 Front Cover (3rd attempt)
Fig 2.17 Page 2-3 (3rd attempt)
Fig 2.18 Final Outcome: Page 4-5 (3rd attempt)
Fig 2.19 Final Outcome: Page 6-7 (3rd attempt)
Fig 2.20 Back Cover (3rd attempt)
There are still some improvement in reducing the number of words to express typographically. So I have decided to re-edit my pages and pick only certain words to express. I submitted my work for re-evaluation.
Fig 2.21 Final Outcome: Front Cover (Page 1)
Fig 2.22 Final Outcome: Page 2-3
Fig 2.23 Final Outcome: Page 4-5
Fig 2.24 Final Outcome: Page 6-7
Fig 2.25 Final Outcome: Back Cover (Page 8)
Fig 2.26 Final Outcome: Embedded PDF
Fig 2.27 Thumbnail (Project 1)
After printing the thumbnail, we had to also visually present it in a printed book.
Fig 2.28 Printed Book (Front Cover-Page 1)
Fig 2.29 Printed Book (Page 2-3)
Fig 2.30 Printed Book (Page 4-5)
Fig 2.31 Printed Book (Page 6-7)
Fig 2.32 Printed Book (Back Cover- Page 8)
_________________________________________________________
FEEDBACK
6.10.18 (Week 7)
General feedback: We are reminded to write our name, student ID and date at the back of every work that we have done so far in pencil. Besides that, for the six type expression, we were also once again reminded to write the typeface we used below each box in 7pt.
Specific feedback: Overall the six type expression is alright. The word "sparkle" is the stronger for expression however the words "rage" and "blur" is still weak. For my animation of float, it does not really express or show a "floating on water" effect.
17.10.18 (Week 8)
General feedback: Mr.Vinod reminded us for our format of our e-portfolio, remembering to cite the source from any images taken from the internet and in further readings. For our photographs of our work, we are reminded to always use a good shade of sunlight with no shadows on it or scanning. Most importantly, to make sure our MIB Booklet is set to public and our name and details before the lecture section is written properly and clearly.
Online feedback: [Type Formatting & Expression] Mr.Shamsul's comments- The cover can be refine. It does not look neat. The flow of the text is not clear.This need to rework. No sense of balance.There's too many things happening. You don't need to express all the word. Mr.Vinod's comments- Rework the cover and the expressions. I have said time and again, and explained many times, express the essence of the sentence, the core message. Not every word!What is the use of the 1 ? The meaning first things first is not about ranking, it is about importance.
Online feedback: [E-Portfolio] Colour coding (highlight) some of the information in your eportfolio does help in readability and differentiation: good thinking. Images uploaded had shadows and not good lighting. Your eportfolio is clean neat, well organised... so far the best one in the class. Well done on that. You have taken effort in all your exercises, but they seem to only lack in the final execution. In particular you seem to be a little weak in the animation/motion graphics. Keep trying you will get there. Again good work on the eportfolio.
26.8.18 (Week 9)
Online feedback: [Type Formatting & Expression] There is no consistency in the style. All pages look too different from each other. He suggested that there needs to be somewhat a similarity in the design and composition. It needs to have also variety of layout so it won't be too dull but each should not be to far apart from each style. Must have element that is similar. _____________________________________________________________________________
REFLECTIONS
EXPERIENCES
6.10.18 (Week 7)
I felt exhausted from figuring out how to make the text formatting presentable and readable.
17.10.18 (Week 8)
It was a another hectic week during the long hours of classes trying to use our research and drilling on our text expression & formatting.
OBSERVATIONS
6.10.18 (Week 7)
I saw that it was not easy to kern and letterspace the words and text properly to make it look aligned.
17.10.18 (Week 8)
I observed how famous typography poster designers layout their text to create importance and readability as well as creating balance and space in the page.
FINDINGS
6.10.18 (Week 7)
I found out there were many ways we can format and align the text in either left, center, right or justified.
17.10.18 (Week 8)
I discovered that layout of the text is important and how it makes it clear and legibility for the readers to understand it.
_____________________________________________________________________________________________
FURTHER READINGS
Typography Essentials: 100 Design Principles for Working with type by Ina Saltz
Week 7
Fig 3.1 Book Cover
Chapter: Letter Spacing and Word Spacing
I learned more about the spacing in letters and words from this e-book that I found. The relationship between letter width and word spaces are required for the eye to differentiate the end of one word from the beginning of the next word. The narrower the letter from, the less space the eye requires.
Column of type are set justified will have uneven word spacing in order to have a good alignment.
Fig 3.2 Visual example
Reference List: Saltz, I. (2009). Typography Essentials : 100 Design Principles for Working with Type. Beverly, Mass: Rockport Publishers, 116-117. Retrieved from http://ezproxy.taylors.edu.my/login?url=http://search.ebscohost.com/login.aspx?direct=true&db=nlebk&AN=571444&site=eds-live&scope=site
Typography, Referenced : A Comprehensive Visual Guide to the Language, History, and Practice of Typography by Allan Halley
Week 8
Fig 3.3 Book Cover
Chapter: Typographic Principles-Format
Referring back to how layout is important for our project 1, I found this e-book on format. It is always important to look at the size and proportion of the page or screen before working on it. Although every format has edged boundaries containing design elements, it does not limit the creativity.
The Golden Section
- In Western cultures, this refers to a ratio between two numbers: 1:1:168
- It can also be represented as a:b=b:(a+b)
- Used since the ancient times and is found in Ancient Greek Architecture & Art
- Creates harmonious relationships between graphic elements
- Express purpose of generating printed formats for books, posters and brochures
Fig 3.4 Process of the Golden Section
Reference List: Haley, A. (2012). Typography, Referenced : A Comprehensive Visual Guide to the Language, History, and Practice of Typography. Beverly, MA: Rockport Publishers, 210-211. Retrieved from http://ezproxy.taylors.edu.my/login?url=http://search.ebscohost.com/login.aspx?direct=true&db=nlebk&AN=576493&site=eds-live&scope=site
Comments
Post a Comment