Advanced Typography: Task 2 (A&B)
18.04.2022 - 16.05.2022 (Week 4 - Week 8)
Metta Angelica (0349095)
Bachelor of Design (Hons) in Creative Media
Advanced Typography
Task 2
LIST
LECTURE
Week 5
This week, we discuss about our next task which is Key artwork.
Key artwork behaves like a logo, but also an artwork. As a logo, it is used to identify an event/person but it is also used as an artwork, adorned on a poster (collateral) or disassembled into constituent shapes to form vibrant patterns that continue to maintain its visual identity and relationship with the key artwork from which it is derived from.
 |
| fig. 1 (lecture) |
Lecture 5
Week 8
*indenpendent learning*
INSTRUCTION
Task 2 (A): Key Artwork
For this task you can use the initial letters of your name or your full name, i.e., Onn Aditya Hussein, OAH, OA. Explore and compose as many permulatations and combinations of these initials. The final key artwork must be an elegant solution, not complicated or confusing that leads to a functional and communicable key artwork. This key artwork will subsequently be used in TAsk 2 (B) on various collateral.
Task 2(A) and 2(B) will require you to explore the boundaries of communication using the knowledge gained from all modules not with standing this semester’s exercises of Typographic Systems and Type & Play. Synthesize the knowledge and create a key artwork that excites you and is memorable.
 |
| fig. 1 (taken from MIB) |
Visual References
Sketch
 |
| fig. 2.1 |
 |
| fig. 2.2 |
Digitization
 |
| fig. 3 |
 |
| fig. 4 |
 |
| fig. 5 |
 |
| fig. 6 |
In the next one, I tried to make it using this reference.
 |
| fig. 7 |
 |
| fig. 8 |
 |
| fig. 9 |
 |
| fig. 10 |
 |
| fig. 11 |
 |
| fig.12 |
Final Design
 |
| fig. 13 (final design, JPEG) |
Task 2 (B): Collateral
You are tasked to design a poster, an animated invite, and three other collateral items of your choosing, using the key artwork developed in Task 2(A). Students will work on the poster first and fine-tune the outcomes before going on to the animated invite and other collateral material. The graphic output must result from in-depth exploration and must communicate both visually and textually the desired message and mood set by the key artwork and its function.
Collateral: once the key artwork has been developed, the artwork is then expanded into several iterations that are then applied across the various collateral (applications/promotional material): Poster (Static 50 x 70cm), Animated Invite (800/1024 px, height and width), and 3 relevant collateral of your choosing (T-Shirt, Sticker, Tote bag, etc.).
 |
| fig. 14 (taken from MIB) |
 |
| fig. 15 (taken from MIB) |
Progress
First, I group and divided the objects before I proceed to animate them.
 |
| fig. 16 |
 |
| fig. 17 |
Attempt-1
Animation
Collateral
 |
| fig. 18 |
 |
| fig. 19 |
Attempt-2
Animation
 |
| fig. 20 (animated-gif) |
Collateral
 |
| fig. 21 (JPEG) |
Final Design
Animation
 |
| fig. 22 (final-GIF) |
Collateral
 |
| fig. 23 (Final, JPEG) |
FEEDBACK
Week 7
General feedback: Think about the occupation for the letterforms or the opposite. Use black and white before using other color. avoid using yellow on white background.
Specific feedback: Try to maintain the shape if possible, and think about the occupation for the design.
Week 9
General feedback: The key artwork should be the center piece of your poster and animation.
Specific feedback: put the rest of the info. make the circle big or many to put the rest of the info. maybe use space in the logo to put in text.
REFLECTION
Experience
Doing this exercise was not easy for me, designing a logo or key artwork was the most time-consuming part and I was dissatisfied with a lot of my design. The animation part was also a bit hard but I somhow get through with it.
Obeservation
From my observation choosing color and typefaces was pretty difficult. As before I still struggle with font choices, and I am still learning to choose a good color pallete, but the result wasn't good so I went to the internet and see others choices of color of these theme. I also struggle making the collaterals because one of the objects in illustrator was to big.
Finding
The experience was hard and not easy but I think it is good to struggle sometime or I would felt too relax. Other than that, I found lots of finteresting designs while observing and finding references. Overall, making designs that correlates with the theme was not easy.
FURTHER READING
Typographic Systems of Design: Frameworks for Type Beyond the Grid (Graphic Design Book on Typography Layouts and Fundamentals)
by Kimberly Elam (2007)
 |
| fig. 1 |
"Using nonobjective elements sharpens and articulates the composition. Just as typography is functional in the communication of a message, the nonobjective elements enhance the functions of emphasis, organization, and balance. Nonobjective elements become functional guides when used with typography and communicate the message more clearly by enhancing a hierarchical order and directing the viewer's eye." (Elam, K. 2007)
 |
| fig. 2 (nonobjective elements) |
 |
| fig. 3 (nonobjective elements) |
 |
| fig. 4 (nonobjective elements) |
Comments
Post a Comment