ADVANCED TYPOGRAPHY - PROJECT 1
24/09/18 - 1/10/18 (Week 5 - Week 7)
Linda Oktaviani ( 0333152)
Advanced Typography
Project 1: Typosexual Typographic Exhibition - Title and Key Artwork
___________________________________
LECTURE NOTES
24/09/18 (Week 5)
This week we got different topics for each group to do a presentation about the history of Typefaces. For my group, I have to give lectures about Pictograms- Charlamagne. Before giving a lecture we have to make sure that we understand what we are going to present. We were talking about Pictograph and Ideograph, Hieroglyphics & Phoenicians, Greeks, Romans, and Charlemagne.
Basically, Pictograph and Ideograph are similar. where Pictograph is more minimal and ideograph more complex. Hieroglyphics means writing system and is used in 3 ways which are phonetic, determinative and logograms. roman is one of the three main kinds of historical type, alongside blackletter and italic. last but not least we were talking about Charlamange. Charlamange is a typical titling typeface and is best used in large and very large point sizes to emphasize its classical elegance.
There are two types of Charlemagne which are Regular and Bold. Moreover, we got a lecutrer from another group about the history of typography from Gutenberg to the present day and also typographers and inspiration.
01/10/18 (Week 6)
This week we learn about designing a typeface from today lecture. There are two topics which are thinking before drawing and anatomy of type. we got to learn that there are some parts that we have to do before drawing. Next lectures, was about the anatomy of types. Typeface anatomy describes the graphic elements that make up printed letters in a typeface. we also learned so much about constraction of components.
________________________________________________________________________________
INSTRUCTION
24/09/18 (Week 5)
In this week's class, we were given our first project of this module. the title for our project is Typosexual Typographic Exhibition and we are required to combine it with visual elements. We can only use black and white color on the form and a maximum of two colors can be used in our designs later on for this project.
1.1 Composition #1
1.2 Composition #2
1.3 Composition #3
1.4 Composition #4
01/10/18 (Week 6)
This week, I got to show Mr. Vinod and Mr. Shamsul but then my work is not presenting very well and also the intimacy needs to be captured in artwork so I have to work more. So, I got the idea to add an element from my exercises part 2 and add a picture to create the keyframe.
1.5 Composition #5
1.6 Composition #6
1.7 Composition #7
1.8 Process in Adobe Photoshop use grid
1.7 Composition #8
1.7 Composition #9 Final Piece (B&W)
_________________________________________________________________________________
FEEDBACK
24/09/18 (Week 5)
General Feedback: It's ok to be nervous but while we are doing presentation try to explain based on our understanding not just reading the slides.
Specific feedback: Try to see other people work and I have to make lines first before finding the letters for my first part exercise.
01/10/18 (Week 6)
General Feedback: we are not reading mib. because most of us not presenting very well
intimacy need to be captured in the artwork. in addition, when we creating artwork it’s important to remember three things which are type, designer, intimacy and it must be evidence
Specific Feedback: I was a misunderstanding about my first project because it’s not really working. because it looks kinda square-ish so I have to redo it.
While I I revise my artwork mr. Shamsul said that’s ok but then I have to think where to put the word “Sexual”. Mr.Vinodd also said that my artwork already good and almost there. in another word I have to reformat the word “sexual”. further, it will be great if I change the background color and use the picture with women and a boy.
08/10/18 (Week 7)
General feedback: for our first project we have to use adobe illustration so we can scale it later. Specific Feedback: for my first project i used pink color for the background, Mr. vinod said the color too bright so the compotition kind of lack readability, i have to use illustration not adobe photoshop.
_________________________________________________________________________________
REFLECTION
EXPERIENCE
24/09/18 (Week 5)
I got to learn how to I got experienced how to combine 2 elements like images and text correctly. Further, I also did some research for my reference.
01/10/18 (Week 6)
Its kinda hard for me to find a picture that I wanted and also this week explored how to create a composition with intimacy between the text and picture.
08/10/18 (Week 7)
Its kinda hard for me to find a picture that I wanted and also this week explored how to create a composition with intimacy between the text and picture.
08/10/18 (Week 7)
I try to print out my keyframe and finalize it so I can continue my second project.
OBSERVATION
24/09/18 (Week 5)
I observed that this project would be more difficult for me and maybe also my friends than for the previous one where we would add images in our keyframe.
01/10/18 (Week 6)
Our first project is a bit struggling where we have to combine 2 elements into one but there must be intimacy between the two so that the composition of our task looks good.
08/10/18 (Week 7)
This project allowed us to use 2 colors in addition to black and white, but we also have to be careful in choosing colors because that can affect the composition of the artwork
FINDINGS
24/09/18 (Week 5)
I found that it was important for me to make a reference first before doing the project so I got some good ideas for me
01/10/18 (Week 6)
08/10/18 (Week 7)
even though it's kinda hard to get the final outcome for this project, I find that my key frame look is more like a magazine but I really like it at the end
_____________________________________________________________________________
FURTHER READING
FURTHER READING
24/09/18 (Week 5)
Typography Essensial : 100 design principles for working in type.
2.1 Book cover
This book is intended to advance the progress of the knowledge of typography that can add knowledge so that the process becomes more fun and entertaining. The principles are divided into four sections: The Letter, The Word, The Paragraph, and The Page. There are a lot of things that we need to notice for each principle.
The Letter: Using counter spaces as a form.
Their shapes can be customized using color, pattern, or texture. The “bulk” of the counter spaces adds to the weight of the display and can provide a unique and memorable effect.
2.2 Using counter spaces as a form
The Word: Hierarchy using size
Size is a very important indicator of hierarchy. A major shift in size can trump position if the point size is big enough. But point size is only one factor; another is weight (see following principle).
2.3 Hierarchy using size
The Paragraph: Letter spacing and word spacing
the relationship between the width of letters and the word spaces required for the eye to distinguish the end of one word from the beginning of the next; the narrower the letterform, the less space the eye requires. Columns of a type that are set justified will have uneven word spacing in order to accomplish the alignment; good typesetting will minimize that disparity as much as possible. as we learn before its important to always use grid so everything aligned very well.
2.4 Letter spacing and word spacing
The Page : Legibility, Legibility, Legibility
Its not just about creating good artwork but the legibility it’s important in typography.
type exists to serve content, so its primary goal should be the ability to invite the reader to apprehend the content. Many factors can affect legibility, and the combi-nation of factors also has an effect on legibility.
2.5 Legability, Legability, Legability
01/10/18 (Week 6)
Design Elements Typography Fundamentals: A Graphic Style Manual for Understanding How Typography Affects Design
2.6 Book cover
This book gives a knowledge about the language of type and typesetting methods and the content focuses on guiding, well-founded principles that endure. There is 5 chapter in this book which is Type in context, Essential elements. In typefaces, Typesetting factors and Structure. In chapter Structure, the book explores about grid system. Grid systems are vertical and horizontal divisions of space that structure compositions. They offer multiple positions and sizing options for typographic elements. Further, Alignment fosters harmony.
2.7 Basic Grid Anatomy
Margin :
Margins define the active compositional area where typographic elements dwell.
Columns:
Columns are vertical guides that split space into segments.
Gutters:
Gutters are thin channels of white space that separate columns and rows.
Flowlines:
Flowlines (hang lines) are limited horizontal guides that indicate where key elements rise or hang.
Modules:
Modules are active spaces occupied by elements and white space, which fill single modules or cross many.



















Comments
Post a Comment