Typography - Task 2: Typographic Exploration and Communication
2/5/2023 - 28/5/2023 (Week 5 - Week 8)
Katelyn Tan Kye Ling (0354148)
Bachelor Of Design In Creative Media (Typography)
Task 2: Typographic Exploration and Communication
LECTURES
WEEK 5 - Lecture 4 (2/5/2023)
As usual, we started off the class by posting our assignment(Text Formatting Exercise) in a post on Facebook to get feedbacks from Mr. Vinod. After receiving our feedback, we were given some time to fix our work and ask Mr. Vinod any questions or to re-check our work if needed. Lastly, Mr. Vinod introduced our next task. He gave us the instructions and also examples.
WEEK 6 - Lecture 6 (9/5/2023)
As usual, we had our feedback session first. After Mr. Vinod gave us our feedback, he gave us time to work on our layouts.
WEEK 7 - Lecture 7 (16/5/2023)
We first posted up our task 2 work in Facebook for the record. Mr. Vinod then proceeded to introduce our third and final task to us. Lastly, he gave us an exercises relating to task 3. It was to use 5 different pen tools to write strokes and letters.
Fig. 1.1 In Class Exercise (16/5/2023)
INSTRUCTIONS
For Task 2, we have to create a 2-page editorial spread (200 x 200) with the provided texts. No images or colour, but minor graphical elements, i.e. line, shade, etc. might be allowed. We are to use Adobe InDesign to typographically compose and express the text, and Adobe Illustrator for the headline expression is allowed.
INSPIRATIONS
Fig. 2.1 Inspiration Of Bauhaus Headlines & Text Layout
1. Sketches
Headline Sketches
Fig. 2.2 Headline Sketches (4/5/2023)
2. Layouts
Attempt 1
I played around with the layouts and got some inspiration from Pinterest as well. I came out with 3 layouts in total.
Fig. 2.3 Layout #1 (6/5/2023)
Fig. 2.4 Layout #2 (6/5/2023)
Attempt 2
I altered some things like the colour of the background, font, and of course the title which I initially did wrongly. I also discarded layout #3 and made another one.
Fig. 2.6 Layout #1 (14/5/2023)
Fig. 2.7 Layout #2 (14/5/2023)
FINAL LAYOUT
I ended up choosing layout #1 as my final. I shifted the last paragraph to the first page as it was something more important to note on and I wanted people to look at that first. It also helped make the second page neater and balanced out the paragraphs on page 2. Lastly, I arranged to lines to make it look neater and more aligned.
Fig. 2.9 Final Layout JPG (24/6/2023)
Fig. 2.10 Final Layout PDF (24/6/2023)
Fig. 2.11 Final Layout With Grids JPG (24/6/2023)
Fig. 2.12 Final Layout With Grids PDF (24/6/2023)
FEEDBACK
WEEK 6 - Typographic Exploration and Communication
General Feedback: The headline is wrong. Expression is alright for layout #1, has the bauhaus vibes. Layout #3 doesn't really express much.
Specific Feedback: The headline for layout #1 is too small in comparison with the body text on the right side of the page. The white words in the headline are not in line with the black strokes. The lines on the right is not related in any way to the headline expression, therefore is something extra. Layout #2 & #3 is acceptable but once again headline is wrong.
WEEK 7 - Typographic Exploration and Communication
General Feedback: Layout #2 & #3 have some alterations that are needed to be done.
Specific Feedback: Layout #2’s headline doesn’t really have a flow. Readers might take time to read the headline and are not sure which word comes first and comes next. Layout #3 uses too much graphical elements.
General Feedback: Layout #2 & #3 have some alterations that are needed to be done.
Specific Feedback: Layout #2’s headline doesn’t really have a flow. Readers might take time to read the headline and are not sure which word comes first and comes next. Layout #3 uses too much graphical elements.
REFLECTION
EXPERIENCE
This task was quite challenging for me as there was a headline to design and also we were not allowed to use too much graphical elements. It took me quite a few attempts and many different designs but quite a few of them were rejected. Overall, I think it was a good experience as I learnt a lot more about the rules of text formatting.
OBSERVATION
I noticed that how big or small the elements in the layout matters as it can make a layout look good or worse. I also noticed how important white space can be as it either lets the layout "breath" and "flow" well or "suffocate" it.
FINDINGS
I found out that when my headline was too small it will make the headline itself and the text not balanced, therefore size of elements matter. I also learned that text or headlines are preferably not suggested to be placed in the middle as it might lead to misalignment.
FURTHER READING
A Type Primer by Kate John
Fig. 3.1 A Type Primer 2nd Ed by John Kate
TEXT
1. Placing Text On A Page
Fig. 3.2 Ideal Layout
Just as the golden section can be seen as one ideal of proportion, there is also an ideal layout based on the golden section. Shown above, this layout has been considered an ideal since the creation of illuminated books in the Middle Ages.
Rules for this layout:
- The height of the text field equals the width of the full page.
- The placement of the text field is determined by the diagonals that describe both the page and the field.
- The margins at the gutter of the spread (along the spine of the book) define 1 unit of measure. The margin at the top of the page equals 1.5 units. The margins to the outside of the page equal 2 units. And the margin at the bottom equals 3 units.
*Part of what makes this layout appealing is the tension created by the different margins. Text occupies approximately 40% of the page area.
The Vignelli Canon
Fig. 3.3 The Vignelli Canon
PART TWO THE TANGIBLES
1. White Space
- The author says that the white space is more important than the black of the type. The white space on the printed page is the correspondent of space in architecture. In both situations spcae is what qualifies the context.
- White space, not only separates the different parts of the message but helps to position the message in the context of the page.
- Designed for beginning design and typography students, this text assists students in understanding and demonstrating the basic principles of typography. Decreasing or increasing the letter spacing (kearning) confers very distinctive character and expression to the words. All this is space manipulation and it is this device that is used in layouts to achieve a desired expression.
- For many artists white space is the essential element of the composition. It is the fundamental qualifier and protagonist of the image. Almost all the great American graphic designers have used white space as the significant silence to better hear their message loud and clear.
Fig. 3.4 Example of Use of White Space
Comments
Post a Comment