Advanced Typography - Task 2: Exercises

 TASK 2

18/10/2026 - 16/11/2026

You Siyuan / 0366978

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

Task 2 - Exercises


TABLE OF CONTENTS

  1. Instructions
  2. Lectures
  3. Exercises
  4. Feedbacks
  5. Reflections
  6. Futher reading



INSTRUCTION




LECTURE

Week5 :Perception And Organisation

Perception is the way in which something is respected, caught on or interpreted".Perception in typography bargains with the visual route and translation of the peruser through differentiate, frame and association of the substance. Substance can be literary, visual, graphical or within the frame of colour.

  1. Size
  2. Weight
  3. Contrast of form
  4. Contrast of structure
  5. Contrast of texture
  6. Contrast of colour
  7. Contrast of direction.

Contrast / Size

A contrast of size gives a point to which the reader's consideration is drawn. For case in case you have got a big letter and a little letter you'll obviously see the huge letter to begin with some time recently the little. The foremost common utilize of measure is in making a title or heading discernibly greater than the body text.

fig1.1 Contrast


fig1.2 size


Contrast / Weight 

Weight refers to how bold type can stand out amidst lighter type of the same style. Besides using bold text, incorporating elements like lines, spots, or squares can also create a "heavy area" that serves as a strong visual focal point or emphasis, providing contrast not just through varying text weights.

fig1.3 weight

Contrast / Form

The contrast of form refers to the differences between a capital letter and its lowercase counterpart, or between a Roman letter and its italic version. This also includes the variations between condensed and expanded typefaces.

fig1.4 form



Contrast / Structure 

Structure refers to the different letterforms or types of typefaces. For instance, it includes contrasts between a monoline sans serif and a traditional serif, or between an italic and a blackletter typeface.


fig1.5 structure


Contrast / Texture 

By combining contrasts of size, weight, form, and structure and applying them to blocks of text on a page, you create contrast in texture. Texture pertains to the overall appearance of lines of type both up close and from a distance. This effect depends on the letterforms themselves and their arrangement.

fig1.6 texture


Contrast /Direction

The contrast of direction involves the opposition between vertical and horizontal orientations, as well as the angles in between. Rotating a word to its side can significantly impact a layout. Text blocks also exhibit vertical or horizontal directional aspects. Combining wide blocks of long lines with tall columns of short lines can also create a directional contrast.

fig1.7 direction


Contrast / Colour

The use of colour suggests that a second colour often has a less emphatic impact than plain black on white. Therefore, it's important to consider which elements need emphasis and to pay attention to the tonal values of the colours used.


fig1.8 colour


Form 

Form refers to the overall appearance and feel of the elements within a typographic composition. It significantly contributes to the visual impact and initial impressions. Good form in typography is visually engaging, guiding the eye from point to point, captivating the mind, and often being memorable.

fig 1.9 form

Originating from the Greek words "typo" (form) and "graphics" (writing), typography means writing in accordance with form. Typography serves two functions:
  1. To represent a concept
  2. To convey it visually
Displaying type as a form highlights the unique characteristics and abstract presentation of letterforms.

fig1.10 Examples

The interplay between meaning and form creates a balanced harmony in both function and expression. When a typeface is seen as a form, it ceases to be read as a letter because it has been altered through distortion, texture, enlargement, and extrusion into space.

fig1.11 Example Of Forms and Communication 

Organisation / Gestalt 

Gestalt is a German word that means the way something has been "placed" or "put together." Gestalt Psychology seeks to understand the laws behind our ability to acquire and maintain meaningful perceptions. Gestalt psychologists, particularly Max Wertheimer, developed several "laws" that predict how perceptual grouping happens under various conditions. Technically, in science, laws are predictions that are always true. However, in practice, these laws are more accurately described as principles.

Gestalt theory emphasizes that the whole is greater than the sum of its parts, based on the idea that we perceive things as unified wholes. Instead of analyzing thoughts and behaviours into their smallest elements, Gestalt psychologists believed in considering the entire experience. In design, this means that the components or elements of a design are only as effective as the overall visual form. While each component may function well individually, the overall form is more significant than the sum of its parts.

fig1.12 Gestalt Principles

Organisation / Gestalt: Perceptual Organisation / Groupings 
  1. Law Of Similarity
  2. Law Of Proximity 
  3. Law Of Closure
  4. Law Of Continuation
  5. Law Of Symmetry
  6. Law Of Simplicity (Praganz)
The Law of Similarity

It is the gestalt grouping law that states that elements that are similar to each other tend to be perceived as a unified group. Similarity can refer to any number of features including color, orientation, size, or indeed motion.

The Law of Proximity

It is the gestalt grouping law that states elements that are close together tend to be perceived as a unified group. This straightforward law states that items close to each other tend to be grouped together, whereas items further apart are less likely to be grouped together.

fig1.13 Similarity and Proximity

The Law of Closure

Refers to the mind's tendency to see complete figures or forms even if a picture is incomplete, partially hidden by other objects, or if part of the information needed to make a complete picture in our minds is missing.

Law of (Good) Continuation

Holds that humans tend to perceive each of two or more objects as different, singular, and uninterrupted object even when they intersect. The alignment of the objects or forms plays a major role for this principle to take effect.

fig1.14 Continuation and Closure

The Law of Symmetry 

You can find out more about these laws by viewing the links provided or simply Googling them. However keep in mind that you will find variation in the interpretation and you will have to weigh them all to come to a consensus.of your own.

fig1.15 Symmetry



EXERCISE

TASK (A):KEY ARTWORK

Make a mind-map, create a moodboard or an inspo, determine a direction and

decipher it in words. Produce explorations of possible wordmark/lettering of your name(first name or pet name or pseudonym) with a minimum of at least 4-5 characters.

































































































Comments

Post a Comment

Popular posts from this blog

Sonic Design/Project 1: Audio Fundamentals

Image
26/09/2024 - //2024 (Week 01 – Week 04) You Siyuan / 0366978 Sonic Design / Bachelor of Design (Honours) in Creative Media / Taylors University Project 1: Audio Fundamentals INTRODUCTION LECTURES EXERCISES FEEDBACKS INTRODUCTION LECTURES Week 1: Module briefing/Introduction We created a blog to document the exercise process and watched a video posted by Mr. Razif on MyTimes, which gave us some insight into the project. Week 2:S ound Fundamentals Wavelength: The distance between any point on the wave and the equivalent point on the next phase. Literally, the length of the wave. Amplitude: The intensity or power of a wave signal. The "height" of a wave, when viewed as a figure. Higher amplitudes are interpreted as higher volumes, hence the name "amplifiers", devices used to increase amplitudes. Frequency: The number of times a wavelength occurs in a second. Measured in kilohertz (Khz) or cycles per second. The faster the source vibrates, the higher the sound  Frequenc...
Read more

Animation Fundamentals/Exercises

Image
  23/09/2024 (Week 02 – Week 14) You Siyuan / 0366978 Animation Fundamentals / Bachelor of Design (Honours) in Creative Media / Taylors University Exercises INTRODUCTION LECTURES Week 1 During the first week, Mr. Kamal introduced us to the basics of the course. Fig1.1 ,Week 1(30/9/2024) Mr. Kamal's blackboard writing in class Week2 Frame Rate Timing & Spacing Slow in and Slow Out Timing Chart Arcs Frame rate (expressed in frames per second or FPS) is the frequency (rate) at which a continuous image (frame) is captured or displayed. Time and interval: The number of drawings used in any move determines how long the action takes on the screen. For film directors, timing is of the essence. For animators, that's only half the battle. Animators also need spacing. We can have a natural sense of time, but we have to learn the spacing of things. Fig1.2 ,Week 2(2/10/2024) Mr. Kamal's blackboard writing in class Week 3 The Animation Style Elasticity：Squash and Stretch Flexibility:...
Read more

Animation Fundamentals/Final Project

Image
  29/11/2024 - 28/12/2024 (Week 11 – Week 15) You Siyuan / 0366978 Animation Fundamentals / Bachelor of Design (Honours) in Creative Media / Taylors University Final Project INTRODUCTION FINAL PROJECT Use your character from your previous project 1, animate a 5 to 10 second physical action sequence. Choose an action sequence that involves physical movement, such as a fight, chase, or sports-related activity. Develop a clear understanding of the desired outcome, key actions, and the emotions you want to convey in the scene. Create a storyboard that visualises the key moments, actions and emotion of the scene. Incorporate variety of camera shots, angles and visual continuity to enhance the visual storytelling. Create a project in Adobe Animate. Set the setting as 24fps, 16:9 aspect ratio with 1280 x 720 (HD720p) resolution. Perform all the processes that you have learnt in the previous lesson to produce the final animation such as animate the animation from rough, tie down, clea...
Read more