TYPOGRAPHY / TASK 2: TYPOGRAPHIC EXPLORATION AND COMMUNICATION

╎Week 06 - Week 08

╎Gwendalyn Firly Bong / 0374580

╎Bachelor of Design (Honours) in Creative Media

╎Task 2 - Typographic Exploration and Communication

I. Lectures

II. Instructions

III. Process Work

IV. Feedback

V. Reflection

VI. Further Reading

I. LECTURES

Refer to TYPOGRAPHY - TASK 1: EXERCISES

II. INSTRUCTIONS

III. PROCESS WORK

Research

I decided to focus on the word "Bauhaus", since it was most emphasized compared to the other words in the title.

According to Google, this is the "Bauhaus" style.

Figure 1: Google Definition of Bauhaus

So basically: simple, geometric shapes and clean.

Figure 2: Ideas from Pinterest

After researching, I came up with 5 sketches.

Ideation

Figure 3.1: Initial Sketch

After submitting these sketches to Mr Max, he suggested several adjustments.

No adjustments
Keep the concept, just change the layout
Rejected
Keep the "Bauhaus" text and delete the "Modern", and change the layout a bit
Change the layout of the text "Culture"

Overall, He suggested that the title should be in a more boxy shape. After following his advice, here are the results.

Figure 3.2: Updated Sketch

After getting the final approval, I started working on digitizing the titles. However, upon attempting to digitize them, I encountered some issues. Since my sketch's dimensions aren't very accurate, I had problems fitting the smaller text in some areas. After lots of trial and error, I settled with these.

Figure 4: Digitized Titles

Afterward, I began working on the layout of the text using Indesign.

Figure 5.1: First Draft

Figure 5.2: First Draft

Figure 5.3: First Draft

Figure 5.4: First Draft

Figure 5.5: First Draft

Figure 5.6: First Draft

After the final consultation with Mr Max and several adjustments, he selected 2 options for my final work.

Figure 6.1: Option 1

Figure 6.2: Option 2

I ended up deciding on option 2 as my final work.

Final Work

Figure 7: All Final Layouts

Figure 8: All Blocked Final Layouts

Figure 9.1: Final Chosen Work (without grids)

Figure 9.2: Final Chosen Work (without grids)

<iframe src="https://drive.google.com/file/d/1ycMXnvIHSvWlnWVe6DujLVDoKlRCFnl1/preview" width="640" height="480" allow="autoplay"></iframe>

Figure 10.1: Final Chosen Work (with grids)

Figure 10.2: Final Chosen Work (with grids)

Page Formats

Margin: top, bottom, left, right 10mm

Columns: 2

Gutters: 5mm

Head & Head-ins

Typeface: Futura Std

Font (head-in): Futura Std Light Condensed

Body

Font: Futura Std book

Type size: 14 pt

Leading: 15 pt

Paragraph spacing:

Characters per-line range: 32-42

Alignment: Left justified

IV. FEEDBACK

Week 6

General Feedback: Briefing on Task 2 by Mr Max.

Week 7

General Feedback: Mr Max reviewed our sketches and chose the final 4.

Specific Feedback: Mr Max approved my sketches, but he suggested several changes like changing a bit of the layout. (refer to the process for a more detailed explanation)

Week 8

General Feedback: Independent learning week.

Specific Feedback: After consulting with Mr Max online, he chose the final layout for me.

V. REFLECTION

Experience

Overall, I had fun experimenting with Illustrator and Indesign. However, I had a lot of problems digitizing the sketch since the dimensions were kind of different, and I got confused while trying to figure out the layout for the body text; I didn't know whether to follow the margins or if the text/title could pass over to the next page. After re-reading the task description, I discovered this task is called an editorial spread. After further research, I realized it is a book/magazine. I then decided to follow the set margins since it helped to make sure that the text would be completely visible, even when it was nearing the book spine.

Observations

Although I had solid ideas while trying to sketch out the titles, I found it difficult to digitize them.

Findings

Through this task, I found ways to work more efficiently using both the software. I also found out that these software can be used together to create a final product.

VI. FURTHER READING

Figure 11: "I.D.E.A.S." by David Creamer

In summary, this book talks gives us the basic theory of creating typography digitally. It introduces to us font categories, sizes, word spacing, special glyphs, line spacing, alignment, and many more.

Font Categories

Serif - The most common text/font and works well for headlines. Considered to be the easiest fonts to read.
Sans Serif - Usually has an overall stroke weight, which creates contrast. They tend to look more modern but may be harder to read compared to Serif fonts.
Mono-Spaced - More proportionally spaced. Usually typewriter style fonts.
Display - Decorative fonts designed to be attention-grabbing. Rarely used as body fonts.
Script - Mimics handwriting, and are more traditional fonts often used for invitations.
Text - Based on old hand drawn letters for religious books. Usually used for certificates and diplomas.
Dingbats - Symbols that are like small pieces of art. Often used to enhance the design of a page/text.

Search This Blog

Gwendalyn Firly Bong (0374580)

TYPOGRAPHY / TASK 2: TYPOGRAPHIC EXPLORATION AND COMMUNICATION