Advanced Typography / Task 2/Key Artwork and Collateral
13.09.2023-25.10.2023（Week4-Week9）
Chai HongHong/0354211/Creative Media Design.
Advanced Typography/Task 2/Key Artwork and Collateral
LECTURES
Week 4
The reason to continue designing typefaces is to improve its legibility and also a form of artistic expression.
Process of Type Design:
1. Research
· Understand type history, type anatomy, the conventions and terminologies
· Determine the type's purpose or what it would used for and what different applications it will be used in
· Study existing fonts that are presently being used for inspiration/reference/context/usage pattern/etc
2. Sketching
- The use of traditional tool (pen and paper) is better than digital tools (iPad and Apple pencil) due to the nature of the strokes created by the hand. This does not mean we should not use digital tools.
3. Digitalisation
-Fontlab and Glyphs are applications used to digitize typefaces.
4. Testing
-Important component in the design thinking process. The results of the testing are part of the process of refining and correcting aspect of typefaces. Prototyping is also part of the process and leads to important feedback. However, it is not as crucial if the typeface is a display type
Week 5
Perception
is the way in which something is regarded, understood, or interpreted. In typography deals with the visual navigation and interpretation of the reader via contrast, form, and organization of the content.
Organization/gestalt: perceptual organization/groupings
Law of Similarity- elements that are similar to each other tend to be perceived as a unified group.
Law of Proximity- items that are close to each other tend to be grouped together.
Law of Closure- mind's tendency to connect and complete figures despite it being empty
Law of Continuation- Humans perceive each of two or more objects as different, singular, and uninterrupted objects even when they intersect.
INSTRUCTION
Task 2 (A) Key Artwork
Week 4
Ideation and sketches
This week we were asked to design a logo using 4-5 letters of our names. My name is Chai HongHong, which in Chinese means a match burning redder and redder. My parents hope that my life can burn like fire, with passion and enthusiasm. So I decided to incorporate the element of fire into my logo.
I was exploring the fire element on Pinterest and I found the following reference images.
Fig.1.1.Reference
Fig.1.2.Reference
Fig.1.3.Reference
I tried two styles and Mr. Vinod thought the first one could be explored further and try more monograms.
Fig.1.4. sketches
In class, Mr. Vinod gave us 15 minutes to make a logo. I continued to experiment with fire elements, this time I used the Hong in my name.
Fig.1.5. process
After I removed the strokes in the letter O, I felt that the letter O was a bit hollow. I decided to add something to the letter O. After trying it again and again, I decided to use small flames to form a pair of eyes. I'm very satisfied, I think it's unique and has a weird style.
Fig.1.6. Final Key Artwork
In class, Mr. Vinod asked us to find five well-done Word Marks. After looking at the five pictures I found, he said that the first one was wrong and the rest were good, but the fifth one was the best among them.
Fig.1.7. Word Marks
Week 5-Week 6
I chose a set of colors and then designed my poster. The following is my first attempt. Mr. Vinod thought that my layout was too single and had no changes.
Fig.1.8. Color palette
Fig.1.9. initial design
Mr. Vinod suggested that I try more interesting typography layouts and suggested that I change products, so I started creating for the second time.
The following is the layout that I am quite satisfied with. I used flames to embellish the picture.
Fig.1.10. process
I changed the product to bags and clothes, and I designed a short sleeve with the letters typed separately.
Fig.1.11. shirt
The following is the layout that I am quite satisfied with. I used flame elements to embellish it.
Fig.1.12.
Fig.1.13.
Fig.1.14.
Fig.1.15.
Fig.1.16 shirt
%20%E6%8B%B7%E8%B4%9D.jpg)
Fig.1.17. shirt
Fig.1.18. shirt
Effect on bags
Fig.1.19. bag
Fig.1.20. bag
Fig.1.21. bag
Effect on hats
Fig.1.22. hat
Fig.1.23. hat
Fig.1.24. hat
Fig.1.25. hat
Effect on packaging bag
Fig.1.26. packaging bag
Fig.1.27. packaging bag
Fig.1.28. packaging bag
Week7
The following is my initial attempt at Instagram layout. I used pink and white as the main background colors, then placed all my products on them and decorated them with parts of my logo.
Fig.1.29. initial layout 1
Fig.1.30. initial layout 2
Fig.1.31. wrong layout
I decided to animate the logo in the middle of the layout.
Fig.1.32. Process
After I converted it to GIF, the color became much darker.
Gif
I replaced the previous cumbersome background with a simple and clear one. The same products are placed in the same post, and consumers can swipe left or right to learn more about the detailed styles. Below is my final layout.
Instagram handle: @hongfashionloom
Bio: Dare to Stand Out, Choose HONG.
"Explore a new dimension of fashion, where HONG seamlessly blends unique design inspirations to transcend the realms of style. Here, fashion is not just attire; it's an expression of attitude. Our clothing epitomizes the perfect fusion of taste and individuality, a keen sense of fashion's ebb and flow. Choosing HONG means embracing distinctiveness, daring to break free, and embodying the courage to lead trends. Unleash your fashion instincts with HONG as the synonym for your unique style. Fashion has never been this captivating."
Fig.1.33. final layout
Fig.1.34. QR
https://instagram.com/hongfashionloom?igshid=OGQ5ZDc2ODk2ZA%3D%3D&utm_source=qr
%20%E6%8B%B7%E8%B4%9D.jpg)
Week 8
We were asked to design our logo on a t-shirt and wear it to class in week 9.
I chose this design, and I contacted the shop that printed the clothes, and they told me that they could only print to the chest, and my design extended beyond the chest to the sleeves, so they couldn't make it. They suggested that I shrink my logo, but I stuck with my design and I spent a lot of time exploring it, so I didn't want to change it haphazardly.
So I started contacting many shops that can print clothes on social platforms, and finally found one who was willing to try making this T-shirt.
%20%E6%8B%B7%E8%B4%9D.jpg)
Fig.1.35. My design in a mockup
I feel that my logo design is very similar to a trendy brand, so I chose an oversized t-shirt, which is more in line with the aesthetics of young people.
After choosing the style and color of the clothes, I started to put the logo on the clothes and typesetting them. The person who printed the clothes told me that he would try his best to help me get the effect I wanted, but there would be gaps in the printing on the sleeves. Because if I want to make my designs, I need to use a technology called silkscreen. That technology is only used by people who order a lot of clothes. And I only need one piece, so he can only use the method of making one piece.
Fig.1.36. process
Below is the finished t-shirt.
Fig.1.37. Finished t-shirt
Try on effect
Fig.1.38. Try on effect
Fig.1.39. Try on effect
Other Gains
When I was looking for a shop that prints clothes on social media, I happened to see a shop that sells custom hats. It just so happens that I like wearing hats, and the products I design include hat designs. So I ordered a hat.
Fig.1.40. hat
Fig.1.41. hat
When I posted the T-shirts and hats on social platforms, many people liked my design, so I sold 4 T-shirts and two hats.
Fig.1.42. two hats
Fig.1.43.
Fig.1.44. four T-shirts
Fig.1.45.
Final submission - Final Task 2: Key Artwork & Collateral
Key Artwork
Fig.2.1. Final Key Artwork - black and white
Fig.2.2. Final Key Artwork - colored 1
Fig.2.3. Final Key Artwork - colored 2
Final Key Artwork - PDF
Fig.2.4. Printing out version
Printing out version - PDF
Color Palette & 3 Collateral
Fig.2.5 Color Palette
Color Palette - PDF
Fig.2.6. Collateral 1
Fig.2.7. Collateral 2
Fig.2.8. Collateral 3
3 Collateral - PDF
Instagram Handle: @hongfashionloom
Bio: Dare to Stand Out, Choose HONG.
Instagram Link:
Fig.2.9. Instagram - Final Layout
Fig.2.10. Instagram Profile Icon
Fig.2.11. Instagram Post 1
Fig.2.12. Instagram Post 2
Fig.2.13. Instagram Post 3
Fig.2.14. Instagram Post 4
Gif. Instagram Post 5
Fig.2.15. Instagram Post 6
Fig.2.16. Instagram Post 7
Fig.2.17. Instagram Post 8
Fig.2.18. Instagram Post 9
Final Task 2B - PDF
FEEDBACK
Week 4
General Feedback: Mr. Vinod said that my poster for exercise 2 was done well but I got the size wrong and it should be made as a movie poster with size 1024 px✖️1024 px.
General Feedback: Mr. Vinod said that my poster for exercise 2 was done well but I got the size wrong and it should be made as a movie poster with size 1024 px✖️1024 px.
Specific Feedback: Mr. Vinod said that he liked the name design of my task 2 very much. He asked me to continue exploring the theme of fire in my name and try several different combinations.
Week 5
General Feedback: ABSENT
General Feedback: ABSENT
Specific Feedback: ABSENT
Week 6
General Feedback: Mr. Vinod said that all my logo layouts are the same, and he suggested that I make some changes to different items.
Specific Feedback: Mr. Vinod suggested that I prioritize my own products instead of using some plates and cups to cater to my logo design. He suggested that I make the typography interesting and not necessarily use all the letters, can use one of them
Week 7
Specific Feedback: Mr. Vinod suggested I put one hat on the first page, two hats on the second page, and three hats on the third page and put them all in the same post which you can swipe to see.
General Feedback: Mr. Vinod said that my products were duplicated and he suggested that I put them all together.
Week 8
Specific Feedback: It’s a unique feeling to wear a product that I designed myself.
General Feedback: It's really fun to print your own logo on the product. I enjoy the process. When I designed this logo, I attached emotions to this logo. I want to integrate my logo and products better. , which makes me feel very accomplished.
REFLECTIONS
Experience: I think designing the letters of my own name is a very interesting job and it improves my creativity. In the 8th week, I was very excited when I got the printed T-shirt. This was the first time I had a T-shirt I designed by myself, and it felt very different.
Observations: In task 2 I learned to design new letter forms. I explored them many times, hoping to make my own letter designs more unique. I also have a better understanding of product design and can integrate products and designs better.
Findings: I like the letters I designed very much. I find that as long as I devote myself to this work seriously, I can experience the joy of creation. Unknowingly, I began to enjoy the process of learning.
FURTHER READING
Fig.3.1. Typographic Design: Form and Communication
The sixth edition of "Typographic Design: Form and Communication", written by Rob Carter and others, is an authoritative book that deeply explores the role of typographic design in communication. This book provides readers with a comprehensive perspective on understanding and applying typographic design by detailing the history, theory, and practice of typography.
After reading this book, my understanding of typography design has been greatly improved. The book not only introduces the basic principles of typography design, such as font selection, line spacing, alignment, etc., but also deeply discusses how typography design affects information transmission and visual communication. This book made me realize that typography is not just a technique for arranging words and images, but a powerful communication tool.
Through a large number of case studies, the book demonstrates the application of typography design in different media and application scenarios, such as book design, advertising, digital media, etc. These cases not only demonstrate the diversity of typography design, but also show how to adjust typography strategies according to the different needs of content and media. This practice-oriented approach is particularly helpful in applying theory to practical design work.
The author also emphasizes the importance of innovation and experimentation in typographic design. The book mentions that although it is important to follow traditional typography principles, designers should also dare to break the rules and create unique and expressive typography designs. This perspective inspires me to be more bold and innovative in my design practice.
In addition, the book's discussion of digital typography is particularly compelling. With the rise of digital media, typography design is facing new challenges and opportunities. The author's discussion of how to effectively apply typographic design in a digital environment provided me with valuable insights and guidance.
Overall, "Typographic Design: Form and Communication" Sixth Edition is a comprehensive, in-depth and practical book on typography design. It not only provides the necessary theoretical basis, but also demonstrates the application of typography design in practical communication through a large number of examples and case analyses. This book is an essential resource for designers who want to gain a deeper understanding of typography and apply it to real-world projects.
Comments
Post a Comment