Advance Typography - Task 3

 12/10/2023 - 29/11/23, Week 7 - Week 14

Jordan Axel / 0354894

Advanced Typography / Bachelor of Design in Creative Media (Hons)

task 3

---

---

Lecture

refer to task 1

---

Instruction

---

Task

Proposal Slides

After the online consultation with Mr. Vinod during independent learning week I decided to use Yamaha's "R" series logo as as my final idea and expand it for the font and application.

Reference

fig 1.0, R series logo reference

I got this idea because I have a "R" series bike. That inspires me to make the font, because no one has ever made font from this logo before. The logo is a unique looking font because it is just a logo.

Process

fig 2.0, Attempt (R,A,H,O,N)

Mr. Vinod asked all of us to do "A,H,O,N" first to make for the uppercase letter. Although I made a "Unicase font" which has same height and width for both lower case and uppercase.

fig 2.1, making "A" from the R

I traced the letter R from the logo in this image i tried making the letter A from the R so it is consistent.

fig 2.1, Difficulty

 I have difficulty in how to design the letter Z because it is different then other letters. I ended up with the design on the right or left they are both the same.

fig 2.2, W design

I always use grids for consistency between letters and size. The letter W has the same problem with Z although it is easier but still have some difficulties.

fig 2.3, unfinalized uppercase and numbers

I tried to make the numbers to be taller than the letter but is is weird and inconsistent.

Final design

fig 2.4, Final letters, numbers, and symbols

I finalized all of them in boxes of 1000px*1000px so it is easier when I put it in font lab.

I put my font on fontlab 7. The fontlab 7 trial on typography sem 1 has expires. So, I went to the maclab D7.04 where Mr. Vinod suggested. 

fig 2.4, Ready to Install font

Although my font is not meant for typing, I tried my best to adjust the kerning.

 My font name is Velo CT inspired by velocity obviously.

Presentation

We are required to make a poster type presentation for our font and an application for what our font is intended for. My font is made specially for bike, car, even other motorsports that requires sporty unique look. It could be as a badge, sticker, or a livery on anything.

fig 3.0, font presentation

Mr. Vinod made major adjustments on my font presentation which made it looks way better.

Application

In application we need to know first what it is the purpose of our font, so it is easier for us to do our font application.

fig 4.0, livery on helmet

fig 4.1, simple livery on a bike

fig 4.2, a car advertisement font

fig 4.3, livery/sticker on a car(ik its missing an S(i don't wanna get sued))

Mr. Vinod somewhat disagree with this type of application style. That is why he suggested to make a vector style instead.

fig 4.4, 5 font application

Actually, Mr. Vinod showed me an example that he made(the "G") which is a vector. I made the rest 1 by 1 from a reference below.

fig 4.5, Lamborghini Aventador

 This a picture I searched in google, this is the exact reference for the "sv" application. Lamboghini actually have the Lamborghini aventador SV but its not exactly the one in the picture.

fig 4.6, Porsche GT3 RS

This is the cropped version of my design in "fig 4.3" that I use again for a reference.

fig 4.7, Yamaha R25

I refer to this picture because this is the same type of bike as my current bike just in different color. My bike where my inspiration starts.

fig 4.8, Civic Si

Mr. Vinod suggested a silver "background" for my last vector so I ended up with a civic and put a turbo badge on it. I picked this because Honda actually came out with turbo-ed civic which is civic turbo.

Final Submissions

Font

fig 5.0.1, Font compilation

                                                        fig 5.0.2, PDF File Font

Presentation

fig 5.0, page 1

fig 5.1, page 2

fig 5.2, page 3

fig 5.3, page 4

fig 5.4, page 5

                                                                fig 5.5, PDF file Presentation

Application

fig 5.6, Application 1

fig 5.7, Application 2

fig 5.8, Application 3

fig 5.9, Application 4

fig 5.1.1, Application 5

                                                        fig 5.1.2, PDF File Application

---

Feedback

Week 8: Specific Feedback: Reason is not strong enough

Week 9:

Specific Feedback: better to expand it as a font itself not to change a logo to a different font. 

Week 10:
Specific Feedback: The "W" thickness is not the same

Week 11:

Specific Feedback: "@" sign needs to be redesign

Week 12:

Specific Feedback: Font Presentation is too simple. Font application is recommended to a some sort of a car badge.

Week 13:

Specific Feedback: make a vector from an image for the badge. Make color variations on the background

---

Reflection

Experience:

    At first I thought making a font is a very difficult task. However, after I tried it myself it is not that simple but not as annoying and difficult as I thought. The font's ability to express its own personality was immediately apparent when it was transformed into a presentation. Color palettes and pairings were chosen to emphasize the font's freedom across a variety of contexts.  Application wise, It was a lot of work to make it into vector. I've tried using real images but it is not approved there is some to be approved but I made all into vector for its consistency.

Observation:

    I gained more information and knowledge during making the font. I just learned how unique and striking uni-case font is.

Findings:

    Consistency is key to a design.

---

Further Reading:

Design Principle: Consistency

    Consistency is crucial in design, enhancing usability and learnability. The text identifies four key types of consistency visual, functional, internal, and external each contributing to a positive user experience. It emphasizes the importance of defining visual elements centrally, maintaining a consistent voice and tone, and incorporating familiar design patterns. Achieving consistency leads to faster user learning, reduced confusion, time and cost savings, and improved overall usability. The example of Adobe products illustrates successful external consistency, allowing users to seamlessly transfer knowledge across different systems.