TYPOGRAPHY / TASK 2 : TYPOGRAPHIC EXPLORATION AND COMMUNICATION

 23.10.2023 - 12.11.2023

Graciella Limpah / 0364517 
Typography / Bachelor of Design (Honours) in Creative Media / Taylors University
Task 2


JUMP LINKS


LECTURES


on task 1


INSTRUCTIONS



Task 2 
Research
Before starting to do this task, I did some research to help me know better about what should we do in this task. After that, I choose which text and headline I want to do for this task, then I begin sketching my idea.
fig 1.1 references
Among the three text given, the one I find is the most interesting text is the bauhaus one. Before that, I research what bauhaus is. The Bauhaus is a German artistic movement which lasted from 1919-1933. Its goal was to merge all artistic mediums into one unified approach, that of combining an individual's artistry with mass production and function. Bauhaus design is often abstract, angular, and geometric with little ornamentation.
fig 1.2 Bauhaus design


Sketches
Firstly, I begin to sketch the heading.
fig 1.3 Sketches [23/10/2023]



After that, I try to digitalize with illustrator.

fig 1.4 Digitalization [23/10/2023]


I am happy with the result, so I continue to text formatting. First, I try to make different layout from the text provided before putting in the headings.

fig 1.5 Layouts with text [24/10/2023]


fig 1.6 Layouts with box [24/10/2023]

From the four choices, this one is my favorite
fig 1.7 layout 3 [24/10/2023]

After receiving feedback from Mr.Vinod, I finalize my layout design
fig 1.8 Final Layout screenshot [06/11/2023]

fig 1.9 finalize layout [30/10/2023]


Final Text Formatting
HEAD
Font/s : Futura, Gill Sans
Type Size/s : 100, 23

BODY
Font : Gill Sans Std
Type size : 10 pt
Leading 12,5 pt
Paragraph spacing : 12,5 pt
Character per-line : 44
Alignment : Left align

Margins : 5 mm top + 5 mm right + 5 mm left + 5 mm bottom
Columns : 3
Glutter : 5 mm
fig 2.1 Final Layout (jpeg) [30/10/2023]



fig 2.2 Final Layout (pdf) [30/10/2023]

fig 2.3 Final Layout with grid visible (jpeg) [30/10/2023]


fig 2.4 Final Layout with grid visible (pdf) [30/10/2023]



FEEDBACKS

Week 6 :
General Feedback : Alignment is crucial in format making, need to use both Illustrator and Indesign. Line length and font size need to be right. 
Specific Feedback : Font size need to be smaller, because the heading is big, it can be place across the first page. Align the line beside the letter H to the first sentence. 

Week 7 :
General Feedback :  Need to be consistent of the line length. Don't only look at references without knowing what it means
Specific Feedback : Nice work.


REFLECTION

Experience
Throughout this task, I feel really challenged to combine Indesign and Illustration into a page. To visualize word is quite hard for me if I didn't look at the reference first. Although it is a quite challenging task, but I found out that this task really boost the creative side of me. I really enjoy doing this task.

Observations
Looking through everyone else's work, I observe that there are lots of ways to visualize a word. Some of them are quite similar, too, but most of them are really out of the box. Some of them even visualize different words from a title.

Findings
From task 2, I know that if we want to do layouts with graphical title, we need to really look through the size of the title and the body text. The placement of the title is also important. We need to make reader read the title first before reading anything else. So, we need to make our title eye catching. Another thing I found is we really need to do research before doing this task. 


FURTHER READING

fig 3.1 Typographic Design : Form and Communication

I decided to continue reading this book since I have started it from the beginning of class.
fig 3.2 Multicolumn grid (pg.74-75)

To help me with task 2, I decided to read about multicolumn grids since in this task, I have a lot of column to deal with. 
When working with multicolumn grids, it is essential to balance three interdependent variables. These are type size, line length, and interline spacing (leading). An adjustment to any one of these aspects will most likely require an adjustment to the others. Changing the size of type, for example, will probably create a need to adjust the line length. Since the typographic space is divided horizontally into columns of varying widths, it is possible to control these variables while also creating a rhythmic visual field. In the normative sense, column intervals separating text columns are adjusted to enable the eye to flow logically from one column to the next without confusion about reading direction.

fig 3.3 Typographic space (pg.96-97)

Typographic space is the rhythmic and dimensional field in which typographic communication exists. This field consists of positive form (the typographic elements) and void (the spatial ground) upon which elements are arranged. Unity within the spaces achieve by visual compensation, the spatial balance and arrangement of typographic elements. Visual compensation is achieved by balancing elements against each other, adjusting their sizes, weights, spatial intervals, and other visual properties until unity and equilibrium are achieved.

fig 3.4 Visual Hierarchy (pg.104 -105)

A visual hierarchy is an arrangement of elements in a graduated series, from the most prominent to the least prominent, in an area of typographic space. When establishing a visual hierarchy, a designer carefully considers the relative importance of each element in the message, the nature of the reader, the environment in which the communication will be read, and the need to create a cohesive arrangement of forms within the typographic space. When creating a visual hierarchy in typographic space, a designer balances the need for harmony, which unifies a design, with the need for contrast, which lends vitality and emphasis. As in music, elements can have a counterpart or a counterpoint relationship. Typographic counterparts are elements with similar qualities that bring harmony to their spatial relationship.



QUICK LINK



Comments

Popular posts from this blog

Publishing Design

Information Design - Exercises

Creative Brand Strategy - Project 1