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.




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:



  1. Neue Haas Grotesk Neu Anordnen = New Haas Grotesque Rearrange
  2. Helvetica Neu Anordnen = Helvetica Rearrange

The types of Helvetica Rearrange:
  1. Right-Left (2143 formula) = Helvetica Neu Anordnen Rechts-Links
  2. Corner-Opposite (4321 formula) = Helvetica Neu Anordnen Ecke-Gegenteil

In the end, I decided to shorten the names to:
  1. Helvetica Rechts-Links = Helvetica Right-Left
  2. 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



Figure 5.1 Refined 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.




Figure 6.0 Final submission Right-Left



Figure 6.1 Final submission Corner-Opposite



Figure 6.2 Final submission Animated Corner-Opposite


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.



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.

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



REFERENCES


Comments

Popular Posts