Typography Booklet

Throughout Unit 3 Typography, there were three main parts: research, design, and visualization. My typography was ‘Caslon’, which was designed by William Caslon. Each class, I went in depth into ‘Caslon’ and got to experience several features, details, and information.

What is typography and why is it important for all designers to understand?

Typography is the diverse ways and techniques of designing and arranging a written language. Countless stylistic designs are used to express the written text to be more appealing or to be more fit into a certain composition. Typography is very important for all designers to understand, because it enhances the style and beauty of a design. Without using an images or other formats of pictures, typography itself can create a strong message and can be appealing to the audience. Designers need to create useful designs, yet they also need to have their targeted audience be interested. It is a very effective tool for designers to use and understand.

What is the most useful and interesting thing you learned about typography during this unit?

The most useful thing about typography is that I can interest my audience to look at my design, along with implying beauty to my design as well. Through the use of diverse styles of typography, I can now effectively put in emphasis into some parts and can be appealing to the audience. The most interesting thing about typography is that small changes and modifications of a text can bring a huge influence to viewers. For example, my ‘Caslon’ typeface contained a few unique details such as short ascenders and descenders, bracketed serifs, and robust textures. These small detail all massively contribute to the impact on how the viewers view the text.

What do you think you need to learn more about?

I think that I need to learn more about two things. First, I need to learn how William Caslon made the ‘Caslon’ typeface appealing. The small details were influential to the viewers; however, I want to learn how he knew that those details can bring an impact. Second, I need to learn when the ‘Caslon’ typeface can be used effectively. The only notable examples I found that used the ‘Caslon’ typeface was Benjamin Franklin’s version of the U.S Constitution and the U.S Declaration of Independence. However, I would like to learn how the typeface can be used in my aspect of designs, instead of formal works.

Brief Overview

During the research stage, I gathered a variety of information regarding the ‘Caslon’ typeface. In this stage, I spent a lot of time getting to know what ‘Caslon’ was. I researched the origin, classification, features, purpose, location, notable examples, and other interesting information of the typeface. Below is a word document of the research I had done.

GD U3 Research Final

Additionally, after the research stage, I made a layout of the ‘Caslon’ typeface. I included the research paragraphs, along with a designed format that I created. I used two colors for the layout design: turquoise and yellow. I chose to leave the research texts in a black color to fully contrast with the white background as well. I sticked with simplicity for the layout, because I wanted the emphasis of the layout on ‘Caslon’, instead of messing the attention to colors. Below is a picture and a pdf of the layout.

Caslon Layout PDFV

During the design stage, I brainstormed numerous ideas and styles that I can use to represent ‘Caslon’. As an activity to get thinking, I also was assigned to think of different keywords that symbolize ‘Caslon’. Three words were: structured, elegant, and clear. I generated and drew sketches that can connect ‘Caslon’ to those keywords. Along the process, I had a hard time to visualize the words as a form of sketch. I easily thought of keywords; however, I needed to practice on making the keywords with a graphic composition. Below are some rough sketches that I drew before moving onto my final graphics.

During the visualization stage, I graphically designed my final ‘Caslon’ typeface into visualization drawing. I tried to focus on the keywords and thought of how they can be shown with a resemblance to ‘Caslon’. Below are the final sketches and graphics in both pictures and pdf (there are 3 of them in one).

Caslon VD Final

Overall, in this unit of typography, I learned very deeply about the ‘Caslon’ typeface and got to know how different styles of typography can impact the viewers’ perspective as well. Next time, I want to try a different typography and see how that typography is used.

Unit 2: Drawing Folio

Throughout the past two weeks, I worked on both observational and visualization drawings to generate the most ideas possible.

How could observational drawing be a useful technique in the define & inquire phase of the design process?

Observational drawing can be a useful technique in the define and inquire phase. Observational drawing allows us to specifically capture and see the qualities of an object. The details and essential spirits of the object are seen when drawing the object. It additionally make us develop into deeper ideas along with providing us a starting point to sketch. For example, when drawing a fruit, there are several elements that we need to focus on. The texture, color, value, and other vital aspects are all needed to be observed in order to draw. In the process of observational drawing, we see all these elements and try to apply them to our drawing. This action involves the core ideas for the develop and inquire stage, because we notice inspirations and details to the object. We then further develop with the newly thought ideas.

Briefly describe what you did for the observational drawing part of the unit.

In this unit of observational drawing, I did several activities that involved techniques related to observation. For example, activities such as drawing an object in 10 seconds, without looking at the paper, using non-preferred hand, and without taking the pencil off the paper. These quick sketches, but with detail in capturing key ideas of the object, allowed me to warm up my ideas and drawing techniques, which is the purpose of doing observational drawings. Additionally, I also did activities that were mainly to capture form, texture, and tone. I drew glass materials, metallic objects, and fruits for each of the elements.

Include images of all of your observational drawings.

What is visualization drawing and what are the biggest challenges?

Visualization drawing is where designers visualize their own ideas on their own and sketch it out. There are enormous variations and ideas that can developed, which is extremely helpful to create individual ideas that are not shown in other people’s works. It makes us capture ideas in our imagination, which is a bit more complex than observational drawing. The inspiration and the drawing technique all relies on our thinking. The biggest challenge of visualization drawing is that there are no references nor inspirational works that we see. All the ideas and the drawing are dependent to our visualization and imagination. The ideas need to be clear in our minds and we have to illustrate the idea down on a paper (which also involves drawing skills).

Briefly describe what you did for the visualization drawing part of the unit.

In this unit of visualization drawing, I drew ideas that were related to ISB’s 40th anniversary logo competition. I drew several sketches that involved both visualization and drawing techniques. There were different designs that I tried to draw in different themes. For example, there were drawings that were more focused on the school’s mascot (dragon) and there were drawings that were more focused on the number 40. This activity allowed me to generate ideas on my own.

Include images of all of your visualization drawings.

After sketching out as many ideas possible, I moved onto the specifics of the drawings that I chose.

Overall, through this unit of observational and visualization drawing, I got the chance to warm up my drawing skills and generate numerous ideas. Next time, I would need to focus on simplifying the drawings for the visualization stage.

Designer Persona

Designer Persona Elements:

What do you think graphic design is?

I think that Graphic Design is a visual representation that has a particular purpose to achieve a goal. Art and Graphic Design can be related, however, art is a form of expression while Graphic Design is a design with a purpose.

What skills do you hope to learn?

I would hope to learn various techniques to graphic a design. For example, just like the low poly design, I would like to learn other unique and interesting ways to design graphics.

What is the best thing you ever made?

The best thing I ever made is a small catapult that was used in grade 8 math class. It had an arrow-shaped front with a rubber band attached to each sides that fire ping pong balls in a parabolic shape.

What do you want to make?

I would like to make a self-portrait and a logo of my favorite teams using graphic designs. Since there are numerous graphic design techniques, I would like to experience as much of those techniques possible.

What strengths do you have that you can bring to your learning in this course?

I took the Product Design course last year. Throughout the previous months, I have went through the design process and familiarized myself in generating ideas. I hope that my past experiences can strengthen and support me in this Graphic Design course as well.

Specific Elements?

-Interests/Inspirations: Recently, I have found some artists and designs that inspired me. One of the artist was Es Devlin. She is an architectural designer, however, she always incorporates the theme of “sense of unification” that really interested me. Some of her artworks are below.

-Basic Information: I am a grade 10 student born in 2003. I am energetic, talkative, competitive, and adventurous.

-Goals: I am looking forward to creating interesting graphic designs that involves a variation of color and theme. For example, I looked up some inspirations on DeZeen and I found some unique Christmas trees that could be drawn through graphic designs. Below are some inspirations that I would like to draw with graphic designs in the future.

Final Designer Persona


Below is a PDF version.

GD Designer Persona UP
Describe the process of creating your vector portrait. What were the biggest challenges? How did your skills improve over time?

I created my graphic design portrait using the Adobe Illustrator. I chose the ‘shapes’ method where I would use only triangles to draw my portrait. During the starting process of creating the project, I had a hard time familiarizing myself with the tools in illustrator. For example, one of the challenges was ending my triangle with the correct anchor point. Each time I create a triangle, there are three anchor points. I always forgot to click the last anchor point that ends one triangle. However, my skills improved over time after I got used to correctly format anchor points and adjust colors in different parts of the face. I think that the main success and take away for this project was using a variety of colors. There are still some parts where I need to get more practice on.

How does your poster’s aesthetic reflect who you are as a designer?

The first aesthetic is that I had some places of the face with big-sized triangles, whereas in some other places of the face I used small-sized triangles. Based on this aesthetic, I think that I can be reflected as a designer that likes to consider adjustments and techniques that make the graphic design more appealing to the audience.

The second aesthetic is that I used various colors to put in emphasis on different parts of the portrait. I think that this aesthetic can reflect me as a designer that prefers to imply a lot of colors in the design.