06.05.2022 - 05.04.2022 (Week 6 - Week 5)
Abigail Kartika Darmowinoto / 0350525 / Bachelor of Design in Creative Media
Advanced Typography / Taylor's University
Task 2A: Key Artwork, Task 2B: Collateral Design

LIST

OTHER POST

LECTURES
<back to top>

AdTypo_3_Context&Creativity

HISTORY OF LETTERFORM

The first produced letterforms were designed directly from imitating handwriting. The shape and line of hand-drawn letterforms are influenced by the tools and materials used to make them.

Fig 1.1, Latin Alphabet Evolution, Week 7 (13/05/2022)

CUNEIFORM (c. 3000 BCE)

Fig 1.2, Cuneiform, Week 7 (13/05/2022)

Earliest writing system
Written from left to right and evolved from pictograms
Written on wet clay talets with blunt end of a reed stylus
Used in a number of languages between the 34C. B.C.E through the 1st century C.E.

HIEROGLYPHS (2613-2160 B.C.E.)

Fig 1.3, Hieroglyphs, Week 7 (13/05/2022)

Egyptian writing systems
Developed as ideograms and phonograms

EARLY GREEK (5th c. B.C.E.)

Fig 1.4, Early Greek, Week 7 (13/05/2022)

Phonetics alphabet that has 22 letters
Freehand, no rule and no serif
Time Evolved: strokes get ticker, started to develop serifs.
Function:

To represent the things they actually depict (ideograms).
As determinations to show that the signs preceding are meant as phonograms and to indicate the general idea of the word.
As phonograms represent sounds that "spell out" individual words.

ROMAN UNICIALS

Fig 1.5, Roman Unicials, Week 7 (13/05/2022)

Becoming more rounded
Curved form allow fewer strokes
Written faster

ENGLISH HALF UNCIALS (8TH C.)

Fig 1.6, English Half Unicials, Week 7 (13/05/2022)

England -> uncial evolved into a more slanted and condensed form.

CAROLINGIAN MINUSCULE

Fig 1.7-1.9, Charlemagne-Letterform during his era-Carolingian Script, Week 7 (13/05/2022)

The fall of Roman Empire decreased literacy and was only kept alive by religious groups
Emperor Charlemagne started book producing a new script called Carolingian was developed.

BLACK LETTER (12-15 C.CE)

Fig 1.10-1.11, Black Letter and the strokes, Week 7 (13/05/2022)

Gothic, characterized by tight spacing and condensed lettering.
Evenly spaced verticals dominated the letterform.
Condensing line spacing and letter spacing reduced the number of costly materials in book production.

PRINTING

MOVABLE TYPE (11C - 14C.)

Fig 1.12, Hangul Moveable Type, Week 7 (13/05/2022)

The earliest known printed book is the Diamond Sutra. This innovation was developed for printing on woodblock in East Asia (China, Korea and Japan).

Handwriting was digitized as to preserve the history and type foundries created the market. Colonization influenced the culture of Eastern.

MIDDLE EASTERN ALPHABETS - sound to represent the letters.

Fig 1.13, Middle Eastern Alphabets, Week 7 (13/05/2022)

CHINESE SCRIPT - mural to clerical, traditional and simplified script

Fig 1.14, Chinese Script, Week 7 (13/05/2022)

INDIAN VALLEY CIVILIZATION (IVC) SCRIPT - logo-syllabic in nature.

Fig 1.15, Indian Valley Civilization Script, Week 7 (13/05/2022)

BRAHMI SCRIPT - earliest writing system in India after Indus script.

Fig 1.16, Brahmi Script, Week 7 (13/05/2022)

Fig 1.17-1.18, Pallava-Pra Nagiri, Week 7 (13/05/2022)

The oldest writing script in South East Asia is Pallava, which is actually from India and used for writing Sanskrit and Tamil. The early form of Nagiri, Pra-Nagiri is also used.

Fig 1.19, Kawi Inscription, Week 7 (13/05/2022)

Old kingdoms used Indian and Kawi script to write old Malay language, from Indonesia till Philippines.

Indonesian has lots of writing systems.

Fig 1.20-1.23, Incung-Rejang-Batak-Bugis-Javanese, Week 7 (13/05/2022)

Fig 2.24, Javanese, Week 7 (13/05/2022)

Fig 2.20 = Incung
Fig 2.21 = Rejang
Fig 2.22 = Batak
Fig 2.23 = Bugis
Fig 2.24 = Javanese

Fig 2.25, Jawi Script, Week 7 (13/05/2022)

Jawi is an arabic influenced alphabet introduced by Islam. Ancient Hindu societies in both South and South East Asia were classist and often caste-based while the lower classes were illiterate, this were Islam took role to spread the religion using the Jawi.

Fig 2.26, Manuscript from the 19th Century, Week 7 (13/05/2022)

In modern Malaysia, Jawi is of greater importance because it's the script used for all famous works of literature. Every Hikayat and Malay charm book is written in Jawi.

AdTypo_4_Designing Type

DESIGNING TYPE

Consideration/ Limitations when making a typeface needs to be recognized even in poor light conditions or when the reader was moving quickly past the sign.

UNIVERS - ADRIAN FRUTIGER

Adrian Frutiger developed FRUTIGER, the font is a sans serif typeface in 1968. There are several limitations as letterforms has to be recognized in poor light conditions or when the reader was moving quickly past the sign. Frutiger was also developed in Arabic, and was used all over the world.

Frutiger then developed UNIVERS by Adobe Illustrator, InDesign (2015). Adrian Frutiger also developed Indian script with a goal to not compromise too much of their ancient calligraphic expression.

Fig 2.27, UNIVERS - ADRIAN FRUTIGER, Week 7 (13/05/2022)

GEORGIA, VERDANA, BELL CENTENNIAL - MATTHEW CARTER

Matthew Carter's fonts were created to address specific technical challenges like those posed by early computers. The purpose of this font was to be extremely legible even at a very small size on the screen due in part to the popularity of the internet and electronic devices.

Fig 2.28, GEORGIA, VERDANA - MATTHEW CARTER, Week 7 (13/05/2022)

In 1976, AT&T commissioned a new typeface whose sole purpose is for their telephone directories. The design had to solve multiple technical and visual problems related to the existing typeface in the phonebook. Thus, Bell Centennial was made.

Fig 2.29, BELL CENTENNIAL - MATTHEW CARTER, Week 7 (13/05/2022)

JOHNSTON SANS - EDWARD JOHNSTON

Edward Johnston is the creator of the hugely influential London "Underground" typeface which was known as Johnston Sans (1916). He was tasked to create a typeface with bold simplicity that was modern yet rooted in tradition for the London's Underground railway's posters and signages, thus he combined classical Roman proportions with humanist warmth, but still had elegance and simplicity that absolutely fitted the modern age.

Fig 2.30, JOHNSTON SANS - EDWARD JOHNSTON, Week 7 (13/05/2022)

GILL SANS - ERIC GILL

Eric Gill, Johnson's student, developed Gill Sans, which was based on Johnston Sans and it became more famous than his teacher's font.

Fig 2.31, GILL SANS - ERIC GILL, Week 7 (13/05/2022)

GENERAL PROCESS OF TYPE DESIGN

Research

Understand type history, type anatomy, type conventions and terminologies.
Determine the type’s purpose or what it would be used for and what different applications it will be used in.
Examine existing fonts that are presently being used for inspiration/ideas/reference/context/usage pattern/etc.

Sketching

Traditional
Digital
Use their brushes/pen/ink set because they are more confident with their hands and then scan them for digitization while some use digital toolsets like Wacom for much quicker, persistent, and consistent strokes, however, this hinders the natural movement of hands.

Digitization

Professionals use apps: Glyphs and FontLab when digitizing their typeface. Some also use Adobe Illustrator to craft the letterforms and then introduce them to the specialized apps, however, this was frowned upon.
When digitizing, attention should be given to the whole form and also the counter form since the readability of the typeface depends on it.

Testing

The result of testing is part of the process of refining and correcting aspects of the typeface.
Prototyping is also a part of the testing process that leads to important feedback.
Depending on the typeface category (display type/text type), the readability and legibility of the typeface become an important consideration, however, it is not crucial if the typeface is display type, where expressions of the form take a little more precedence.

Deploy

Even after deploying a completed typeface there are always teething problems that did not come to the fore during the prototyping and testing phases. Thus, the task of revision doesn’t end upon deployment. The rigour of the testing is important so that the teething issues remain minor.

TYPEFACE CONSTRUCTION

Fig 2.32, TYPEFACE CONSTRUCTION, Week 7 (13/05/2022)

Roman Capital: the grids consist of a square and inside it was a circle that touches the lines of the square in 4 places. Within the square, there are rectangles that are 3 quarters the size of the square and are positioned in the centre of the square.

Grids (with circular forms) can facilitate the construction of letterforms and is a possible method to create your own letterform. Grids (with circular forms) can facilitate the construction of letterforms and is a possible method to create your own letterform.

CONSTRUCTION AND CONSIDERATION

Fig 2.33, CONSTRUCTION AND CONSIDERATION, Week 7 (13/05/2022)

The 26 alphabets can be arranged into groups and distinction is made between a group for the capitals and the lowercase letters.

Fig 2.34, EXAMPLES, Week 7 (13/05/2022)

Many different forms and constructions must be taken into account when designing a new type. An important visual correction is the extrusion of curved (and protruding) forms past the baseline and cap line, which also applies to the vertical alignment between curved and straight forms.

Visual correction is also needed for the distance between letters. The letters must be altered to a uniform 'visual' white space which means that the whitespace between the letters should appear the same, this is called 'fitting' the typeface.

INSTRUCTIONS
<back to top>

fig 2.1, Module Information Booklet of Advanced Typography

fig 2.2, Advanced Typography Class Timeline

WEEK 5 TASK:
✅ Prepare for task 2; create shapes form your initials (1024 or 2048 px, ratio 1:1)

WEEK 9 TASK:

✅ Key Artwork (BW & Colour) 1024 px (JPG & PDF)

✅ Poster (A3) (1 artwork, 1 simulation) (JPG & PDF)

Animated Gif invite (800/1024 px)

✅ 1 collateral (your choice - simulate) (JPG & PDF)

EXERCISES

<back to top>

EXERCISE LIST:

TASK 2A: KEY ARTWORK

TASK 2A: KEY ARTWORK FINAL

TASK 2B: COLLATERAL

TASK 2B: COLLATERAL FINAL

TASK 2A: KEY ARTWORK
We were tasked to create some sketches for our key artwork design. We should imagine what kind of occupation will be done and what kind of design suited. If it's hard, imagine if we don't be designer, what will we do, Mr. Vinod said.

I searched on pinterest on some kind of design inspiration. When I was a child I like to watch things like this a lot. and it somehow give me some ideas:

fig 3.1, inspiration 1, Week 7 (13/05/2022)

Thus, I made these design:

fig 3.2, sketches, Week 7 (13/05/2022)

The shape of design number 3 actually inspired by this:

fig 3.3, inspiration 2, Week 7 (13/05/2022)

While I also found this pin and try to draw the basic shape for number 4 design. When I draw the 'a' and 'd', those combinations gave me some kind of flowery figures.

fig 3.4, inspiration 3, Week 7 (13/05/2022)

I feel like the feedbacks provided by Mr. Vinod feels hanging. Also, comparing with my friends' sketches I feel mine needs more work to do even thought Mr. Vinod said I can go with sketch 2.

Thus, I tried to brainstorm more ideas. I got these as outputs:

fig 3.5, choices, Week 8 (26/05/2022)

I'm aware that as mentioned before, Mr. Vinod feedback said the text logo considered good if it's balanced, so I filtered the balance one, and here they're my filtered choice:

fig 3.6, chosen key artwork, Week 8 (26/05/2022)

As from those choice, I need to breakdown more. I learnt their strokes consistency and found out that my last 2 key artworks are inconsistent.

I choose output the third key artwork from fig 3.6 and started to color it. I choose these as my color palette inspiration:

fig 3.7, inspiration, source; https://www.nicepng.com/downpng/u2e6q8w7i1w7i1e6_wax-seals-oak/, Week 8 (26/05/2022)

So, I came up with this color palette:

fig 3.8, extracted colors, Week 8 (26/05/2022)

So here's my logo output:

fig 3.9, colored key artwork, Week 8 (26/05/2022)

I think the first design has better "luxurious" feeling in it, also looks more like an item.

Mr. Vinod said my key artwork is messy. Felt like I'm very left behind than the others. Felt like hit to rock bottom and felt like I'm not good at designing (or maybe anything also). Anyway, life goes on.

Ok so these 2 are the key artworks chosen by Mr. Vinod. I'll go with one of them.

fig 3.10, chosen key artwork, Week 9 (27/05/2022)

Kinda relieved the key artworks chosen aren't much different looking compared to the previous one.

I chose the left one, because it has more characteristic and more complicated. I re-edit some part and remove the dots because I think they were unnecessary.

fig 3.11, chosen logo, Week 9 (27/05/2022)

In my opinion, looks good. It has characteristic like a ribbon, remind me of a ribbon dancer. Thus, I want to make a ribbon shop.

I began to color my logo. I used #451707 for the color, which give a sense of warmth and vintage. I don't want to use gradient because the style of the font is classy and minimalistic.

fig 3.12, chosen logo colored, Week 9 (27/05/2022)

TASK 2A: KEY ARTWORK FINAL

fig 3.13, final chosen logo (JPEG), Week 9 (27/05/2022)

fig 3.14, final chosen logo (PDF), Week 9 (27/05/2022)

Typeface : Vivaldi Italic

Color : #451707

https://pin.it/6jd5SAI

fig 3.15, used typeface and color, Week 9 (27/05/2022)

TASK 2B: COLLATERAL

POSTER

POSTER

I started with output #3. For my personal opinion, it looked like a wax stamp that usually puts on letter.

fig 3.16, poster reference, Week 8 (26/05/2022)

My occupation will be scented candle producer. Therefore, I want to make something vintage and classy styled posters inspired by the wax seal history as the ornament like the one I did in my further reading.

Then, I started to write in my content, here're my outputs.

fig 3.17, poster output, Week 8 (26/05/2022)

Since I changed my logo, also the previous poster seems like effortless, I feel like I have to make something new. I made these:

fig 3.18, new poster, Week 9 (27/05/2022)

I add a slogan and then proceeding to finalize, so this is my final:

fig 3.19, new poster final touch, Week 9 (27/05/2022)

SIMULATION

Then I proceed to make the simulation. I used the template from this site:

fig 3.20, new poster, poster reference, source: A5 mockup psd created by mockupguy2 - www.freepik.com, Week 9 (27/05/2022)

Thus, this my output:

fig 3.21, poster simulation, Week 9 (27/05/2022)

ANIMATION

fig 3.22, poster invitation, Week 9 (27/05/2022)

COLLATERAL

I planned to work as scented candle seller, thus, I made this:

fig 3.23, mock-up output, Week 8 (26/05/2022)

I searched on some ribbon mockups out there, and I found these 2 and I want to proceed on making my ribbon.

Image by rawpixel.com

https://www.freepik.com/free-psd/packing-tape-mock-up-assortment_17434064.htm

And I came out with these as my outputs:

fig 3.24, mock-up output 1, Week 8 (26/05/2022)

fig 3.25, mock-up output 2, Week 8 (26/05/2022)

fig 3.26, mock-up output 3, Week 8 (26/05/2022)

No, I think they're not good enough (except the last one can but, ... ). So maybe I want to try to change my company a bit (actually can just change the product, but I want it more general). Thus, I decided on making custom hampers:

Free Gift Box PSD - GraphicsFuel https://www.graphicsfuel.com/2015/10/free-gift-box-psd/

Cardboard mockup psd created by freepik

fig 3.27, mock-up output 4, Week 8 (26/05/2022)

fig 3.28, mock-up output 5, Week 8 (26/05/2022)

TASK 2B: COLLATERAL FINAL

POSTER FINAL
fig 3.29, final key artwork poster (JPEG), Week 9 (27/05/2022)
fig 3.30, final key artwork poster simulation (JPEG), Week 9 (27/05/2022)
fig 3.31, final key artwork invitation (GIF), Week 9 (27/05/2022)
fig 3.32, final key artwork poster (PDF), Week 9 (27/05/2022)
MOCK-UP FINAL
fig 3.33, mockup final (JPEG), Week 9 (27/05/2022)
fig 3.34, mockup final (PDF), Week 9 (27/05/2022)

POSTER AND MOCK-UP FINAL

fig 3.35, Task 2 final (PDF), Week 9 (27/05/2022)

FEEDBACKS

<back to top>

Week 7 (13/05/2022) - Task 2A, Key Artwork:

GENERAL FEEDBACKS:

Be minimal in choosing color scheme, color have to be strong (no yellow, no pink)
When creating mark, use square and judge where the positive and negative space, must be balanced.

SPECIFIC FEEDBACKS:

2nd design has interesting balance, but the height quite longish.
7th design problem would be the corner:

3rd design looks like a wheelchair
Not much comment for the rest, design 2 has better form.

Week 8 (27/05/2022) - Task 2A, Key Artwork & Task 2B, Collateral

GENERAL FEEDBACKS:

Poster should reflect key artwork.
Should use reliable reference.
Simple tips: enlarge your logo, place the contents inside the area.

SPECIFIC FEEDBACKS:

The logo is disaster, mess.
Paper isn't the personality, better choose other logo #10 #11 can work.

REFLECTION

<back to top>

EXPERIENCE

In this task idk why I feel more exhausted than ever. I don't feel like I did good in this module. Referring to Task 1 and this task, I feel that I'm not a good designer. Kinda feel down, but I shouldn't give up. Also, the feedbacks I got also feel more harsh than the last semester :( I feel overwhelmed a lot in this time of semester as other modules also started to start the final project.

OBSERVATION

I observe that a good "logo" or "key artwork", i have to make something balanced to make it good. I also observe that a good designer has to have strong ideation to excel.

FINDINGS

I found out that a good artwork has to be strong and not just an hour or a minute of idea making. I also found out that to be a good designer in the future, I have to hear what the client said and their opinions are important to make the design. The design direction will be clearer.

FURTHER READING
<back to top>

Wax Seals: A Brief History of This Luxurious Postage Decoration

(https://www.hsmcdigshistory.org/clues-to-early-maryland-21-seals-of-identity/)

*all image sourced from the corresponding article.

People at the 17th Century, need something more than a signature because it can be easily forged, so they made personal seal. Ancient civilizations at the Near East and Egypt seals made from clay. This concept using metal stamps or signet rings was continued amongst the Greeks and Romans. In the Medieval era, monarchs, princes, the Pope, Cardinals and Bishops each had seals, as increasingly did towns and some corporations.

As time goes on, individuals has the mean on creating their own personal identity.These were generally small devices of metal that displayed an engraved personal monogram or distinctive decorative device that would leave a unique design.

17th or 18th-century writer compose their message on a sheet of paper - put in into envelope / small packet, and seal up the letter with wax and their signet ring or metal stamp, because the wax seal could ensure that the correspondence had reached the intended person without it being read by others because they're unbreakable.

REFERENCE:

Miller, H. M. (2022, January 11). Seals of Identity. Historic St. Mary’s City. Retrieved May 26, 2022, from https://www.hsmcdigshistory.org/clues-to-early-maryland-21-seals-of-identity/

Search This Blog

Abigail Kartika Darmowinoto (0350525)