Typography - Project 1
10.10.18 - X
Week 7 - Week 8
Feryn Juliesta Sulia (0336407)
Typography
Project 1
This week, Mr. Vinod started the class by gave us a lecture about types of fonts. There are 7 types of fonts; serif, sans serif, display, script, text, mono spaced, and dingbats.
- Serif
It is the most common and used font type, refer to the little feet or arms that hang off in the end of letter strokes. Serif fonts can be broadly classified into one of four subgroups: old style, transitional, Didone, and slab serif, in order of first appearance.
- Sans Serif
Sans means without so basically Sans Serif is a type of font without serif. Sans serif fonts tend to have less line width variation than serif fonts. In most print, they are often used for headings rather than for body text.
- Display
Display is decorative fonts usually used as headlines.
- Script
Script typefaces are based on handwriting, generally used for display or trade printing.
- Text
Based on old-world hand-drawn letter, usually used for diplomas, invitations, and certificates.
- Mono spaced
Typewriter style fonts, proportionally spaced.
- Dingbats
Small pieces symbols of art to enhance the design of a text or page.
Font style refers to the individual font's weight for example; regular, italic, bold or black. So it could be Arial Narrow or Times Italic. So when the term font style (or font) is used, it is referring to the. weight of the individual font.
Font: a font refers to the individual font or weight within the typeface.
Typeface: a typeface refers to the individual font or weight within the typeface.
Type family: a type family refers to the many weights within an individual typeface.
A typeface refers to the entire set of weights within one family. It is sometimes referred to as Type Family or Font Family.
Today with computer we are able to do many things when we are type setting (formatting text). With this innovation come abuse as many people weren't aware of the typographic conventions and flagrantly violated them at the expense of the reader.
Small capitals are good for subheads or for the first line of a paragraph. Text set in all caps should be used in short headlines or subheads. All caps should never be used for long sentences and for emphasis.
Special purpose style: many formatting styles exist within software's for making footnotes, references, and mathematical formulas. These tend to be embedded or nested within the tools sections and a lay user may not be aware of its functions.
Text scaling: some program allow for the user to create a pseudo-condense or pseudo-extended font by horizontally or vertically squeezing or stretching a font.
Lecture 8
17.10.18 (Week 8)
No lecture this week, we were told to finished our type expression as second project will be coming next week.
Week 7 - Week 8
Feryn Juliesta Sulia (0336407)
Typography
Project 1
Lectures
Lecture 7: Font Type and Style
10.10.18 (Week 7)This week, Mr. Vinod started the class by gave us a lecture about types of fonts. There are 7 types of fonts; serif, sans serif, display, script, text, mono spaced, and dingbats.
- Serif
It is the most common and used font type, refer to the little feet or arms that hang off in the end of letter strokes. Serif fonts can be broadly classified into one of four subgroups: old style, transitional, Didone, and slab serif, in order of first appearance.
- Sans Serif
Sans means without so basically Sans Serif is a type of font without serif. Sans serif fonts tend to have less line width variation than serif fonts. In most print, they are often used for headings rather than for body text.
- Display
Display is decorative fonts usually used as headlines.
- Script
Script typefaces are based on handwriting, generally used for display or trade printing.
- Text
Based on old-world hand-drawn letter, usually used for diplomas, invitations, and certificates.
- Mono spaced
Typewriter style fonts, proportionally spaced.
- Dingbats
Small pieces symbols of art to enhance the design of a text or page.
Font style refers to the individual font's weight for example; regular, italic, bold or black. So it could be Arial Narrow or Times Italic. So when the term font style (or font) is used, it is referring to the. weight of the individual font.
Font: a font refers to the individual font or weight within the typeface.
Typeface: a typeface refers to the individual font or weight within the typeface.
Type family: a type family refers to the many weights within an individual typeface.
A typeface refers to the entire set of weights within one family. It is sometimes referred to as Type Family or Font Family.
Today with computer we are able to do many things when we are type setting (formatting text). With this innovation come abuse as many people weren't aware of the typographic conventions and flagrantly violated them at the expense of the reader.
Small capitals are good for subheads or for the first line of a paragraph. Text set in all caps should be used in short headlines or subheads. All caps should never be used for long sentences and for emphasis.
Special purpose style: many formatting styles exist within software's for making footnotes, references, and mathematical formulas. These tend to be embedded or nested within the tools sections and a lay user may not be aware of its functions.
Text scaling: some program allow for the user to create a pseudo-condense or pseudo-extended font by horizontally or vertically squeezing or stretching a font.
Lecture 8
17.10.18 (Week 8)
No lecture this week, we were told to finished our type expression as second project will be coming next week.
Instructions
Project 1 (Week 7 - Week 8)
Text Formatting
Initially, we were briefed about what we have to do for our first project which is text formatting. But before that we have to do left, right, centre and justify alignment kerning.
Initially, we were briefed about what we have to do for our first project which is text formatting. But before that we have to do left, right, centre and justify alignment kerning.
 |
| Fig 1.1 Left Alignment (ITC New Bakersville 12pt) |
 |
| Fig 1.2 Right Alignment (Adobe Caslon Pro 12pt) |
 |
| Fig 1.4 Justify Alignment (Gill Sans Regular 12pt) |
Text Expression & Layout
 |
| Fig 1.5 Book front cover first attempt |
 |
| Fig 1.6 First attempt |
 |
| Fig 1.7 Second attempt |
 |
| Fig 1.8 Fixed first attempt after feedback received |
 |
| Fig 1.9 Second page first attempt |
 |
| Fig 1.10 Book back cover first attempt |
 |
| Fig 1.11 Third attempt |
 |
| Fig 1.12 Attempting another sentence for second page |
 |
| Fig 1.13 First page another attempt |
 |
| Fig 1.14 Second page another attempt |
 |
| Fig 1.15 Third page another attempt |
 |
| Fig 1.16 Another attempt on book front cover |
 |
| Fig 1.17 First page |
 |
| Fig 1.18 Second page |
 |
| Fig 1. 19 Third page |
 |
| Fig 1.20 Back cover |
 |
| Fig 1.21 Thumbnail |
Feedback
Week 7
Mr. Vinod said that my sparkle animation is expressing the sparkle word and I did a great job by using letter to express the sparkle. He suggested me to put the light and bold transition more obviously to the animation so that my sparkle could be more sparkling. After Mr. Vinod and Mr. Shamsul briefed us for our first project using InDesign, they told us to start working on the alignment and print it right after we done. Mr. Shamsul commented that my alignments are okay.
Week 8
Mr. Vinod told me that my 'first thing first' expression is wrong because I put number 2 and 3 in it, Mr. Vinod then told me that I should express importance instead of ranking. He also added that there's too much spaces left and I have to either enlarge my work or arrange it so that it could create better layout.
(Online Feedback)
After fixing the layout, Mr. Vinod told me not to express every words. He told me only to express the intention, the meaning or the most important word.
Mr. Vinod commented on my third attempt that it doesn't seem to make sense because I treated some words differently while there's a whole bunch of words there. And for my expression for another sentence, he said it is okay already but I have to keep my D not to far from its original word. But still it depends on what is on the next page.
After showing my another attempt, Mr. Vinod explain to me that my text expression and body text does not aligned, balanced and interacted with each other. Even my first and last page are equally separate in style.
Mr. Vinod showed me that there were no balance, alignment and rhythm in this shape. And it is the same for most of the spread.
Then he told me to research some page layouts before attempting another expression while showing me how these works interplays between its body text and expressive text. That they look like they belong with each other, observing the use of space would help as well.
After researching and attempting a new expression, he said that my front cover and first page are interesting. But my second page has an awkward shape. He also added that my idea is good.
Mr. Vinod said that my sparkle animation is expressing the sparkle word and I did a great job by using letter to express the sparkle. He suggested me to put the light and bold transition more obviously to the animation so that my sparkle could be more sparkling. After Mr. Vinod and Mr. Shamsul briefed us for our first project using InDesign, they told us to start working on the alignment and print it right after we done. Mr. Shamsul commented that my alignments are okay.
Week 8
Mr. Vinod told me that my 'first thing first' expression is wrong because I put number 2 and 3 in it, Mr. Vinod then told me that I should express importance instead of ranking. He also added that there's too much spaces left and I have to either enlarge my work or arrange it so that it could create better layout.
(Online Feedback)
After fixing the layout, Mr. Vinod told me not to express every words. He told me only to express the intention, the meaning or the most important word.
Mr. Vinod commented on my third attempt that it doesn't seem to make sense because I treated some words differently while there's a whole bunch of words there. And for my expression for another sentence, he said it is okay already but I have to keep my D not to far from its original word. But still it depends on what is on the next page.
After showing my another attempt, Mr. Vinod explain to me that my text expression and body text does not aligned, balanced and interacted with each other. Even my first and last page are equally separate in style.
 |
| Fig 2.1 Feedback |
Then he told me to research some page layouts before attempting another expression while showing me how these works interplays between its body text and expressive text. That they look like they belong with each other, observing the use of space would help as well.
After researching and attempting a new expression, he said that my front cover and first page are interesting. But my second page has an awkward shape. He also added that my idea is good.
Reflection
Experiences
Week 7
I tried using Adobe InDesign for the first time and I felt not really familiar although it looks the same with the other application I've been used at a glance. But fortunately, Mr. Vinod and Mr. Shamsul patiently tutored us so that we can do the next assignment as expected.
Week 8
I tried to familiarise myself with Adobe InDesign and I think slowly I get how to basically operate it.
I tried using Adobe InDesign for the first time and I felt not really familiar although it looks the same with the other application I've been used at a glance. But fortunately, Mr. Vinod and Mr. Shamsul patiently tutored us so that we can do the next assignment as expected.
Week 8
I tried to familiarise myself with Adobe InDesign and I think slowly I get how to basically operate it.
Observation
Week 7
There are some of my classmates that already doing great in using InDesign, but there are also some of them that still learning the basic things about InDesign.
Week 8
I felt that everyone has already used to type expression thing as I saw many great artworks from my classmates.
There are some of my classmates that already doing great in using InDesign, but there are also some of them that still learning the basic things about InDesign.
Week 8
I felt that everyone has already used to type expression thing as I saw many great artworks from my classmates.
Findings
Week 7
I found that it is not easy to familiarise yourself with a new application. I found myself kinda lost and spinning too much as I tried hard to follow up.
Week 8
I found that this project is fun because I always wonder what it feels like to make a book.
Week 8
I found that this project is fun because I always wonder what it feels like to make a book.
Further Reading
Type Matters! Merrell: Simple Tips for Everyday Typography by Jim Williams
Week 7
Typography is the voice of the written word. On one hand, it can be very expressive: it can shout or whisper, have a regional accent, be strong or fragile, and be as beautiful as it can vulgar.
On the other, it can be completely anonymous, carrying the communication with such subtlety that if it draws the slightest attention to itself it has failed miserably.
It was once a craft that required not only creative skill and judgement but also a significant degree of technical know-how. Although the type itself, because of its physical make-up, was relatively easy to understand, the process as a whole was shrouded in a secret language of picas, nuts, and muttons.
At first, this book didn't caught my eye at all, but after looking into several pages the chapter of a brief history of type design finally did. Since history thing is always interested me, I decided to look deeper into this book.
The history of type design is rich and varied, from the early blackletters through the experimental sans serif of the Bauhaus to the typographic diversity we see today, but there have been a number of important historical developments along the way.
Typographic measurement and terminology used with computer software largely refers to the points system used in hot metal type. With hot metal type, the size of the type is determined by the depth of the metal block (the body) on which the character sits, measured in points and known as the point size. Each individual piece of metal type is known as a sort, and the character appears as a mirror image so that it reads correctly when printed.
This book also answer the question: Why some typefaces look bigger?
Although these two typefaces are the same point size, the greater x-height, shorter ascenders and descender, larger and more open counters, and greater character width make the New Gothic appear larger.
New Typographic Design Compiled and edited by Roger Fawcett-Tang Introduction and Essays by David Jury.
Week 8
Week 7
 |
| Book Cover |
Typography is the voice of the written word. On one hand, it can be very expressive: it can shout or whisper, have a regional accent, be strong or fragile, and be as beautiful as it can vulgar.
On the other, it can be completely anonymous, carrying the communication with such subtlety that if it draws the slightest attention to itself it has failed miserably.
It was once a craft that required not only creative skill and judgement but also a significant degree of technical know-how. Although the type itself, because of its physical make-up, was relatively easy to understand, the process as a whole was shrouded in a secret language of picas, nuts, and muttons.
At first, this book didn't caught my eye at all, but after looking into several pages the chapter of a brief history of type design finally did. Since history thing is always interested me, I decided to look deeper into this book.
The history of type design is rich and varied, from the early blackletters through the experimental sans serif of the Bauhaus to the typographic diversity we see today, but there have been a number of important historical developments along the way.
Typographic measurement and terminology used with computer software largely refers to the points system used in hot metal type. With hot metal type, the size of the type is determined by the depth of the metal block (the body) on which the character sits, measured in points and known as the point size. Each individual piece of metal type is known as a sort, and the character appears as a mirror image so that it reads correctly when printed.
This book also answer the question: Why some typefaces look bigger?
 |
| Why some typefaces look bigger? |
Although these two typefaces are the same point size, the greater x-height, shorter ascenders and descender, larger and more open counters, and greater character width make the New Gothic appear larger.
New Typographic Design Compiled and edited by Roger Fawcett-Tang Introduction and Essays by David Jury.
Week 8
 |
| Book Cover |
Chapter: Type as Experiment
The constant search for new forms results in designers experimenting with the limits of typographic recognition and legibility. Individual letters may initially appear as purely abstract forms. However, when they are assembled together with other characters, familiar shapes begin to emerge.
The pursuit of chaos; when looking for a challenging text, the reader's eye will be attracted to typography that avoids the discernible patterns which are the conventions of engagement between author and reader. An absence of these conventions- the formal rules of engagement- alerts, perhaps stimulates, the reader. Unconventionally arranged experimental typography slows down the reader because it requires conscious participation. Compare this to conventional reading, a process so predictable that the reader is unaware of what is happening. Or how or why. Experimental type cannot be conventional and, therefore, will always demand more of the reader. An element of surprise or even shock is to be expected. Perhaps it is hoped for.
I think culture shock is the appropriate description for a reader's emotional reaction when he or she is unable immediately to understand or predict an author's, or a typographer's intentions. Such a state of mind is surely the intended outcome of experimental typography. The term 'culture shock', of course, is more commonly used to describe the sense of apprehension in a visitor to another country caused by unfamiliar environments and new social procedures or responses. This is recognised as a natural, physiological reaction, part of the routine process of adaption to the shock of the unfamiliar and, to varying degrees, possibly the manifestation of a longing for a more predictable, more understandable and certainly less demanding, less experimental environmental.
Comments
Post a Comment