Advanced Typography Task 2

 22.10.2024--05.11.2024 (WEEK 05-07)

LEBON STEPHANIE AMELIE JUDITH  0362853

Advanced Typography / Bachelor of Design ( Honors) in Creative Media/ Taylors University

Task 2 Exercises:

TABLE OF CONTENTS:

• Lecture.
• Instructions.
• Task 2 A.
• Task 2 B.
• Final A/B.
• Feedback.
• Reflection.
• Further Reading.

---

LECTURES

Week 5:Perception & Organization.

Perception in typography  shows the visual navigation and interpretation from the reader using:

• Contrast: there are several ways to create contrast: 1. Size, 2. Weight, 3. Contrast of Form, 4. Contrast of Structure, 5. Contrast of Texture, 6. Contrast of Color and 7. Contrast of Direction.

  

  Fig 1.1 Methods of Contrast.

  
  
• Form: Overall look and feel of the elements that make up the typographic composition. Showing type as  a form creates unique characteristics and presentation by using meaning and balanced harmony for function and expression. 

  

  Fig 1.2 Using Forms.

  
  
• Organization: Gestalts theory emphasizes that the whole of everything is greater than the parts ( bigger picture>smaller details)

  

  Fig 1.3 Gestalts Theory.

INSTRUCTIONS

TASK 2 A

Week 5 I started with creating  a mind map, mood board and some sketches.

 Fig 2.1 Mind map.

Fig 2.2 Mood board.

Fig 2.3 Sketches

Week 6 I started digitalizing with several color schemes.

Week 7 I decided on a color scheme.

Fig 2.4 Week 7 Progress.

Week 9 I lost all my progress due to a mis-understanding and I had to redo my final and complete  my e-portfolio with only the few I had.

    Fig 2.5 Recreated Wordmark.

In Week 9 I also redid my GIF by Sketching the new animation and replicating it in After Effects using keyframes.

 Fig 2.6 The process of making the animation

Final Wordmark:

Fig 2.7 Black on white background.

Fig 2.8 White on black background.

Fig 2.9 Wordmark in lightest shade of color palette on darkest shade of color palette

 Fig 2.10 Wordmark in actual colors on lightest shade of color palette

Fig 2.11 Color palette.

Final Wordmark Animation:

Fig 2.12 Animated Wordmark.

TASK 2 B

Week 7 I started making my collateral using FreePik's mockup editor

Week  8 Using feedback I started improving my collateral and IG layout.

Fig 3.1 IG Layout Attempt 2

Week 9 I lost all my progress due to a mis-understanding and I had to redo my final and complete  my e-portfolio with only the few I had.

Fig 3.2  Using what I could recover to continue task.

In week 9 I also recovered and improved my Collateral and expanded them to a 1:1 ratio in Photoshop.

Fig 3.3 Collateral.

In week 9 I also edited my self portrait in Photoshop using elements from the rest of my work

Fig 3.3 Self Portrait

Week 9 Improved  Final collateral and IG layout.

 

Fig 3.4 IG layout with collateral in Illustrator.

Final Collateral:

Fig 3.5 Collateral 1.

Fig 3.6 Collateral 2.

Fig 3.7 Collateral 3.

Fig 3.8 Instagram spread.

Fig 3.9 Instagram page.

Instagram Link: https://www.instagram.com/s_t3p.h/

OUTCOME FOR TASK2A AND TASK2B.

Fig 4.1 Black on white background.

Fig 4.2 White on black background.

Fig 4.3 Wordmark in lightest shade of color palette on darkest shade of color palette

 Fig 4.4 Wordmark in actual colors on lightest shade of color palette

Fig 4.5 Color palette.

Fig 4.6 Animated Wordmark.

Fig 5.1 Collateral 1.

Fig 5.2 Collateral 2.

Fig 5.3 Collateral 3.

Fig 5.4 Instagram spread.

Fig 5.5 Instagram page.

Instagram Link: https://www.instagram.com/s_t3p.h/

FEEDBACK

Week 7: Specific: adjust IG layout and collaterals General: Complete e-portfolio, IG layout, and collaterals Week 6: Specific: Thicken the wordmark's outer lines and adjust the chosen color scheme General: Complete key artwork Week 5: Specific: Explore my sketches a bit further before digitizing. General: start digitalizing sketches

REFLECTION

Experiences:

This Assignment was overall pretty challenging for me as I lost all my work towards the end but since I already did the task I already understood the task and had the concept in my head so withing a week i was able to create a similar end result. Task 2A was fairly simple as after I made my sketches I was able to digitalize and just play with color schemes with the help with Mr. Vinod's feedback. Task2B was a lot more trial an error with playing around with elements on the collateral and different Instagram compositions.

Observations:

Using lectures and further readings I was able to find ways to create a brand with a wordmark, how to create contrast, the importance of color and weight of your lines. I observed that the bigger picture is more important than the small details especially when creating the Instagram layout I needed to consider balance.

Findings:

I learned a lot this assignment the biggest thing is importance of cloud  and physical backups. On the other side because of this inconvenience I learned how to get work done more effectively making future assignments flow faster than before. I also learned that exploring different things and feedback improves your quality of work as it gives you clarity in what direction you want to procced in.

FURTHER READING

https://www.pentagram.com/work/san-antonio-book-festival?rel=sector&rel-id=7

San Antonio Book Festival:

 I used the San Antonio Book Festival Wordmark as reference when making my word mark I extracted information from the website including:

• Wordmarks can be used in more than one layout (the composition of the word mark may be altered).
• Both the color and design language of the wordmark may be extracted from something of importance to the brand such as architecture.
• Some circumstances you may add other elements as long as they have a reason or connection to the wordmark.
• Using Repetition to create a pattern can add some uniqueness to your brand.
• To create uniqueness and variation to your brand when creating collateral you many break down your word mark into forms.

Fig 6.1 Extraction.