Advance Typography - Final Assignment
15/10/2018 - 19/11/2018 (Week 08 - Week 13)
Isaac Lee Zahradnik (0330747)
Advance Typography
Final Assignment
LECTURE NOTES
22/10/2018 (Week 09)
Our lecture for this week was about Typographic Perception & Organization and it was presented by one of our classmates. We learned about Form and Content, Gestalt Psychology and Layout, and Creating Visual Hierarchy.
29/10/2018 (Week 10)
For week 10, the title of our lecture is Typography In Different Mediums. We learned about typography on different mediums, such as: Screen Type and Print, Static and Motion. This lecture is helpful because we can get a rough idea or a reference of what we want to do for our Final Assignment.
12/11/2018 (Week 12)
Three lectures with different sub-topics were conducted for our last lecture session, and the topic for these three lectures was Colors in Typography: Titles, Signs, and Web.
Color in Typography for Titles
Color in Typography for Signs
Color in Typography for Web
INSTRUCTION
FINAL ASSIGNMENT
22/10/2018 (Week 09)
This week, we were given a brief of our final assignment by Mr Vinod. We were tasked to develop a font that is intended to solve a larger problem or meant to be a part of a solution in the area of our interest OR explore the use of typeface in our area of interest, understand its existing relationship, identify areas that could be improved upon, explore possible solutions or combinations that may add value to the existing typeface.
After listening to the brief, we then move on to search what we are planning to do for our final assignment. The area that I'm interested in is Entertainment Design, so I thought of doing something related to it.
Below here are some of the ideas/references for our final assignment.
![]() |
| Figure 1.0 Banana Wall by Sagmeister and Walsh |
![]() |
| Figure 1.1 Typeface made using bacteria by Craig Ward |
Since my area of interest is Entertainment Design, I decided to create a new set of typeface. The reason why is because I want to create a new font for others to use in their visual work, whether it be for a movie, video games, etc.
If anyone needs a new 'alien/foreign' typeface, they can use the fonts that I'm about to create. The fonts that I plan to create is mostly inspired by alien language or a language that does not exist on our earth, such as; Predator, Transformers, and Star Wars.
The base typeface that I will use to create my font is Helvetica. The reason being is that Helvetica is the most popular and used, and also the most favorite typeface (based on Google). Plus, this typeface has existed for a period of time and I feel like it needs a change, a new design, an evolved version of itself. So, why not deconstruct it and then reconstruct it.
The base typeface that I will use to create my font is Helvetica. The reason being is that Helvetica is the most popular and used, and also the most favorite typeface (based on Google). Plus, this typeface has existed for a period of time and I feel like it needs a change, a new design, an evolved version of itself. So, why not deconstruct it and then reconstruct it.
![]() |
| Figure 2.0 Predator alphabets |
![]() |
| Figure 2.1 Transformers alphabets |
![]() |
| Figure 2.2 Star Wars Aurebesh alphabets |
05/11/2018 (Week 11)
Since this week is e-Learning week, I took this time to plan and be experimental when creating my typeface.
The dimensions that I used for the document size were 1000 by 1000 points, and the font size used for both alphabets and numerical were 1000 points as well. To create my font, I decided to deconstruct existing letterforms and rearranging them to create a new font. I came up with a formula: 2143 formula (Right-Left) and 4321 formula (Corner-Opposite).
Right-Left formula: Switching the positions of the left and right halves of the type.
![]() |
| Figure 3.0 Right-Left formula |
Corner-Opposite formula: Switching the positions of each corner of the type, diagonally, with its opposite side.
![]() |
| Figure 3.1 Corner-Opposite formula |
12/11/2018 (Week 12)
On week 12, I decided to make the full set of the typeface from A to Z, uppercase and lowercase, and also for numerical. Plus, I was also told to make an animation with the typeface I created.
Below here are the typefaces:
Helvetica typeface
![]() |
| Figure 4.0 Helvetica uppercase |
![]() |
| Figure 4.1 Helvetica lowercase |
![]() |
| Figure 4.2 Helvetica numerical |
Right-Left typeface
![]() |
| Figure 4.3 Right-Left uppercase |
![]() |
| Figure 4.4 Right-Left lowercase |
Corner-Opposite typeface
![]() |
| Figure 4.5 Corner-Opposite uppercase |
![]() |
| Figure 4.6 Corner-Opposite lowercase |
Right-Left and Corner-Opposite numerical
![]() |
| Figure 4.7 Right-Left and Corner-Opposite numerical |
![]() |
| Final 4.8 Animated typeface using Corner-Opposite |
NAMING
Rubiks font was the name that I thought of at first because of its nature: rearranging, shuffling. But because I'm using Helvetica as my base font. I thought of using its name as a way to give credit to it.
Here were some of the names I had in mind:
- Neue Haas Grotesk Neu Anordnen = New Haas Grotesque Rearrange
- Helvetica Neu Anordnen = Helvetica Rearrange
The types of Helvetica Rearrange:
- Right-Left (2143 formula) = Helvetica Neu Anordnen Rechts-Links
- Corner-Opposite (4321 formula) = Helvetica Neu Anordnen Ecke-Gegenteil
In the end, I decided to shorten the names to:
- Helvetica Rechts-Links = Helvetica Right-Left
- Helvetica Ecke-Gegenteil = Helvetica Corner-Opposite
Note: Right-Left is more readable than Corner-Opposite.
19/11/2018 (Week 13)
After showing my work to my lecturers, Mr Vinod and Mr Shamsul. They told me the refine some of the letters as they don't look right. Basically saying that I should look at the letters as a whole, as an art design.
Original typeface: Right-Left
![]() |
| Figure 5.0 Original Right-Left |
Refined typeface: Right-Left
![]() | |
|
Original typeface: Corner-Opposite
![]() |
| Figure 5.2 Original Corner-Opposite |
Refined typeface: Corner-Opposite
![]() |
| Figure 5.3 Refined Corner-Opposite |
26/11/2018 (Week 14)
Below here are basically my final submission for this assignment.
![]() | |
|
![]() | |
|
![]() | |
|
FEEDBACK
Week 11: No feedback because it was e-Lecture week.
Week 12: After proposing my idea, I was told by Mr Vinod to make a short animation or a GIF of the letterforms morphing into the newly-formed letterform.
Week 13: I was told to joint the counter-spaces within the letterforms, because it looks awkward. I was then told to resolve, or reconcile, the problems within the design. Instead of looking at it as a deconstructed font, I should look at it as a design.
REFLECTION
Experience
Week 09: We were given a brief of our final assignment.
Week 10: Researching ideas for final assignment.
Week 11: e-Learning week.
Week 12: I showed my work to Mr Vinod and Mr Shamsul, and they said it looks interesting.
Week 13: I had to redo some of the designs.
Week 10: Researching ideas for final assignment.
Week 11: e-Learning week.
Week 12: I showed my work to Mr Vinod and Mr Shamsul, and they said it looks interesting.
Week 13: I had to redo some of the designs.
Observation
Week 09: Everyone is finishing up their previous assignments before starting their final.
Week 10: Everyone proposed their ideas while I'm still searching for mine.
Week 11: e-Learning week.
Week 12: Everyone is busy doing their final assignment since Mr Vinod said our final submission is on Week 13.
Week 13: Everyone is busy fixing any mistakes or problems pointed out by Mr Vinod.
Findings
Week 09: I went to search for ideas regarding final assignment. Such as a font for braille.
Week 10: I decided to find another idea for my final assignment. So, I decided to head to YouTube to see if I can find anything in there.
Week 11: e-Learning week.
Week 12: One of my design is more readable than the other. And, giving a font a name of its own is hard.
Week 13: The refined versions of my work looks better than the previous one.
FURTHER READING
Week 09:
Braille Neue: A Universal Typeface by Kosuke Takahashi That Combines Braille and Visible Characters
What I initially planned to do for my final assignment was actually something to do with Braille. I wanted to make Braille readable for non-Braille readers as well. But it seems like this person has done it already.
Braille Neue (New Braille) was designed by Kosuke Takahashi, who is a designer. The purpose of him creating Braille Neue was to allow both sighted and blind readers use the same text. He hopes that his font will create a universal space where anyone can access information.
Braille Neue is comprised of two typesets: Braille Neue Standard, for the English alphabet, and Braille Neue Outline, which accommodates both Japanese and English visible characters and letters.
Kosuke Takahashi also stated that:
"We rarely see braille implemented in the public space since it takes additional space and sighted people consider it not important. Braille Neue addresses this issue by making braille easy to use for sighted people. By spreading this typeset I believe more people will get acquainted with braille and braille tends to be small and invisible, but with Braille Neue it has the possibility to expand spatially into public signages in new ways."
He admitted that he is not the first to combine both braille and visible Latin letters together, but he is the first person to create a typeface that incorporates Japanese characters.
Week 10:
Banana Wall by Stefan Sagmeister
Stefan Sagmeister made the Banana Wall for an art installation in the exhibition, Things I Have Learned In My Life So Far. Real bananas were used to create this artwork; green bananas were used to create the motto: Self-confidence Produces Fine Results, ripe bananas were used as the background. The interesting thing about this artwork is that the color changes over time. As the bananas ripen further, the motto will disappear and the background will turn into a brownish-yellow color.
Week 11:
Subvisual Subway Bacteria of the New York City subway
Craig Ward created alphabets using bacteria. He rode the trains of each of New York City's subway lines, collecting bacteria samples from hand rails, seats and other high traffic surfaces in an attempt to create an unconventional series of portraits of the city’s complex ecosystem and a snapshot of the city at large.
Week 11:
Subvisual Subway Bacteria of the New York City subway
The samples were taken using sterilized sponges that had been pre-cut into the letter or number of the subway line from which the sample was to be taken. The swabs were then pressed into pre-poured agar plates and incubated for up to a week in his Brooklyn workshop, and photographed at various stages of development before being safely neutralized and disposed of.
Bacterium:
E. coli
Pink to red colonies
Virulent strains cause gastroenteritis, urinary tract infections etc.
Common in lower intestine.
Micrococcus luteus
Egg yolk / raised yellow circles
Part of the normal flora of the skin, also found in respiratory tract - saliva and sweat
Bacillus Subtilis
White, spread out like flat cauliflower florets, gaining dimension over time
Found in soil and gastrointestinal tract of humans
Streptococcus agalactiae
Light blue pin-like small colonies
Generally harmless, part of human microbiota
Enterococcus spp.
Blue to turquoise pinpoint colonies.
Bacteremia, urinary tract infections, diverticulitis
Proteus mirabilis
Clear to slightly orange colonies, appear layered and spread out in discs
Kidney stones and 90% of all proteus infections in humans
Proteus vulgaris
Small blue / green colonies
Found in soil, water, fecal matter - causes wound infections, urinary tract infections
Pseudomonas aeruginosa
Transparent white to slightly green colonies with some diffusion into media. Some species may be tan to reddish brown.
Normal flora, found in skin, water, most man-made environments globally
Salmonella
Beige colonies
Serratia marcescens
Red/pink dots
Bathroom slime / leading cause of hospital acquired infections
Staphylococcus aureus
White to light yellow colonies; some species may appear mauve
Common cause of skin infections, sinusitis and food poisoning
Staphylococcus intermedius
Pink pinpoint colonies.
Molds / yeast colonies
Fuzzy / furry white
Typically from decaying organic matter or food
Virulent strains cause gastroenteritis, urinary tract infections etc.
Common in lower intestine.
Micrococcus luteus
Egg yolk / raised yellow circles
Part of the normal flora of the skin, also found in respiratory tract - saliva and sweat
Bacillus Subtilis
White, spread out like flat cauliflower florets, gaining dimension over time
Found in soil and gastrointestinal tract of humans
Streptococcus agalactiae
Light blue pin-like small colonies
Generally harmless, part of human microbiota
Enterococcus spp.
Blue to turquoise pinpoint colonies.
Bacteremia, urinary tract infections, diverticulitis
Proteus mirabilis
Clear to slightly orange colonies, appear layered and spread out in discs
Kidney stones and 90% of all proteus infections in humans
Proteus vulgaris
Small blue / green colonies
Found in soil, water, fecal matter - causes wound infections, urinary tract infections
Pseudomonas aeruginosa
Transparent white to slightly green colonies with some diffusion into media. Some species may be tan to reddish brown.
Normal flora, found in skin, water, most man-made environments globally
Salmonella
Beige colonies
Serratia marcescens
Red/pink dots
Bathroom slime / leading cause of hospital acquired infections
Staphylococcus aureus
White to light yellow colonies; some species may appear mauve
Common cause of skin infections, sinusitis and food poisoning
Staphylococcus intermedius
Pink pinpoint colonies.
Molds / yeast colonies
Fuzzy / furry white
Typically from decaying organic matter or food
REFERENCES


























Comments
Post a Comment