Typography Task02/ Typographic Exploration & Communication

Print type usually uses the typefaces: Print-Caslon, Garamond, Baskerville
Screen type are usually uses type faces that have a taller X-Height, wider letterforms, more open counters, heavy thin strokes and serif, reduced stroke contrast, as well as modified curves and angles for some designs.
Hyperlinks something you click on to jump to a new document/ section within current document
Font sizes for Screen 16 pixel text on screen is the same text size as text printed in a book or magazine; this is accounting for reading distance.
System fonts for screen Window base devices may have one group of its own pre-installed font selection, while macOS pulls from another as well as googles own android system uses their own.
Web safe fonts appear across all operating systems such as: Open sans, Lato, Arial, Helvetica, Times New Roman, Times, Courier New, Courier, Verdana, Georgina, Palatino, Garamond.
Pixel Differential between devices Even within a single device class, there will be a lot of variation.

Figure 1.3

Static vs Motion 30/10/23

Week 7 (6/11/23): No Lecture Video

For previous lectures: refer to TASK 1 LECTURES

Back to the top

INSTRUCTIONS

Figure 1.4

module information booklet 30/10/23

using what we have learned in task 1 exercise 1 and 2, we have to create a 2 page editorial spread (200mm x 200mm). We may create the headline in Illustrator if needed, however the final design will be in InDesign.

Task 2: Typographic Exploration & Communication

Research:

Figure 1.5

Research 30/10/23

Sketches:

Figure 1.6

idea sketches (1) 30/10/23

Figure 1.7

idea sketches (2) 30/10/23

Digitalized Ideas:

Figure 1.8

Idea Digitalization (1) 31/10/23

Figure 1.9

Idea Digitalization (Layout)(1) 31/10/23

Figure 2.1

Idea Digitalization (2) 31/10/23

Figure 2.2

idea digitalization (3) 2/11/23

Figure 2.3

Idea Digitalization (layout)(3) 2/11/23

FINAL DESIGN

HEAD

Font/s : Gill sans std, Bold Futura std, Univers LT Std 47 light condensed

Type Size/s : Gill sans: 215pt, futura std: 114pt, 99pt, 84pt, Univers lt std:111pt

BODY

Font : Serifa Std

Type size : 10 pt

Leading 12,5 pt

Paragraph spacing : 4.41mm

Character per-line : 61

Alignment : Left align

Margins : 10 mm top + 10 mm right + 10 mm left + 10 mm bottom

Columns : 2

Glutter : 5 mm

Without Guilds & Grids

JPEG:

Figure 2.4

Final Designs / Layout (edited from idea digitalization 2) in jpeg without Grid 06/11/23

Figure 2.5

Final Design / Layout (edited from idea digitalization 2(layout)) in jpeg without Grid 06/11/23

PDF:

Figure 2.6

Final Design / Layout (edited from idea digitalization 2(rectangle)) in PDF without Grid 06/11/23

With Guilds & Grid:

JPEG:

Figure 2.7

Final Designs / Layout (edited from idea digitalization 2) in jpeg with Grid 06/11/23

Figure 2.8

Final Design / Layout (edited from idea digitalization 2(layout)) in jpeg with Grid 06/11/23

PDF:

Figure 2.9

Final Design / Layout (edited from idea digitalization 2(rectangle)) in PDF with Grid 06/11/23

Back to the top

FEEDBACK

Week 6 (30/10/23):

Specific Feedback: utilize the space and find ways to align the body text to the headline. find more ways to align the texts General Feedback: best to have the head at the left hand cause we read from left to right. big impact on the head. always look at *alignment* points. occupy the space provided with the head. only express one specific word, expression must be obvious in what their expressing. your headline has to be meaningful. do not use italics or bold for bodies of text, makes it hard to read. do not use too many graphical elements. no orphans. leading : +2.5 to 3.5. Body has to look like an even gray. e-portfolio: must have thorough explanations.

Week 7 (6/11/23):

Specific Feedback: layout alignment, use left better, black line too much/ take too much focus. the design leads ' miscommunication', better to change the design.

General Feedback: e-portfolio- highlight topics / make final design bigger than everything else/ add dates/ submission task 2- pdf and jpeg/ add jumplinks/ change background colour so can see the outline of your work.

task2: make sure you know the reference point and understand the design point/ point of the reference, 'communicate clearly'/ body text has to be consistent.

Back to the top

REFLECTION

Experience

This Task was a good learning experience because i was able to learn how to combine my headline designs to my layouts to make it look united. i have learned how different alignments can indicate different parts of the story or the body texts.

Observations

I observed that all my body texts had to be aligned to something to make it look better as well as make it easier for my audience to read. i also observed that the main word used for the expression should stand out more for people to understand the expression that i am trying to show.

Findings

i find that i should think about my layout all together with the headline design because i needed to make sure that i could find a way to align them. i also should avoid using center alignment for body text as it is misleading to the audience and using left alignment would be the best option.

Back to the top

Search This Blog

Isabel Tan Xen Wern (0355602)