Motion Graphics and Compositing/Week 4

-

 13/10/2025-20/10/2025

Cai Zihan / 0378043

Motion Graphics and Compositing / Bachelor of Design in Creative Media / Taylor's University

TASK 1- Technical and individual Motion Graphics Sensibilities

TABLE OF CONTENT
INSTRUCTIONS
LECTURES
TASK 1 - Technical and individual Motion Graphics Sensibilities
FEEDBACK
REFLECTION
INSTRUCTIONS


<iframe src="https://drive.google.com/file/d/1Sm5c9tvx91bw5-0qsvgRRFM7_wpyueCg/preview" width="640" height="480" allow="autoplay"></iframe>

LECTURES

Kinetic Typography：

Motion typography is a form of “dynamic text art” that uses the movement of typefaces to tell stories, convey emotions, and enhance visual expression. It falls under the category of “temporal typography,” where text evolves over time.

Two major types：

1.Motion Typography

  • Fonts move relative to each other in two- or three-dimensional space.
  • This includes actions such as text or characters entering, exiting, zooming in, or zooming out.
  • The key focus is maintaining readability.

2.Fluid Typography

  • Characters can transform into non-textual elements, such as graphics or other words.
  • Emphasis is placed on the fluidity and transformation of structure and form.

Common Presentation Patterns：

  1. Create/Destroy：Fonts are generated by aggregating graphics or decomposed and dispersed.
  2. Enter/Exit：Text appears through effects like sliding in or fading in, guiding the reading sequence.
  3. Morphing：Altering the structure of characters, converting them into images or other text, enhances the metaphor.
  4. Inventive Metaphors：Characters bear realistic features, such as serifs transforming into “feet.”
  5. Arc/Path Motion：Text moves along straight lines or curved paths.
  6. Storytelling：Tell stories through typography, such as lyric videos or interactive websites.
  7. Signaling Motion：Small movements attract attention and guide the gaze.

Principles of Dynamic Type Design：

  1. Maintain Relativity：Relative motion relationships should be maintained between font elements.
  2. Optimize for Readability：Font size, spacing, and timing must ensure readability.
  3. Optimize Effect Duration：Animation duration should be just right, avoiding any sluggishness.
  4. Manage Emotion：Color, speed, and transitions influence audience emotions and should be used with care.
  5. Maintain Linearity：The order of letters and words should follow reading logic.
  6. Motion Sensitivity：Avoid excessive or overly rapid animations to prevent viewer discomfort.
  7. Optimize for Accessibility：Consider users with visual impairments, color vision differences, and other disabilities.
  8. Bandwidth Constraints：Animations should load quickly and should not waste viewers' time or network resources.
  9. Fallback States：If the animation fails to load, a static text version should be displayed.


TASK 1 - Technical and individual Motion Graphics Sensibilities











Comments

Post a Comment

Popular posts from this blog

Interactive Design / Project 1/Exercises 1

-
Image
 21/4/2025-30/4/2025 Cai Zihan/0378043 GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises 1 TABLE OF CONTENT Instructions Lectures Exercise 1 Web Analysis Feedback Reflection Instructions <iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe> Exercise 1 Web Analysis What To Have in The Analysis: Consider the purpose and goals of the website, and evaluate whether they are effectively communicated to the user. Evaluate the visual design and layout of the website, including its use of color, typography, and imagery. Consider the functionality and usability of the website, including its navigation, forms, and interactive elements. Evaluate the quality and relevance of the website's content, including its accuracy, clarity, and organization. Consider the website's performance, including ...
Read more

Advanced Typography /Task 3：Type Expression and Application

-
Image
16/6/2025 - 18/7/2025 / Week 8 - Week 14 Cai Zihan / 0378043 Advanced Typography / Bachelor of Design in Creative Media / Taylor's University  Task 3:Type Expression and Application TABLE OF CONTENT LECTURES INSTRUCTIONS TASK 3     TASK 3 OUTCOME COMPILATION FEEDBACK REFLECTION LECTURES INSTRUCTIONS <iframe src="https://drive.google.com/file/d/11r2eebFmM713T91NTxPwAy3-4AhLPqew/preview" width="640" height="480" allow="autoplay"></iframe> Task 3：Type Expression and Application In Task 3, we were instructed to base our proposal on three options: • Create a font designed to solve a larger problem/part of a solution in your area of interest. • Explore existing fonts in your area of interest. • Experiment with design From the options given, we were instructed to present a proposal consisting of our ideas related to the topic.  Here is my proposal presentation: Fig 1.1Proposal slides（Week 9，10/6/2025） Fig 1.2 Font reference（week 9，10/6...
Read more

TASK 1 (Exploration)

-
Image
Design Principles GCD60804 3/2/2024 - 17/2/2024 / Week 1 - Week 3  Cai Zihan 0378043 Bachelor of Design (Honours) in Creative Media TASK 1 (Exploration)   TABLE OF CONTENTS 1.Lectures 2.Instruction 3.Task 1：Exploration 4.Feedback 5.Reflections Instruction <iframe src="https://drive.google.com/file/d/1nuaNNEvFt9OWX9W0ispNyj2uVe2gfi2X/preview" width="640" height="480" allow="autoplay"></iframe>  Lectures Topic 1 1.Gestalt theory：The human brain is wired to see patterns,logic,structure.These principles aim to show how complex scenes can be reduced tomore simple shapes. 2.Contrast：Contrast is the juxtaposition ofstrongly dissimilar elements.Without contrast,visual experiencewould be monotonous.Contrast can provide visual interest,emphasise a point and expresscontent. Topic 2 1. Emphasis：Emphasis is used to create dominance and focus in adesign work.Various elements can be used to create emphasis,such ascolour,shapes or value,to achieve do...
Read more