EXERCISE TYPOGRAPHIC SYSTEM & FINDING TYPE (Advanced Typography )
01 APRIL 2022- 22 APRIL 2022 ( WEEK 01- WEEK 04)
CHIN ZHI XIAN / 0344352
BACHELOR OF DESIGN (HONS) CREATIVE MEDIA / Advanced Typography
Exercise
LECTURES
Week 1 Typographic Systems
All design is based on a structural system. There are eight major variations according to Elam which are :
- Axial
- Radial
- Dilatational
- Random
- Grid
- Modular
- Transitional
- Bilateral
Typographic systems have a set of rules that are unique and provide a sense of purpose that focuses and directs the
decision making. There are 8 major variations of typographic systems:
1. Axial system
All elements are organised to the left or right of a single axis.
|
|
Fig 1.1 Examples of Axial System |
|
|
Fig 1.2 Examples of Axial System |
2. Radial System
All elements are extended from a point of focus.
|
|
Fig 1.3 Examples of Radial System |
3. Dilatational System
All elements expand from a central point in a circular fashion.
|
|
Fig 1.4 Examples of Dilatational System |
4. Random System
Elements appear to have no specific pattern or relationship.
|
|
|
5. Grid System
A system of vertical and horizontal divisions.
|
|
Fig 1.6 Examples of Grid System |
6. Transitional System
An informal system of layered banding.
|
|
|
7. Modular System
A series of non-objective elements that are constructed as a standardised unit.
|
|
Fig 1.8 Examples of Modular System |
8. Bilateral System
All text is arranged symmetrically on a single axis.
|
|
Fig 1.9 Examples of Bilateral System |
INSTRUCTIONS
TASK 1 Exercises: Typographic Systems & Type & Play
Exercises 1: Typographic Systems
TASK 1
For exercise 1, we need to do 8 square posters according to the 8 typographic system. Below are the notes that I took in class.
- Hierarchy of placing the information, which one should the reader read first
- placement of the information, how the reader will see the whole picture and read.
- Introduction of 1 colors, do not introduce the color before the layout is done.
- Typesetting, the right type size, leading, tracking. The point size should be between 8-12pt.
- Use any of the 3 titles in each system that needs to be relevant.
- must have a proper grid in useful guides, create guides and columns, and fit the guides to the margin
- the unit needs to be placed according to the margin and in the cell.
PROGRESSION (FIRST ATTEMPT)
.png)
Figure 2.1
Progression, Week 2
Figure 2.2
Progression Axial System, Week 2
(5 APRIL 2022)
Figure 2.3
Progression Random System, Week 2
(5 APRIL 2022)
Figure 2.4
Progression Bilateral System, Week 2
(5 APRIL 2022)
Figure 2.5
Progression Dilatational System, Week 2
(5 APRIL 2022)
Figure 2.6
Progression Transitional System, Week 2
(5 APRIL 2022)
Figure 2.7
Progression Radial System, Week 2
(5 APRIL 2022)
Figure 2.8
Progression Modular System, Week 2
(5 APRIL 2022)
Figure 2.9
Progression Grid System, Week 2
(5 APRIL 2022)
FINAL SUBMISSION
Figure 3.1
Progression Axial System, Week 2
(9 APRIL 2022)
Figure 3.2
Progression Random System, Week 2
( 9 APRIL 2022)
Figure 3.3
Progression Bilateral System, Week 2
( 9 APRIL 2022)
Figure 3.4
Progression Dilatational System, Week 2
( 9 APRIL 2022)
Figure 3.5
Progression Modular System, Week 2
( 9 APRIL 2022)
Figure 3.6
Progression Grid System, Week 2
( 9 APRIL 2022)
Figure 3.7
Progression Transitional System, Week 2
( 9 APRIL 2022)
Figure 3.8
Progression Radial System, Week 2
( 9 APRIL 2022)
Figure 3.9
Final Typographic System with grid pdf
(9 APRIL 2022)
Figure 3.10
Final Typographic System pdf
(9 APRIL 2022)
TASK 2: TYPE & PLAY / PART 1
We were asked to find a type from a picture that we choose, it can be nature, manmade things or the structure of the building. We need to create 5 letter form. Mr Vinod shows us our senior's blog and how the seniors create their own font by the steps. Mr Vinod suggested we follow the steps of our seniors, to trace the image first, to know better how letters can be seen on the original and remember to put baseline as guides.
At the beginning, I try to find reference photo to find font from. I search up of pictures that have the possibility. I tend to find picture that has the possibility of making an impactful font.
Figure 4.1
Photo Reference 1, Week 3
(13 APRIL 2022)
Figure 4.2
Photo Reference 2, Week 3
(13 April 2022)
Here are 2 photos I found on Pinterest that I wanted to use as a reference. From 2 of them, I chose reference 1 to find fonts. I'm trying to track down reference 1 to see the possibilities.
Figure 4.3
Photo Reference 1 with the alphabet, Week 3
(15 APRIL 2022)
(15 APRIL 2022)
Figure 4,4
Alphabet C, Week 3
(15 April 2022)
Figure 4,4
Alphabet E, Week 3
(15 April 2022)
Figure 4,4
Alphabet L, Week 3
(15 April 2022)
Figure 4,4
Alphabet T, Week 3
(15 April 2022)
Figure 4,4
Alphabet N, Week 3
(15 APRIL 2022)
.png)
Figure 4.6
Letter on the guideline, Week 3
(15 APRIL 2022)
Figure 4.7
1st Edition, Week 3
(15 APRIL 2022)
Figure 4.8
2nd Edition, Week 3
(15 APRIL 2022)
Figure 4.9
3rd Edition, Week 3
(15 APRIL 2022)
Figure 4.10
Founder Handwriting-Beginner's Book font as a reference, Week 3
(15 APRIL 2022)
At this stage, I had used the font called "Founder Handwriting-Beginner's Book" to improve my font weight and consistency, this font is downloaded from a Chinese Website
Font Download:
Figure 4.11
Final Edition, Week 3
(15 APRIL 2022)
Figure 4.12
Letter (L) Evolution, Week 3
(15 APRIL 2022)
Figure 4.13
Letter (T) Evolution, Week 3
(15 APRIL 2022)
Figure 4.14
Letter (N) Evolution, Week 3
(15 APRIL 2022)
Figure 4.15
Letter (E) Evolution, Week 3
(15 APRIL 2022)
Figure 4.16
Letter (C) Evolution, Week 3
(15 APRIL 2022)
FINAL OUTCOME
Figure 5.1
Final Outcome Compilation,Week 3
(15 APRIL 2022)
Figure 5.2
Individual Letter Final Outcome PDF, Week 3
(15 APRIL 2022)
Figure 5.3
Compilation Letter Final Outcome PDF, Week 3
(15 APRIL 2022)
Text & Image
Week 5
We were asked to combine visuals with letters. Words must be woven into a symbiotic relationship with images.
I choose two photos for doing my Text & Image.
I did my first attempt. Below is my first attempt.
Figure 6.1
Original Picture of First Attempt, Week 4
(19 APRIL 2022)
Figure 6.2
First Attempt, Week 4
(19 APRIL 2022)
As I am not satisfied with my first attempt, I try to find one more picture and look at the possibility of expressing the words.
Figure 6.3
Original Picture of Second Attempt, Week 4
(19 APRIL 2022)
Figure 6.4
Second Attempt (1), Week 4
(19 APRIL 2022)
Figure 6.5
Second Attempt (2), Week 4
(19 APRIL 2022)
FINAL OUTCOME
Figure 6.5
Final Outcome, Week 4
(19 APRIL 2022)
In the second attempt, I used the smart filter to assimilate the word into the original picture and then add some shadows to make it more like 3D.
Figure 6.6
Final Outcome, PDF, Week 4
(19 APRIL 2022)
FEEDBACK FROM MR. VINOD
Week 2
BILATERAL Mr Vinod the Bilateral the graphic element is unnecessary but the Bilateral wise is definitely correct so from the standpoint it's good. The spacing that I have between the various title can be consistent and a little bit more leading may be necessarry between the smaller deck RANDOM The "Graphic Design" need to work on that a bit more DINATIONAL That "J" no need to make it larger because is already capital and also the date that I have there also larger there again no need to do that, either make them all large, all the same point size bold or just make one of them bold otherwise GRID The word "The Design School" Mr Vinod say is no problem for that putting at the right bottom but at the right top is a bit empty, maybe something small on the top would be great if possible. Since the "The Design School" is a venue and "The Lecture" this could go to the top right TRANSITION Mr Vinod thinks my transition is a bit overcooked, the headline there's too much like things happening to it that unless that's unnecessary so maybe I can do away with the shadow, it's probably not necessary in an open public lecture. Mr Vinod says that my transition maybe can work one more time. RADIAL The "Russian..." is too much there's distortion so that's not so good. The non-objective element would be too dominant So need to redo it againWeek 3
Mr Vinod says my extraction is from this font, say I can actually take a look at the whole font that I see there and as I develop and refine my letter font if I want to introduce certain things that are not from the original font but from the basic thing basic design I can do so.
Remember to make reference to a typeface and head in that direction.
Week 4
Need to change a bit because not just focus on the creativity of different patterns.
Week 5
The "Summer" is okay for that but needs to add some black shadow to make it more real.
The second option "Summer" look no different from option one.
REFLECTION
Week 2
Experience
This week was the first week we saw Mr Vinod again in our first-semester typography class. I was still a little nervous in class, even though I had learned to typeset before. Anyway, I had a good experience in the class. While we have a lot of information to digest in class, as I browse through our future projects, I am excited and looking forward to seeing what it will turn out to be.
Observation
While doing the exercise that Mr Vinod asked us to complete, I noticed that while working on some typography systems it was difficult to align the grid lines I put with the fonts I put. I need to pay attention to the details of the job that make things aligned and easy to read.
Finding
I discovered how to type on the path tool in InDesign, I noticed that the design in InDesign is completely different from the design in Illustrator because I thought some tools would be the same, but it wasn't. But I still found some youtube videos for teaching
Week 3
Experience
To be honest, I have gradually become familiar with this subject. I also started to calm down more slowly than before, and I learned a lot of various designs in this practice.
Observation
In my observations, I have observed that when I do something, I learn to be very focused. I can use and retain information more effectively. I have also observed that my sketches are not perfect.
Finding
I find that my homework still needs improvement because I cannot effectively convey my thoughts or ideas. I have to work harder to record my progress, otherwise, I will lose points, but more importantly, my record and the narrative of my process will be hindered.
Week 4
Experience
Over the course of the week, we learned about the genre and gameplay of Task 2 part 2. We also did a 30-minute practice session in class. I didn't think my first attempt was that good and I felt pretty lost at first. After that, I made 2 more attempts. I think the result is good.
Observation
I've noticed that applying text to images also requires a lot of thought. It's hard to find pictures that express themselves well, I've saved a lot of pictures and tried and it still doesn't work. That's hard.
Finding
I found that there are many functions in photoshop that illustrator does not have, such as photo fusion fonts making fonts have a 3D vision
Comments
Post a Comment