TYPOGRAPHY - Project 1
03.10.18 - 24.10.18 (Week 7 - Week 9)
Chiquita Johanna Roosprameswari (0336747)
Typography
Project 1
LECTURES
Lecture 7 : Types of Fonts | Text formatting
10.10.2018 | Week 7
Type of fonts
Serif
Serif fonts are the most common text/body text font. They can be used as headlines too. Serifs refer too the littler feet or arms that hang off the end of letter strokes. There are three sub categories in serif fonts which are Oldstyle, Modern and Square Serif.
Sans Serif
Sans Serif are fonts without serifs and usually have an overall even stroke weight, which creates little contrast for the letters. Sans Serif fonts can evoke a more modern look for a report but some feel can be harder to read in comparison to a serif font.
Displays
Decorative fonts and are designed to be used as attention getting headline fonts. They should rarely, if ever, be used as body copy fonts.
Script
Script fonts are designed to mimic handwriting, therefore, the letters are designed to touch one another. These fonts may be the more traditional type used for formal invitations. Script fonts should never be used in all capitals.
Text
Based on the hand-drawn letter made by early monks for religious books, text fonts have and "old-world" feel to them. They are mostly used for certificates, diplomas and invitations. As with script fonts, they should never be used in all capitals.
Mono-spaced
Most fonts are proportionally spaced; that is smaller characters take up less space than large ones. For example the letter "I' is note as wide as the letter "M". In contrast, mono-spaced fonts, which are usually typewriter-style fonts, take up the same amount of space regardless of the actual letter.
Dingbats
Dingbats are symbols that are small pieces of art to enhance the design of the text or page. While Zapf Dingbats and Wingdings are the most common dingbats, there are hundreds, if not thousands, of different design available.
After that, Mr.Vinod explained about large amount text formatting which related to Project 1.
Text/Tracking: Kerning and Letterspacing
The term 'kerning' refers to the automatic adjustment of space between letters. It is often mistakenly referred to as 'letterspacing'. In fact, letterspacing means to add space between the letters. The addition and removal of space in a word or sentence is referred to as 'tracking'. There are three types of tracking: normal, loose and tight.
Text/Formatting
There is four type of alignment for text: Left, Right, Centre and Justified.
Lecture 8
17.10.18 | Week 8
No lecture this week, we are ask to continue working on project 1.
INSTRUCTIONS
Project 1 (Week 7 - Week 8)
Text Formatting - Kerning & Letterspace /Pointsize/Typeface (Week 7)
We are required to do a text formatting using Adobe InDesign.
Figure 1.1 Left Alignment
Figure 1.2 Right Alignment
Figure 1.3 Centre Alignment
Figure 1.4 Justify
After that, we started on working for our first project.
Text Expression & Layout (Week 8)
This week we have to choose one type of alignment to use for our final type format. I choose the left alignment. We have to express one sentence from the article. Mr. Vinod told us names of some famous typographers for us to do some research and for us to see some references.
Here's my first attempt on doing the typography book:
Figure 1.5 Front cover
Figure 1.6 Pages 2-3
Figure 1.7 Pages 4-5
Figure 1.8 Back cover
Mr. Vinod and Mr. Shamsul said that my book doesn't have the consistency. But, they really like the last page of my book. So, they told me to do the same thing for the other pages also.
Here's my final attempt on making the typography book:
Figure 1.9 Front cover
Figure 1.13 Back cover
Figure 1.14 Thumbnails of First Things First
Figure 1.15 Embedded PDF of First Things First
Here's the link to the google drive:
1.16 Front of the hardcopy book
1.17 Pages 2-3
1.18 Pages 4-5
1.19 Pages 6-7
Figure 1.20 Back cover
FEEDBACK
Week 7
Mr.Vinod approved some of my type expression. He said that I should make the H in heavy tob be bigger and make it full inside the box. The wave in my float doesn't really looks like wave because the lines looks messy. And for the sparkle, he said that it doesn't really expressing sparkle. So I decided to redo it. For the animation, I choose to express float. Mr.Vinod and Mr.Shamsul said that I've done a pretty good job on making the animation. They said the animation is pretty smooth and it represent float.
I showed Mr. Shamsul my four alignments and he said that the left alignment is really smooth, and the rest is okay.
Week 8
Mr. Vinod told me to create labels for all my modules this semester and it must be accessible from my landing page of my eportfolio. My hierarchy of information between headlines and sub headlines and text are mixed, it is very difficult to read. I used the "underscore" to create a divider line, which I should not do that. He also said that my final work image for the calligraphic submission has been over edited, the paper is not longer visible.
For my book, on my first attempt, Mr. Shamsul said that my cover was really nice. They also really like the last page of my book. But still, Mr. Vinod and Mr. Shamsul told me that my book doesn't have the consistency. Mr.Vinod told me to do the same thing for the other pages, using the same typeface. So I decided to redo it. The I ask for the feedbacks online through facebook messaging. And I'm glad that Mr. Vinod replied : Looks great. Well done.
REFLECTION
Experiences
Week 7
I've learned a new software named InDesign. It is quite difficult to use at first. But while doing the exercise and making the project, I started to get used to it. I learned that if there's too much leading and kerning, it will make the sentences difficult to read because it's out of place. And we should make the rivers look smooth.
Week 8
We continue on doing our first project. It was a hard experience because the pages of the book have to look consistent. At my first attempt, I feel kind of lost in expressing the sentences. That's why the pages aren't look consistent. But after receiving some feedbacks, I started to know what I should do and then started to redo it from the beginning. While working on the project I learnt lots of things.
Observations
Week 7
I realised that we had some difficulties in using InDesign. It is different with Photoshop and Illustrator. But, I know now that InDesign is a publishing software and it can be used to make books, magazines, newspaper, etc.
Week 8
It's hard to express sentences, because we have to understand the text first before we express it. We shouldn't express all the words in the sentence. Also, we have to plan well about what style of book we want to make, so the pages could have the same style and have the consistency. It is hard to decide the sizing and how do I place the expression, because we have to make it readable.
Findings
Week 7
I find that when making a typography book we should make it according to the audience or reader. It has to be readable for the reader. Choosing the types of alignment is important, we have to choose an alignment that looks easy on the eyes of the reader.
Week 8
We have to know when can we use some typeface. And also the amount of used fonts matters. Using one to three typeface is the right thing to do if we want to achieve consistency. Make sure the other two fonts have similarity with the primary font. Because we don't want to lose the overall uniformity. We don't want the reader to be distracted by the design, we want the reader to understand the book.
FURTHER READING
- Week 7
Figure 1.6 Book Cover
Type surrounds us at every moment of our waking hours - from the mundane line items on the bills we pay and the labels on our food to transcendent explosions of alphabetic experience in posters, on the Web, and on TV. We pass thousands of typographic messages every day, most of which we discard or fail to see at all.
There are many books about typography. This one is a guide for navigating through the mass of detail that makes up typographic from-the shapes of letters, the spaces between words, ligatures, rags, and grids-and bringing those pieces together to create a visual whole that is far more than the sum of mere parts. It differs from other books on the subject by focusing to a great degree on the relationship-optical and conceptual-between the crafting of typographic form and the meaning that from carries.
Figure 1.7 Serif Structures
This book helps us to learn letterform anatomy. For example the structure of the Serif font. Being able to recognise tiny differences between the forms helps designers understand what makes letters act a certain way. Sharper serifs lend different texture to lines of text than do slab serifs. At larger sizes, the smallest details in a letter are exaggerated.
- Week 8
Figure 1.8 Book Cover
This book is about the making of letters for specific purpose. Many graphic designers refer to all letters, including written, drawn and computer-generated letters, as 'typography'. This term tends to suggest the letters come from catalogues and only need be inserted into artwork before printing. But many designs require specially made letterforms to achieve the right effect.
Letterforms are the most important means of communications available to the graphic designer. They serve the essential function of conveying verbal information; they also carry emotional and aesthetic information that has an impact on how the verbal message is read; and they play a part in the design itself and must relate to the other elements of the composition.
Comments
Post a Comment