Advanced Typography Task 3 - Type Exploration and Application
6/12/2024-7/21/2024 (week8-week13 )
Advanced Typography Task3/Bachelor of Design (Honours) in Creative Media
Task 3 Type Exploration and Application
TABLE OF CONTENTS
1.Instructions
2.Lectures
3.Task 3
4.Feedback
5.Reflections
6.Further Reading
1.Instructions
2.Lectures
All lectures from 1 to 6 were completed in Task1 and Task2
3.Task 3
Timeframe：Week 08-Week 12
Deadline：Week 13
- To create purposeful typefaces that are consistent in design and identity and with appropriacy in mind.
- To simulate use of typeface in application while ensuring consistency in design
Proposal
I have three ideas. After discussing with my teacher, I chose the third idea that I am most interested in.The font style I designed tends to be Roman retro style I will improve the font I like and create lowercase letters that have never been developed.
When I start to have an idea, I start to sketch out the design
Before designing, I observed the Merlove Font. Many letters are constructed using geometric shapes, such as circles and straight lines, which makes the font look simple and minimalist. Because of this, the letters do not look very formal. For example, the star shape in "O" and "Q" will be removed in my design. For example, "M" and "W" have sharp angles, which I don't like, so I will change it to make the letters unified as a whole.
|
| fig1.1 First draft of capital letters |
I plan to use the three letters M, W, E, and O to design
To make my design more formal, I will add the characteristics of a serif font. The serif font I chose as a reference is Times New Roman. I started by comparing the two fonts.
I found that the two letters "O" are the same in basic shape, but different in internal design and edge treatment. The upper "O" is more traditional, while the lower "O" is more decorative and unique, which is also what I want to change, removing the decorative
|
| fig1.2 Comparison of the letter O |
This is the initial design of the letter O, but I realized I made a mistake. My reference was thicker around the edges, while mine was thinner.
|
| fig1.3 The process of designing the letter O |
So I redesigned the letters with thicker edges and no inner circle thin line design.
|
| fig1.4 letter of O |
I compared the width of the O and H in the reference font and found that their outer borders are consistent. I will also design my letter H in the same way.
|
| fig1.5 Comparison of H and O in reference |
So I will design my H like this，I'm going to add a serif font feature to make the H look more formal.
|
| fig1.6 Design of the letter H |
I compared the spaces between the letters B, P, R, and D, and found that they are all related. I will also design mine in the same way.
|
| fig1.7 B,P,R,D letter comparison |
The top and bottom serifs are added to the letters E and F, and the main lines of the letters are thickened, which enhances the visual impact of the letters.
|
| fig1.8 Design process of E and F |
But my Mr. Vinod told me it was too complicated, so I simplified it to make it look more formal.
|
| fig1.9 Final design of E and F |
The Mr. Vinod told me the problem with the capital letters, but I made a stupid mistake. The letter B is small at the top and big at the bottom, but I did it the other way around. All the horizontal and vertical lines need to be consistent. I made a mistake in the design of the letter L, which needs to be consistent with the letter Z.
|
| fig2.0 Problems with capital letters |
|
| fig2.1 Modification of the letter B |
|
| fig2.2 Modification of the letter L |
By completing the above letters, I had an outline of my overall letter design. I completed the rest of the letters in Adobe Illustrator.But when making capital letters, the whole interface is messy, so I will also pay attention to this problem when making numbers and characters.
After getting the latest feedback, the teacher asked me to focus on numbers and characters.
|
| fig2.3 Capital letter production process |
|
| fig2.4 Capital letter production process |
After designing the capital letters, I started designing the numbers.
|
| fig2.5 Digital Design |
In order to distinguish the number 0 from the letter O, I adjusted the width of my numbers.I made the number 0 look more rounded than the letter O.
|
| fig2.6 Digital Design |
|
| fig2.7 Digital Design |
Slowly, I completed my numbers and letters
|
| fig2.8 Number and character design |
|
| fig2.9 Number and character design |
FontLab
After designing all the uppercase numbers and characters, I started importing them into fontlab
First I put all the designs into fontlab, and then I started to adjust the spacing based on what I learned last semester.Make preliminary adjustments through the Sidebearing Measurment in capital letters sent by the Mr. Vinod in Teams
|
| fig3.0 Import fontlab |
During this period, I adjusted many issues. If the designed letters are to have the same proportion visually, I need to make further adjustments.
This is the most time-consuming word spacing adjustment. I have to make sure the spacing between each letter is normal.
|
| fig3.1 Word spacing adjustment |
After I adjusted it, I started to test it. I chose some inspirational short sentences to check my spacing.
|
| fig3.2 Spacing test |
Then I exported the font
|
| fig3.3 tff font |
Link to TTF font file：https://drive.google.com/drive/folders/1VSOI4xXgYTI34imBvrkhdy72w-6fYii6
Font Presentation
Since my preferred style is vintage Roman, I add decorative borders and symmetrical designs to my posters to give them an elegant and classic feel.
My main colors are blue and white, blue is often seen as a noble, stable color, while white represents purity and simplicity. This combination fits a classic and elegant atmosphere, which I think fits the Roman theme very well.
|
| fig3.4 Font Presentation |
I used other text designs to make it look less monotonous.I added a 3D effect because it can show a strong visual impact on the screen. I first tried it with the font that comes with the computer.
|
| fig3.5 Font Presentation |
Below is a thumbnail of my five posters
 |
| fig3.6 Font Presentation |
 |
| fig3.7 Font Presentation |
 |
| fig3.8 Font Presentation |
 |
| fig3.9 Font Presentation |
 |
| fig4.0 Font Presentation |
I finished five posters
 |
| fig4.1 Font Presentation |
Font Applications
I want to add the Roman style to the design of products. I designed canvas bags, subway posters, books, bus stop advertisements, brand light boxes.
|
| fig4.2 Book cover design |
|
|
fig4.3 Book cover design |
|
| fig4.4 Book cover design |
|
| fig4.5 Bus stop advertising design |
|
| fig4.6 Bus stop advertising design |
I selected the stamp layer on the finished poster and used the polygonal lasso tool to outline the approximate range of the shadow I wanted. Then I used the patch tool to drag it so that the environment was at night and the shadow would be more realistic.
 |
| fig4.7 Bus stop advertising design |
For the design of the canvas bag, I added a little arc to make it look less dull.
|
| fig4.8 Canvas bag design |
|
| fig4.9 Canvas bag design |
Through the design of books, subway promotional posters can be designed quickly.
I chose the slogan "Roman Love" because I think it would be very suitable for subway stations in European and American countries. I added a blue background and outlined some of them.
|
| fig5.0 Subway promotional poster |
|
| fig5.1 Subway promotional poster |
For the branding lightbox design, I added a radial blur and added a Roman sculpture to the selection.
|
| fig5.2 Brand light box design |
|
| fig5.3 FONT PRESENTATION #1 JPEG |
|
| fig5.4 FONT PRESENTATION #2 JPEG |
|
| fig5.5 FONT PRESENTATION #3 JPEG |
|
| fig5.6 FONT PRESENTATION #4 JPEG |
|
| fig5.7 FONT PRESENTATION #5 JPEG |
FONT APPLICATIONS (5 artworks)[1024 px; JPG 300 ppi]
|
| fig5.8 Font Application #1 JPEG |
|
| fig5.9 Font Application #2 JPEG |
|
| fig6.0 Font Application #3 JPEG |
|
| fig6.1 Font Application #4 JPEG |
|
| fig6.2 Font Application #5 JPEG |
Week13
Specific Feedback:Overall it looks OK
Week12
General Feedback：Start checking posters Specific Feedback:Pay attention to the spacing and height when putting it into fontlab
Week11
General Feedback：All letters should be consistent Specific Feedback:The overall font is good, but some letters need to be adjusted. The design of letter E is too complicated, and the stroke in the middle is not needed. Of course, the same is true for F. The tail of L is wrong, it should be the same as the tail of L. The letter B should follow the principle of small on top and large on bottom. The teacher emphasized my horizontal and vertical consistency. The rest of the letters are all OK.The teacher said that I don't need to work on lowercase letters and asked me to focus on uppercase letters and numbers.
Week10
General Feedback:Create a grid to give your typeface a sense of unity Specific Feedback: Teachers need to see the process of making fonts. My letter A teacher doesn't know how to form it, so I will remake the letter A. Week 9 General Feedback: The teacher said that you should be interested in the fonts you make, grid your own fonts, and make the fonts not too complicated and keep the fonts consistent.
Specific Feedback: Themes are fine, but make sure the fonts are consistent
Reflections
Experience:I have gained a lot in this semester. My proficiency in font development has gradually increased, and I have my own aesthetic taste compared to the first semester. When I look back at the fonts I designed in the first semester, I feel that I have grown a lot. Although I fell behind in this task a week ago, the overall process was good. Although the letter design task is heavy, I enjoy it very much. It is very interesting to develop a font in my favorite style. My skills have also been improved in the Font lab.
Ovservations：I observed the reference fonts. In fact, each reference font has many details. We also need to pay attention to the unification of letters at any time. It is a proud thing to develop a font in a style that I like. When I put the finished product into the product, I experienced the joy of typesetting. Although the feedback I got from the Mr. Vinod was difficult, it was always positive. I will continue to learn with this enthusiasm.
Findings：There are various fonts, each of which has its own unique visual beauty. When designing our own, we must pay special attention to details. Different details will lead to inconsistent fonts. Developing fonts is a relatively difficult task, but it is really beautiful to use it in life.In short, this semester has made a lot of progress compared to the first semester. I have a better understanding of typesetting and I will actively learn more knowledge.
Further Reading
Although we can look at typefaces with in the framework of classifcation systems. it is better to examine them in the context in which we see them on the page, so to speak.Traditional systems categorize typefaces by features such as angle of contrast(230).rate of modulation.and shape of serifs.(This partly explains why sans serifs were not classified with the same degree of analysis,) But if we look at typefaces in use,we see that many letterfeatures distort or become less important to overall impression.The darkness of a block of text,the visual reinforce.
ment of horizontal and vertical axes.
the distribution of space within and between letters.the length of a scenders and descenders, and the line spacing 335) become the dominant features. The typeface's overall texture becomes less important than the individual featuresThe presence or absence of comple-mentarystvles and weights within the paragraph and the editorial structure of the text determine our reading strategy.
评论
发表评论