Advanced Typography Task 1

 Blogspot! :)

2024-04-22 - 2024-05-20 (Week 1 - Week 5)
Jolin Ceria [Student ID 0363784]
Bachelor of Design and Creative Media in Taylor's University
Advanced Typography

Lecture notes

Lecture 1 (04-22-2024) - AdTypo_1_Typographic Systems
Axial system: All elements are organized to the left or right of a single system

Fig 1.1 Axial System

Radial system: All elements extend from a point of focus

Fig 1.2 Radial System

Dilatational system: All elements extend from a central point in a circular fashion

Fig 1.3 Dilatational System

Random system: All elements do not have a specific pattern or relationship

Fig 1.4 Random System

Grid system: A system of vertical and horizontal divisions

Fig 1.5 Grid System

Transitional system: An informal system of layered branding

Fig 1.6 Transitional System

Bilateral system: All text is arranged symmetrically on a single axis

Fig 1.7 Bilateral System

Modular system: A series of non-objective elements that are constructed as standardized units

Fig 1.8 Modular System

Lecture 2 (04-29-2024) - AdTypo_2_Typographic Composition
  • The rule of thirds: A photographic guide that suggests that a frame can be divided into 9 units, with 3 columns and 3 rows, with intersecting lines that are used as a guide for points of interests. Although popular, there are more favorable options and the rule of thirds is not recommended. 
  • Typographic systems: Has already been explained above
  • Environmental grid: A system based on exploring existing structures by combining curves and lines to create new visual stimuli.
  • Form and Movement: A system based on exploring existing grid systems and working around it, and to dispel the seriousness of it's application
Lecture 3 (05-06-2024) - AdTypo_3_Context&Creativity
  • Early Greek (5th century B.C.E.): Initially drawn freehand without compasses, rules and no serifs. Over time, the strokes grew thicker, the aperture decreased, and serifs appeared.
  • Roman Uncials: By the 4th century, Roman letters became more rounded to increase efficiency
  • English Half Uncials (8th century): In England, the uncial style evolved into a slanted and condensed form.
  • Carolingian Minuscule: Introduced capitals at the beginning of sentences, spaces between words, and punctuation which eventually became the basis for Humanistic writing in the 15th century and eventually influenced our lowercase roman type.
  • Black Letter (12th-15th centuries): Characterized by tight spacing and condensed lettering, with evenly spaced verticals dominating the letterform. Book production costs were reduced this way.
  • Italian Renaissance: Newly rediscovered letterforms called Antica emerged. The Renaissance's focus on form analysis in art and architecture, resulted in more perfect and rationalized letters.
  • Indus Valley Civilization (IVC) script: The oldest undeciphered writing found in the Indian subcontinent (3500-2000 BCE). Appears to be somewhat logo-syllabic in nature.
  • Brahmi script: Developed in India after the Indus script. Served as the ancestor for modern Indian scripts and hundreds of scripts found in Southeast and East Asia.

Lecture 4 (05-13-2024) - AdTypo_4_Designing Type

There are five steps in designing type:

  1. Research
  2. Sketching
  3. Digitization
  4. Testing
  5. Deployment
Task exercises

Exercise 1 - Typographic systems

Fig 2.1 My attempts

Fig 2.2 My submissions (With grids)

Fig 2.3 My submissions (Without grids)

Fig 2.4 Axial system

Fig 2.5 Radial system

Fig 2.6 Dilatational system

Fig 2.7 Bilateral system

Fig 2.8 Transitional system

Fig 2.9 Random system

Fig 2.10 Grid system

Fig 2.11 Modular system

Exercise 2 - Type and play

Fig 2.12 Initial process

Fig 2.13 Initial poster

Fig 2.14 Process screenshot

Fig 2.15 Final extraction

Fig 2.16 Final poster

Feedback

Week 1:
  • Only edit this sheet with a computer
  • Be clear about your final submissions, make sure to separate them properly
  • 300 PPI 1024 x 1024
Week 2:
  • I was absent, so I couldn't get feedback

Week 3:
  • Keep in mind the proportionality of the letters
  • You should use a reference that represents the image
  • It shouldn't take that long to see where the extraction came from, make it's easy to identify the intended abstraction and there should be some sort of relationship between the image and the extraction and the focus isn't misdirected
  • Make sure the end result is not too rigid
Week 3:
  • Keep in mind the proportionality of the letters
  • You should use a reference that represents the image
  • It shouldn't take that long to see where the extraction came from, make it's easy to identify the intended abstraction and there should be some sort of relationship between the image and the extraction and the focus isn't misdirected
  • Make sure the end result is not too rigid

Week 4:
  • Letters should contrast with the background, but also should have some form of relation (?), or find some way to integrate the letters into the image for a better result
  • Make sure that additional text is lower in the hierarchy instead of the additional elements first
  • Be careful with using opacity in letterforms
  • Make sure to add additional information (Such as the director, actors, etc.)
  • Extractions can be done with fill shapes or just outlines
  • Letters should contrast with the background, but also should have some form of relation (?), or find some way to integrate the letters into the image for a better result
  • Make sure that additional text is lower in the hierarchy instead of the additional elements first
  • Be careful with using opacity in letterforms
  • Make sure to add additional information (Such as the director, actors, etc.)
  • Extractions can be done with fill or outline

Reflections

Task 1:
  • Experience: I did not manage to get proper feedback due to experiencing migraines, so I was just winging the assignment most of the time. It's a horrible idea never do that.
  • Observations: I noticed that I relied on color (Like a lot), and I should probably not do that as often; I also have a hard time making elements sort of "random"
  • Findings: Less can be more, you don't have to put too much.
Task 2:
  • Experience: Since I managed to get feedback this time, I had more to work with, and also had my own fun with putting my own crude humor with my actor names
  • Observations: I noticed that I still struggle with using too many elements as an attempt to try to include everything
  • Findings: I've been using the outline stroke tool more ever since I was told about it
Further Reading

Fig 3.1 Typographic Systems by Kimberly Elam

I realize that the reason why I had a hard time with the Random System in particular is that the human eye and brain are programmed to seek pattern, images and order; Scattering is a big part of the typographic system, and I have a pretty hard time doing that because I was thinking about where to place this and that element and such.

Comments

Post a Comment

Popular posts from this blog

Design Principles Task 1

Image
Design Principles Task 1 - Exploration 03.02.2025 - 21.02.2025 Week 1 - Week 3 Jolin Ceria (0363784) Bachelor of Design (Honors) in Creative Media Table of Contents Lecture Notes Instructions Task Principles Gestalt Theory Contrast Emphasis Balance Repetition Movement Harmony Symbol Words and images Exploration Feedback Reflection Lecture Notes Elements of Design: Point: Simplest element of design, used as a repetitive mark forms a line and will create two/three dimensional figures and forms as it moves in space Line:  Can be active or static, aggressive or passive, sensual or mechanical to indicate directions, define boundaries of shapes and spaces, imply volumes or solid masses, and suggest motion or emotion and can be used to depict qualities of light and shadow and to form patterns and textures by grouping them together. Shape: Refers to the expanse within the outline of two dimensional area or within the three dimensional  object. Form : A three dimensiona...
Read more

Design Principles Task 3

Image
  Design Principles Task 3 - Development and Design 03.03.2025 - 19.03.2025  Week 5 - Week 7 Jolin Ceria (0363784) Bachelor of Design (Honors) in Creative Media Table of Contents Lecture Notes Instructions Task Design Process Rationale Feedback Reflection Lecture Notes Lecture Notes from Task 1 Lecture Notes from Task 2 Instructions Task Fig 1.1  Departure of the Winged Ship Information Title: Departure of the Winged Ship Year: 2000 Artist: Vladimir Kush Size: 80” x 100” Medium: Oil on Canvas Online Source:  Here We were to make our own designs based on one of the designs in Task 2 from our own choosing and a 200-word rationale detailing our choices. Design Process Fig 1.2 Sketch I'm using (I decided to use this concept but I used a composition similar to my third sketch) Fig 1.3 Progress report - 03/10/2025 This was the image I had initially given to Mr. Vinod to critique; While I was absent for that particular class I managed to...
Read more

Design Principles Task 2

Image
Design Principles Task 2 - Visual Analysis 21.02.2025 - 07.03.2025  Week 3 - Week 5 Jolin Ceria (0363784) Bachelor of Design (Honors) in Creative Media Table of Contents Lecture Notes Instructions Task Visual Analysis Sketches Feedback Reflection Lecture Notes Visual Analysis is a method of understanding design that focuses on the visual elements and principles. Part of it's process involves describing and explaining a visual structure and recognize how a designer chooses to communicate their ideas and implement things in their design. It's an important part of developing one's visual literacy, as it trains your ability to read and critically interpret images. There are three main steps in visual analysis: To observe  by closely looking and identifying the visual elements in a design and describing them in your own words, preferably without prior information about the design beforehand. Observing a design without prior information will help you look, think, and find goo...
Read more