ADVANCED TYPOGRAPHY / TASK 3 : TYPE EXPLORATION AND APPLICATION
06.06.2022 - 27.06.2022 (Week 10 - Week 14)
Muhammad Azka Farezi Septenal / 0351345 / Bachelor of Design (hons) in
Cretive Media
Advanced Typography
Task 3: Type Exploration and Application
JUMP LINK :
Lecture :
Exercises :
LECTURES
WEEK 10 : LECTURE 3
Advanced Typography : Perception and Organization
Perception is "the way in which something is regarded, understood, or
interpreted". So, is perception what you see --and therefore understand--
or what you are manipulated into seeing and understanding?
Perception in typography deals with the visual navigation and
interpretation of the reader via contrast, form and organization on the
content. Content can be textual, visual, graphical or in the form of
color. However our focus today is in typography.
So how does contrast work? and what does form entail?
- Contrast
Carl Dair on the other hand adds a two more principles into the mix;
texture and direction "yo make design work and meaning pop out --
clearly and unambiguously, and with flair." via the use of contrast in
typography.
Figure 0.1 Contrast
- Contrast / Weight
Weight describes how bold type can stand out in the middle of lighter
type of the same style. Other than then using bold, using rules, spot,
squares is also provide a "heavy area" for a powerful point of visual
attraction or emphasis, therefore not only types of varying weight.
Figure 0.2 Contrast/Weight
- Contrast / Form
Contrast of form is the distinction between a capital letter and its
lowercase equivalent, or a roman letter and its italic variant,
condensed and expanded versions of typeface are also included under
the contrast of form.
Figure 0.3 Contrast/Form
- Contrast / Structure
Structure means the different letterforms of different kinds of
typefaces. For example, a monoline sans serif and a traditional serif,
or an italic and blackletter.
Figure 0.4 Contrast/Structure
- Contrast / Texture
By putting together the contrast of size, weight, form, and structure,
and applying a block of text on a page, you come to the contrast of
texture. Texture refers to the lines of type look as a whole up close
and from a distance. This depends partly on the letterforms themselves
and partly on how they're arranged.
- Contrast / Direction
Contrast of direction is the opposition between vertical and
horizontal, and the angles in between. Turning one word on its side
can have a dramatic effect on layout. Text blocks also have their
vertical or horizontal aspects of direction. Mixing wide blocks of
long lines with tall columns of short line can also create contrast.
- Contrast / Colour
The use of color is suggested that a second color is often less
emphatic in values than plain black on white. Therefore it is
important to give thought to which element needs to be emphasized and
to pay attention to the tonal values of the colors that are used.
Figure 0.5 Contrast/Color
- Form
For refers to the overall look and feel of the elements that make up
the typographic composition. It is the part that plays a role in
visual impact and first impressions. A good form in typography tends
to be visually intriguing to the eye; it leads the eye from point to
point, in entertains the mind and is most often memorable.
Figure 0.6 Form
- Organisation / Gestalt
Gestalt is a German word meaning the way a thing has been "placed"
or "put together". Gestalt psychology is an attempt to understand
the laws behind the ability to acquire and maintain meaningful
perceptions.
Figure 0.7 Organisation/Gestalt
INSTRUCTION :
EXERCISES :
TASK 3 : TYPE EXPLORATION
The final assignment will require us to identify and solve a problem
using our own letterform. Additionally, we will need to investigate
our own letterform, with the application of our letterform serving as
the central focus of this assignment.
- IDEA PROPOSAL
Figure 1.0 Idea Proposal (29/05/2022)
We were tasked with generating a variety of problems and solutions, which
will be discussed during our lecture (Mr Vinod). Mr. Vinod and I both favor
utilizing and exploring the first option further.
- RESEARCH
I searched Pinterest and Behance for references and ideas to assist me in
advancing my understanding of this assignment. I found a lot of cool
inspiration for this final project, and it helped me to utilise Phil
Bains' letterform further to complete it. I learned how to create a less
more readable font by examining these references and concepts.
Figure 1.1 References and Ideas (29/05/2022)
As stated previously, by examining these references, I was able to gain
a deeper understanding of this letterform and create a less illegible
letterform for this final project. I subsequently decided to move on to
the subsequent step of this assignment.
- SKETCHES AND DOCUMENTATION
Figure 1.2 Original Sketches and Ideas (09/06/2022)
I developed two distinct sketches and ideas for the completion of
this project. The only significant differences between these
sketches are the typeface details. I ultimately chose the item on
the left because I find it more interesting and distinctive.
- FONTFORGE PROGRESSION AND EXECUTION
Figure 1.3 FontForge Progression and Execution (09/06/2022)
As instructed, I continued to convert my letterform into an existing font using FontForge. It took me between four and five hours to complete this font because it is so intricate and I want it to be precise and acceptable. This application has generated more than forty fonts in total.
Figure 1.4 Final Letterform "Bains Bodoni Reformed" (09/06/2022)
After completing the entire font, I decided to install it on my device
and upload it to my Google Drive so that I could immediately begin
executing the application. Mr. Vinod suggested the name "Bains Bodoni
Reformed," which I found extremely intriguing.
Google Drive Link : https://drive.google.com/file/d/1c28GhlJmrR6OcFG2tAkCslzA25ZEkAZx/view?usp=sharing
Figure 1.5 Final Task3 - PDF (26/06/2022)
TASK 3 : APPLICATION
In this section, we will be required to incorporate our own letterforms
into an application (whatever we want as long as it is suitable). It was
extremely difficult for me to find a poster that matched my illegible
letterforms, so I began searching for an appropriate application for my
font.
- RESEARCH
Figure 2.0 References and Ideas
- APPLICATION #1 (MOVIE HEADLINE)
Figure 2.1 Movie Poster Compositions (26/06/2022)
- APPLICATION #2 (MOVIE POSTER)
Figure 2.2 Movie Headline Composition #1 (26/06/2022)
Figure 2.3 Movie Headline Composition #2 (26/06/2022)
For my second application, I opted for a movie header. Similar to
posters, I found that the letterform works well with this header and
has a significant impact on the audience with its sense of mystery
and bright yellow colour.
- APPLICATION #3 (MOVIE CD)
Figure 2.4 Movie CD #1 (26/06/2022)
Figure 2.5 Movie CD #2 (26/06/2022)
I chose to reapply the previous task to this collateral assignment
for the final application. I initially determined that the poster
and header would not suffice for this assignment, so I selected a
Movie CD as my collateral and final application for this final
project.
- FINAL TASK 3 : TYPE EXPLORATION AND APPLICATION
Figure 3.0 Final Poster #1 (26/06/2022)
Figure 3.1 Final Poster #2 (26/06/2022)
Figure 3.2 Final Poster #3 (26/06/2022)
Figure 3.3 Final Header #1 (26/06/2022)
Figure 3.5 Final Header #2 (26/06/2022)
Figure 3.6 Final CD #1 (26/06/2022)
Figure 3.6 Final CD #2 (26/06/2022)
Figure 3.7 Final Task3 - PDF (26/06/2022)
FEEDBACK :
Week 10 :
- General Feedback :
Mr. Vinod was able to directly advise each student by reviewing their individual idea proposals. He was able to provide each student with extremely useful feedback on our final project.
- Specific Feedback :
I came up with three distinct ideas: further exploration of Phil Bains' letterform, the Indonesian horror game dreadout, and the Loki font. However, Mr. Vinod and I agree to further investigate the letterform of Phil Bains.
Week 11 :
- General Feedback : No Feedback (Independent Learning Week)
- Specific Feedback : No Feedback (Independent Learning Week)
Week 12 :
- General Feedback :
Similar to the previous week, Mr. Vinod provides us with insightful feedback on our final project. He instructed us to begin considering the application we will use for our final project, which must be compatible with our own lettering.
- Specific Feedback :
The font is intriguing, but I must have a clear direction for this final project. He stated that this type of letterform is unsuitable for branding purposes, with the exception of text decorations for your brand or logo.
REFLECTION :
Experience :
- Although we had several weeks of independent study, we were still able to complete the semester on schedule. I struggled throughout the entirety of this final project. The font I chose is extremely difficult and confusing to apply to our application, and it has a significant impact on my time management. Nevertheless, I was able to submit my final project on time and effectively complete the assignment.
Observation :
- I learned that type exploration is a difficult task. Initially, I believed this final assignment would be similar to what we did in the first semester; however, it was significantly more challenging and difficult because we had to come up with a solution to its problem and create the entire alphabet and numbers from our letterform.
Findings :
- I found this final project to be extremely beneficial to students. Not only were students required to create letterforms, but they were also tasked with resolving an unsolved problem that they discovered in their environment; this is a new experience that will help them become great designers in the future.
FURTHER READING :
Elam, K. (2007) . Typographic Systems. Princeton Architectural Press, New York.
Comments
Post a Comment