Typography | Task 1 (Exercises)
25.8.2021(Week 1) - 22.9.2021 (Week 5)
Nur Allyssa Nabilah Binti
Mohd Nizam / 0337796 / BDCM
Typography
Task 1 (Exercises)
LECTURE
Week 1: Introduction & Briefing
For our first ever lecture lesson, we were introduced to two of our lecturers
which is Mr Vinod and Dr Charles. Mr Vinod began our lesson by explaining what
are we to expect in this module and the requirements we had to do. He even
gave us some past student work examples for us to refer to. After a short
break, he guided us on how to create our e-portfolio and even looked over some
of our created portfolio links. Before ending the session, he gave out our
first task for us to start on which is Type Expressions.
Week 2: Development
Week 3: Basic
For this weeks lecture, Mr Vinod talked about the basics of Typography. He
began by saying that typography employs several technical terms which
specifically are parts of the letterform.
Week 4: Text Pt 1/Text Pt 2
For this weeks lecture, I decided to cover both Text Part 1 and Part 2. In
the first part, Mr Vinod mentioned that it will be about textual matter
whereby how to format text. The first thing he talked about
was kerning it's defined as the automatic adjustment of
space between letters, it's usually mistaken as letter spacing. This is commonly used for newspaper headlines.
Week 5: Understanding
Week 6: Screen and Print
INSTRUCTION
<iframe
src="https://drive.google.com/file/d/1rRo8Ij_IGxUt20_iGmLFlXN3wftxOTd6/preview"
width="640" height="480" allow="autoplay"></iframe>
Exercise 1: Type Expressions
For our first ever task, we are to pick 4 words and express them. The
method we used to pick the words was we used a facebook poll to vote our
top pick of words. Once the voting ended, Mr Vinod narrowed down the top
7 words for us to pick 3 words from the list. As for the fourth word, Mr
Vinod and Dr Charles themselves decided for us which word we had to
express which is the word Terror. The list option below are the options that we could choose for the
other 3 words for us to express:
- Terror (Mandatory)
- Error
- Melt
- Light
- Gone
- Pour
- Shiver
For the other 3 word choices I decided on doing the words Light, Shiver and Pour.
Below are some of the sketches that I did for the words that I have
chosen.
Figure 1.1 Shiver and Terror Word Sketches (29/08/2021)
Shiver:
Sketch 1:
As for my first shiver sketch, I decided to make the words all wavy
since while a person is shivering cold they would usually be all
shaky.
Sketch 2:
For this sketch, it has a similar meaning as the first one just that
I decided to add tiny details of symbols to indicate the act of
shivering.
Sketch 3:
For my final shiver sketch, I replaced the i dot with a snowflake
since people would usually shiver during the cold.
Terror:
Sketch 1:
For my first sketch, the words terror is arranged in the shape of a
mouth as to show that the person is screaming in fear.
Sketch 2:
For the next sketch, I thought that when someone is terrified that
would get all sweaty so I decided on using the letter o as a sweat
drop to show that they are in terror.
Sketch 3:
For this terror sketch, I decided to put minimal
details of symbol that the word is in terror.
Sketch 4:
For my final idea sketch, I decided to add the crack
marks on the word terror.
Figure 1.2 Light and Pour Word Sketches (30/08/2021)
Light:
Sketch 1:
For my first sketch, I decided to add a small line details on the
letter i to show that the dot on the i is a shining light bulb.
Sketch 2:
For my second light sketch, I decided to create a spotlight effect
whereby only a certain part of the letters in light being lighter than
the other parts of the letters.
Sketch 3:
For the last sketch, I decided to use the black screen at the back and
just make the word light as the color white on top of the word
light.
Pour:
Sketch 1:
For my first sketch, I decided to arrange the letters pour in the
shape of a water flow.
Sketch 2:
For my next sketch, I decided to create a teapot snout on the
letter r to show the word pour.
Sketch 3:
For my last sketch, I decided to do a similar design as to my first
sketch but the letter p is pouring out the letter o into the letter u
which it represents a cup.
After receiving general feedback and specific feedback from Mr Vinod
and Mr Charles and some of my classmates I decided to start on my
digitization for my sketches. I first of worked on the word terror and
decided to digitize my first sketch as I felt that it suits the
expression better.
Figure 1.3 Terror Sketch 1
Before starting the digitizing process, I chose which of the 10 type
faces for me to use for this type expression. Among the 10 I decided
to use ITC Garamond Std Light
Figure 1.4 Terror Digitize 1
After deciding on what typeface I wanted to use, I started playing
around with the effects and was quite happy with how it turned
out.
Figure 1.5 Terror Digitize 2
The effect that's suppose to show is that the word terror is shaped into a mouth.
After completing the type expression I applied a clipping mask on the
word so that it fits the space.
Figure 1.6 Terror Type Expression
After completing the word
Terror, I decided to work on my next word which is Pour. From my Pour sketches I decided to pick my third sketch as I am the
most happiest with the sketch and it really fits the
expression.
Figure 1.7 Pour Sketch 3
Before starting out my expression for the word pour, I decided to use
the typeface which does not have any serifs which is why I chose Futura Std Light.
Figure 1.7 Pour Digitize 1
From my chosen sketch, I wanted the letter O
to enter the letter U and I also felt that the letter P
doesn't really show the effect of that I wanted it to look so I
changed the font for the letter P and O with Futura Std Light Condensed.
Figure 1.8 Pour Digitize 2
After I transformed the letters P and O to make it look as I want
it to, I started positioning the letters as per the sketch that I
have done. Instead of fully following the sketch I decided to rotate
the P to a certain angle to give the pour effect more.
Figure 1.9 Pour Type Expression
The next word I worked on was the word Shiver. From my Shiver sketches I felt that among the three sketches I
liked the second one the most so I decided to use the second
sketch for my digitized Shiver.
Figure 1.10 Shiver Sketch 2
Figure 1.11 Shiver Digitize 1
Figure 1.12 Shiver Digitize 2
Figure 1.11 Shiver Type Expression
Finally I started working on my last word which is Light. From all my Light sketches I felt that among the three
sketches I decided to digitize my second sketch.
Figure 1.12 Light Sketch 2
Before starting on my digitization process I had to decide what
font I would use. For this type expression I wanted a type
expression with no serifs so I decided to use on Universe LT Std 67 Bold Condensed.
Figure 1.13 Light Digitize 1
To help me create the light effect, I decided use the PathFinder
tool to make the lighter space. From the PathFinder tool I used
the exclude feature.
Figure 1.14 Light Digitize 2
Figure 1.15 Light Digitize 3
After applying the Exclude PathFinder, I deleted off all the
parts that I didnt need and created another text outline for me to
layer it behind
Figure 1.16 Light Digitize 4
Figure 1.17 Light Type Expression
After completing all the digitization for the type expression, I
exported into a jpeg file and await for the feedback that will be
given to me by Mr Vinod and Dr Charles.
Figure 1.18 Type Expression Submission
After receiving the feedback that was given to me by Mr Vinod, I
made the adjustments to my Type Expressions. All of the changes
that I made are stated below.
Terror:
For the word terror instead of the center being wider I decided
to stretch out the center letters so it looks more of a mouth and
a more sinister looking smile.
Pour:
For the pour type expression, with the approval of Mr Vinod I
added a small detail of graphic element to the letter 'P' and
flipped the P over so it looks more of a cup as compared to my
previous Pour expression.
Shiver:
For my shiver expression I didn't change much of the letters
positioning as I felt that it looked fine but I decided to change
up the shivering lines with more sizes and width so it doesn't
look unison.
Light:
As for my light expression, I still used the same method to create
the expression just that I aligned my light text to the box border
and decreased the outline thickness to match the box border so it
looks as though the light direction was coming from behind the box
border.
Figure 2.1 Final Submission Type Expression
Figure 2.2 Final Submission Type Expression PDF
Type Expressions Animation
Finally after completing our type expression we were assigned to do the
next part of the task which was to chose one out of the four type
expression and animate it into a gif. From my four type expression, I
decided on doing my updated design of Pour
as it was my favourite idea and I also had a rough idea on how I
would like to animate it.
Figure 3.1 Chosen Type Expression (7/09/2021)
After deciding on which Type Expression I wanted to do, I planned
on which part of the letters that I wanted to animate. The picture
below shows a rough sketch on how animation would go.
Figure 3.2 Type Expression Animation Sketch (7/09/2021)
Based on the sketch above that I have done, I decided to only
animate the letters P and O. The idea of it is that the letter P acts as a jug while the
letter O will be the liquid in the jug and will be poured into the
letter U.
After coming up with the rough sketch, I started working on the
animation frames in Adobe Illustrator. To ensure the animation looks
smooth, I copied the previous frame animation and used it as
reference for the next frame so the position of it is more
accurate.
Figure 3.3 Type Expression Animation Progress 1 (7/09/2021)
Finally after going through the whole process of creating the
animation frame one by one I was able to come up with a total of
20 frames.
Figure 3.4 Type Expression Animation Progress 2
(7/09/2021)
After that whole process in Adobe Illustrator, I moved all the
frame artboards into Adobe Photoshop
for the gif making process to begin.
Figure 3.5 Type Expression Animation Progress 3 (7/09/2021)
And finally after transferring the frames into Adobe Photoshop and
tweaking it a bit so the gif looks smoother, I was able to come up
with the final gif. The image below shows my final type expression
gif animation.
Figure 3.6 Type Expression Gif (8/09/2021)
With the feedback that I was given by Mr Vinod, I gave my type
expression gif a small adjustment and below is my final gif
submission.
Figure 3.7 Final Type Expression Gif (16/09/2021)
Exercise 2: Text Formatting
After completing our Type Expression exercise, Mr Vinod assigned us to
our next task which was Text Formatting. For this exercise, he asked us
to watch 4 videos labeled text formatting in the lecture playlist video
that he gave us.
Figure 4.1 Text Formatting Videos
Text Formatting Exercise 1:
For our first video exercise, we have to use the 10 typefaces that were
given to us and use the 10 typefaces to spell out our name. The image
below was a screenshot from Mr Vinod's demo video on what we had to
do.
Figure 4.2 Mr Vinod demo 1
After fully watching the demonstration video done by Mr Vinod. I
started attempting the exercise myself. Before typing my name out, I
chose which of the types I liked for each of the the typefaces.
The below image shows the list of typefaces that I chose.
-
Bembo Std: Semi bold Italic
-
ITC Garamond Std: Light Condensed
-
Janson Text LT Std: 56 Italic
-
Adobe Caslon Pro: Regular
-
ITC New Bakersville Std: Bold Italic
- Bodoni Std: Poster
- Serifa Std: 55 Roman
-
Futura Std: Medium Condensed
-
Gill Sans: Ultra Bold Condensed
-
Univers LT Std: 49 Light Ultra Condensed
Figure 4.3 Typefaces I chose
As I have decided which of the types I wanted to use for each of the
fonts, I started typing out my name 10 times. I realized that if I used
my full name (Nur Allyssa Nabilah). I wouldn't be able to fit all of the 10 typefaces in a single page so
I decided to just use Allyssa Nabilah.
Figure 4.3 Progression 1 (Before Kerning)
Figure 4.4 Closeup Before Kerning (18/09/2021)
Figure 4.5 Closeup Before Kerning (18/09/2021)
Figure 4.6 Name After Kerning Close Up 1 (18/09/2021)
Figure 4.7 Name After Kerning Close Up 2(18/09/2021)
Figure 4.8 Name After Kerning (18/09/2021)
In these three exercise videos, we were assigned to do letter kerning
and spacing for an article text that was provided to us by Mr Vinod in
the Facebook group. Below is some of the layouts that I came up
with through this exercise.
Figure 5.1 Layout 1 (19/09/2021)
Figure 5.2 Layout 2 (19/09/2021)
Between both the layouts that I did I decided that I preferred my
second layout which I decided to use it as my final submission.
Figure 5.3 Final Submission (19/09/2021)
<iframe
src="https://drive.google.com/file/d/1rRo8Ij_IGxUt20_iGmLFlXN3wftxOTd6/preview"
width="640" height="480" allow="autoplay"></iframe>
Exercise 1: Type Expressions
For our first ever task, we are to pick 4 words and express them. The
method we used to pick the words was we used a facebook poll to vote our
top pick of words. Once the voting ended, Mr Vinod narrowed down the top
7 words for us to pick 3 words from the list. As for the fourth word, Mr
Vinod and Dr Charles themselves decided for us which word we had to
express which is the word Terror. The list option below are the options that we could choose for the
other 3 words for us to express:
- Terror (Mandatory)
- Error
- Melt
- Light
- Gone
- Pour
- Shiver
For the other 3 word choices I decided on doing the words Light, Shiver and Pour.
Below are some of the sketches that I did for the words that I have
chosen.
Figure 1.1 Shiver and Terror Word Sketches (29/08/2021)
Shiver:
Sketch 1:
As for my first shiver sketch, I decided to make the words all wavy
since while a person is shivering cold they would usually be all
shaky.
Sketch 2:
For this sketch, it has a similar meaning as the first one just that
I decided to add tiny details of symbols to indicate the act of
shivering.
Sketch 3:
For my final shiver sketch, I replaced the i dot with a snowflake
since people would usually shiver during the cold.
Terror:
Sketch 1:
For my first sketch, the words terror is arranged in the shape of a
mouth as to show that the person is screaming in fear.
Sketch 2:
For the next sketch, I thought that when someone is terrified that
would get all sweaty so I decided on using the letter o as a sweat
drop to show that they are in terror.
Sketch 3:
For this terror sketch, I decided to put minimal details of symbol that the word is in terror.
For this terror sketch, I decided to put minimal details of symbol that the word is in terror.
Sketch 4:
For my final idea sketch, I decided to add the crack marks on the word terror.
For my final idea sketch, I decided to add the crack marks on the word terror.
Figure 1.2 Light and Pour Word Sketches (30/08/2021)
Light:
Sketch 1:
For my first sketch, I decided to add a small line details on the
letter i to show that the dot on the i is a shining light bulb.
Sketch 2:
For my second light sketch, I decided to create a spotlight effect
whereby only a certain part of the letters in light being lighter than
the other parts of the letters.
Sketch 3:
For the last sketch, I decided to use the black screen at the back and
just make the word light as the color white on top of the word
light.
Pour:
Sketch 1:
For my first sketch, I decided to arrange the letters pour in the
shape of a water flow.
Sketch 2:
For my next sketch, I decided to create a teapot snout on the
letter r to show the word pour.
Sketch 3:
For my last sketch, I decided to do a similar design as to my first
sketch but the letter p is pouring out the letter o into the letter u
which it represents a cup.
After receiving general feedback and specific feedback from Mr Vinod
and Mr Charles and some of my classmates I decided to start on my
digitization for my sketches. I first of worked on the word terror and
decided to digitize my first sketch as I felt that it suits the
expression better.
Figure 1.3 Terror Sketch 1
Before starting the digitizing process, I chose which of the 10 type
faces for me to use for this type expression. Among the 10 I decided
to use ITC Garamond Std Light
Figure 1.4 Terror Digitize 1
After deciding on what typeface I wanted to use, I started playing
around with the effects and was quite happy with how it turned
out.
Figure 1.5 Terror Digitize 2
The effect that's suppose to show is that the word terror is shaped into a mouth.
After completing the type expression I applied a clipping mask on the
word so that it fits the space.
Figure 1.6 Terror Type Expression
After completing the word
Terror, I decided to work on my next word which is Pour. From my Pour sketches I decided to pick my third sketch as I am the
most happiest with the sketch and it really fits the
expression.
Before starting out my expression for the word pour, I decided to use
the typeface which does not have any serifs which is why I chose Futura Std Light.
Figure 1.7 Pour Digitize 1
From my chosen sketch, I wanted the letter O
to enter the letter U and I also felt that the letter P
doesn't really show the effect of that I wanted it to look so I
changed the font for the letter P and O with Futura Std Light Condensed.
Figure 1.8 Pour Digitize 2
After I transformed the letters P and O to make it look as I want
it to, I started positioning the letters as per the sketch that I
have done. Instead of fully following the sketch I decided to rotate
the P to a certain angle to give the pour effect more.
The next word I worked on was the word Shiver. From my Shiver sketches I felt that among the three sketches I
liked the second one the most so I decided to use the second
sketch for my digitized Shiver.
Figure 1.10 Shiver Sketch 2
Figure 1.11 Shiver Digitize 1
Figure 1.12 Shiver Digitize 2
Figure 1.11 Shiver Type Expression
Finally I started working on my last word which is Light. From all my Light sketches I felt that among the three
sketches I decided to digitize my second sketch.
Figure 1.12 Light Sketch 2
Before starting on my digitization process I had to decide what
font I would use. For this type expression I wanted a type
expression with no serifs so I decided to use on Universe LT Std 67 Bold Condensed.
Figure 1.13 Light Digitize 1
To help me create the light effect, I decided use the PathFinder
tool to make the lighter space. From the PathFinder tool I used
the exclude feature.
Figure 1.14 Light Digitize 2
Figure 1.15 Light Digitize 3
After applying the Exclude PathFinder, I deleted off all the
parts that I didnt need and created another text outline for me to
layer it behind
Figure 1.16 Light Digitize 4
Figure 1.17 Light Type Expression
Figure 1.18 Type Expression Submission
After receiving the feedback that was given to me by Mr Vinod, I
made the adjustments to my Type Expressions. All of the changes
that I made are stated below.
Terror:
For the word terror instead of the center being wider I decided
to stretch out the center letters so it looks more of a mouth and
a more sinister looking smile.
Pour:
For the pour type expression, with the approval of Mr Vinod I
added a small detail of graphic element to the letter 'P' and
flipped the P over so it looks more of a cup as compared to my
previous Pour expression.
Shiver:
For my shiver expression I didn't change much of the letters
positioning as I felt that it looked fine but I decided to change
up the shivering lines with more sizes and width so it doesn't
look unison.
Light:
As for my light expression, I still used the same method to create
the expression just that I aligned my light text to the box border
and decreased the outline thickness to match the box border so it
looks as though the light direction was coming from behind the box
border.
Figure 2.1 Final Submission Type Expression
Type Expressions Animation
Finally after completing our type expression we were assigned to do the
next part of the task which was to chose one out of the four type
expression and animate it into a gif. From my four type expression, I
decided on doing my updated design of Pour
as it was my favourite idea and I also had a rough idea on how I
would like to animate it.
Figure 3.1 Chosen Type Expression (7/09/2021)
After deciding on which Type Expression I wanted to do, I planned
on which part of the letters that I wanted to animate. The picture
below shows a rough sketch on how animation would go.
Figure 3.2 Type Expression Animation Sketch (7/09/2021)
After coming up with the rough sketch, I started working on the
animation frames in Adobe Illustrator. To ensure the animation looks
smooth, I copied the previous frame animation and used it as
reference for the next frame so the position of it is more
accurate.
Figure 3.3 Type Expression Animation Progress 1 (7/09/2021)
Finally after going through the whole process of creating the
animation frame one by one I was able to come up with a total of
20 frames.
Figure 3.4 Type Expression Animation Progress 2
(7/09/2021)
After that whole process in Adobe Illustrator, I moved all the frame artboards into Adobe Photoshop for the gif making process to begin.
Figure 3.5 Type Expression Animation Progress 3 (7/09/2021)
And finally after transferring the frames into Adobe Photoshop and
tweaking it a bit so the gif looks smoother, I was able to come up
with the final gif. The image below shows my final type expression
gif animation.
Figure 3.6 Type Expression Gif (8/09/2021)
With the feedback that I was given by Mr Vinod, I gave my type expression gif a small adjustment and below is my final gif submission.
Figure 3.7 Final Type Expression Gif (16/09/2021)
Exercise 2: Text Formatting
After completing our Type Expression exercise, Mr Vinod assigned us to
our next task which was Text Formatting. For this exercise, he asked us
to watch 4 videos labeled text formatting in the lecture playlist video
that he gave us.
Figure 4.1 Text Formatting Videos
For our first video exercise, we have to use the 10 typefaces that were
given to us and use the 10 typefaces to spell out our name. The image
below was a screenshot from Mr Vinod's demo video on what we had to
do.
Figure 4.2 Mr Vinod demo 1
After fully watching the demonstration video done by Mr Vinod. I
started attempting the exercise myself. Before typing my name out, I
chose which of the types I liked for each of the the typefaces.
The below image shows the list of typefaces that I chose.
- Bembo Std: Semi bold Italic
- ITC Garamond Std: Light Condensed
- Janson Text LT Std: 56 Italic
- Adobe Caslon Pro: Regular
- ITC New Bakersville Std: Bold Italic
- Bodoni Std: Poster
- Serifa Std: 55 Roman
- Futura Std: Medium Condensed
- Gill Sans: Ultra Bold Condensed
- Univers LT Std: 49 Light Ultra Condensed
Figure 4.3 Typefaces I chose
Figure 4.3 Progression 1 (Before Kerning)
Figure 4.4 Closeup Before Kerning (18/09/2021)
Figure 4.5 Closeup Before Kerning (18/09/2021)
Figure 4.6 Name After Kerning Close Up 1 (18/09/2021)
Figure 4.7 Name After Kerning Close Up 2(18/09/2021)
Text Formatting Exercise 2,3,4:
In these three exercise videos, we were assigned to do letter kerning
and spacing for an article text that was provided to us by Mr Vinod in
the Facebook group. Below is some of the layouts that I came up
with through this exercise.
Figure 5.1 Layout 1 (19/09/2021)
Figure 5.2 Layout 2 (19/09/2021)
Between both the layouts that I did I decided that I preferred my
second layout which I decided to use it as my final submission.
FEEDBACK
Week 1
No feedback was given
Week 2
General feedback:
The type expression should be expressed as minimal as possible and you don't
have to use the entire letters in the word to create the expression. As my
blog background is white in colour, when uploading an image I should create at
least a black border for the image so the image frame is visible.
Specific feedback:
Some of my classmates looked over my type expressions. They all collectively
liked my second light idea and the second shiver idea. One of them gave an
advice that my third design for shiver could be developed better as the
expression is somewhat there and she also liked my third idea for pour. As for
my e-portfolio, I should add the book cover under the further reading so that
the people viewing my blog can know what we book that I read.
Week 3
General feedback:
Mr Vinod looked over all the digitized type expression.
Specific feedback:
For my the word Terror, Mr Vinod got the idea behind it just that the way
its presented doesn't show that its in terror. As for the word Shiver, the
lines surrounding the letters should be more thinner and it shouldn't be
all universal. My word Pour, is okay just that maybe I could make the
letter P look more like a jug by adding a minor graphic element. Finally
for my word light, I could start the word from the edge of the box frame
to the other side of the box frame.
Week 4
General feedback:
Mr Vinod mentioned that our e-portfolios should be formatted like the blog
link he has provided us. The final submission file should include both
JPEG and PDF file.
Specific feedback:
Mr Vinod looked over my pour gif and said that it was fine just that I
needed to make the last frame slower. He also looked over my e-portfolio
saying that it was quite up to date just that it needed some
adjustments.
Week 5
General feedback:
Mr Vinod looked over my e-portfolio and all of my final submissions
Specific feedback:
Mr Vinod looked over my Task 1 Exercise 1 and mentioned that it had
great progression just that I should label which GIF is my final GIF
and also said that it would be great to pause the last frame of my GIF
for a second. As for my Task 1 Exercise 2, he mentioned that it had
good progression and it was good work but the image of the layout is
distorted.
REFLECTION
I found the first exercise a bit tough as I found the words that we were given as option to express quite hard and even went through an idea block but luckily thanks to some of my classmates advice and some help from other people. I managed to come up with a few ideas for this particular exercise. I found the digitizing process not as tough as compared to coming up with the ideas but after receiving some feedback, I realized that the ideas that I've done even though they were all decent they could actually be improved and could be developed even more. The animating process for my chosen type expression went surprisingly easy. I was really happy with how the final gif turned out.
In the text formatting exercise, I found the name exercise doable as all we
had to do was just choose a text font and create a letter kerning. As for
the article exercise, I found the exercise really tough. Even though all we
had to do was follow the video tutorial given by Mr Vinod I still found this
exercise really hard as I had to redo the exercise multiple times if I did a
tiny mistake of changes but eventually I was able to come up with a few
different layouts from the exercise.
FURTHER READING
Week 1
For my first week of self-reading, I decided to read a page on Semantics in the book
THE VIGNELLI CANON. Before he
began a defining Semantics he mentioned that Semantics, Syntactics and
Pragmatics are the important aspects of design on his opinion. He then
defined Semantic as the search of meaning for whatever we design. He also
mentioned that Semantics are applied depending on the subject and it could
be taken into many directions. Some examples he gave were the search for
more information about a certain Company, Product or even the real meaning
of the subject and its semantic roots. He further explained that it's very
important to spend some time searching for the accurate meaning and
essential to produce a satisfactory design.
Week 2
For this weeks self-reading, I decided to venture into another book
called TYPOGRAPHY REFERENCED. I read about the history of typography. From what I have read typography
began way back in the 5th Century BCE in the ancient Greek where they
started out by just using sharp objects to carve out letters on hard
surfaces. Which later on in the 16th Century text fonts were invented which
the first one ever created Garamond (1500-1567).
Week 3
For my third week of self-reading, I decided to go back to the same book
that I read before for my first week THE VIGNELLI CANON just a different aspect of design which the writer mentioned before one of
the three important aspects according to his opinion. The second aspect of
design he talked about is Syntactics. He defined it as the essence of syntax whereby its the overall structure,
grid, typefaces, text, headlines etc. Its the consistency of a design to
give an appropriate relationship in a design project for example how the
type relates to the grids, how the text relates to each other and many
more.
Week 4
For this weeks self-reading again I decided to go back to the same
book THE VIGNELLI CANON. The writer talks about the third aspect that he thinks is important in
a design project which is Pragmatics. He defined it as how important it is to understand the starting point of
a design. He continued on saying that if this aspect is not applied right
how will people understand the design you wish to give out to the people
who see it. Its best, for example, an artefact should be able to stand on
its own and without any sense of explanation should be able to stand to on
its own and still could be understood by the people looking at it.
Comments
Post a Comment