Typography Task 2 - Typographic Exploration & Communication (Text Formatting and Expression)

on


4/5/2021 - 11/5/2021 (Week 6 - Week 7)
Liew Li Wei 0338076
Bachelor of Mass Communication (Hons) Digital Media Production
Typography (Minor)
Task - Typographic Exploration & Communication (Text Formatting and Expression)

LECTURES

Week 6: Screen & Print

Different Medium

In the past, typography was viewed as living only when it reached paper.
Now, typography exist not only on paper but on a multitude of screens. 

Print Type vs Screen Type

  • Type for Print:
    • Intended for reading from print long before screen.
    • Designer need to make sure the text is smooth, flowing and pleasant to read.
    • Caslon, Garamond, Baskerville - good typeface and the most common typeface used in print because of their elegant and intellectual characteristics which lead to highly readable when set to small font size.
  • Type for Screen:
    • Intended for use on the web 
    • Optimized and often modified to enhance readability and performance onscreen
    • E.g. Taller x-height, wider letterforms, more open counters, heavier thin strokes, etc.
    • Verdana, Georgia - typefaces designed specifically for screen use
    • Important adjustment - smaller sizes, more open spacing
    • These factors serve to improve character recognition and overall readability
  • Hyperactive Link / Hyperlink
    • Word, phrase or image that allow you jump to a new document or section within the current document once you clicked it
    • Normally blue and underlined by default
  • Font Size for Screen
    • 16-pixel on a screen is same as text printed in a book or magazine
    • 20-24 point size is good enough for screen reading
  • Pixel Differential Between Devices

Static vs Motion

  • Static typography 
    • Has minimal characteristic in expressing words.
    • Traditional characteristics such as bold and italic offer only a fraction of the expressive potential of dynamic properties
  • Motion typography
    • Allow typographer to "dramatize" type
    • Film title credits present typographic information, bringing it to life through animation
    • Often overlaid onto music videos and advertisements
    • Often set in motion following the rhythm of a soundtrack

Week 7: -

(all lectures videos are watched from week 1-6)

Week 1-5: 
https://liewstypography.blogspot.com/2021/04/typography-task-1-exercises.html




INSTRUCTIONS

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

Week 6:

Figure 1: Title draft for task 2 on week 6


Week 7:

Figure 2: Title draft for task 2 on week 7

Figure 3: Draft for task 2 on week 7



Figure 4: Draft for task 2 on week 7


Figure 5:Task 2 Final Outcome


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




FEEDBACKS

Week 6:

General Feedback:
Idea is not clear enough

Specific Feedback:
Play along with the layout and choose a word in the heading to focus on.

Week 7:

General Feedback:
The idea of the layout is still not clear enough and the word is not expressed.

Specific Feedback:
Try not to separate the page into half, this will make the layout to be static.




REFLECTIONS

Week 6:

Experience:
We were given time to work on task 2 but I had difficulties in producing ideas for task 2 layout. Therefore, unlike other people, I produced only a headline.

Observations:
All the classmates are able to generate ideas for their task 2 and product a few design in such short time.

Findings:
Having a good layout with a clear idea on it is harder than I expect.

Week 7:

Experience:
We started our class by introducing Mr. Vinod some music, then Mr. Vinod and Encik Shamsul brief us on the Task 3A which require us to create a font of our own.

Observations:
Creating a font is harder than I think as there are a lot of minor details that we need to pay attention to.

Findings:
Different type of fonts are designed for different purpose. Therefore, have a clear purpose and do tons of research before you design a font.




FURTHER READINGS



Basics of Design: Layout and Typography for Beginners demystifies the design process with straightforward and complete explanations of the fundamental principles that create first-rate visual design. Readers learn essential design terminology and develop their knowledge and skills through visual examples and hands-on activities that reinforce page layout and typography concepts. Side-by-side critiques of before-and-after page layouts help readers understand how to apply design principles to their own efforts and point the way to excellence in design.




This book offers a broad range of design solutions. Once essential visual organization systems are understood the designer can fluidly organize words or images within a structure, combination of structures, or a variation of a structure.




Comments

Post a Comment