Scribd
Upload
11 views35 pages

Typography

The document is a guide on typography, covering key concepts such as hierarchy, readability, alignment, spacing, and practical exercises for effective design. It emphasizes the importance of consistent typographic choices and provides tips for creating visually appealing compositions. The document is structured into sections that detail various aspects of typography, including font selection and alignment techniques.

Uploaded by

Sanya Dixit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views35 pages

Typography

The document is a guide on typography, covering key concepts such as hierarchy, readability, alignment, spacing, and practical exercises for effective design. It emphasizes the importance of consistent typographic choices and provides tips for creating visually appealing compositions. The document is structured into sections that detail various aspects of typography, including font selection and alignment techniques.

Uploaded by

Sanya Dixit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 35

@PIYUSH.

CREATES_

TYPOGRAPHYG R
DESI
A P
G
HIC
N I NG
About mentor

Piyush Gautam
Kirori Mal college , University of Delhi
BSc Physical Sciences with chemistry
State Champion of 2022

Skills

Photoshop , Adobe illustrator , Figma , Canva


“Everything is designed. Few things are designed well.”
Let’s Start
Which One will you select for your design?

Aa
Sans Serif
Aa Serif
CONTENT
SECTION - A
Hierarchy and readability

SECTION - B
Alignment and Spacing

SECTION - C
Practical Exercises and typographic
Compositions
HIERARCHY AND READABILITY
SECTION - A
Hierarchy
Use typography to guide readers through the levels of your document.
Use different headings by changing font family, font type, font size, font color.
To promote uniformity and help your audiences navigate, keep typographic choices consistent for
each subsection throughout the document.
Hierarchy
Hierarchy helps your audience distinguish between levels of information, such as headings
versus body text.
Many documents are divided into hierarchical sections

Main title
Section
Subsection
or
Book
Chapter
Subheading
Sub- Subheading
Readability
Readability is about ensuring that text is easy to read and understand. This involves
both the legibility of the typeface and the overall ease with which the viewer can
process the information.
Readability

Aa
Font Choice
Font Size
Line Length
Contrast and Color Sans Serif
Hierarchy in Text
ALIGNMENT AND SPACING
SECTION - B
Alignm
the arr
angem
ent
variou ent of va
s bord rious it
ers or ems in
edges relatio
of the n to th
allowa e
ble are
a
Types of Alignment
Left Alignment: Aligning text or elements to the left margin. It’s commonly used
for body text because it’s easy to read.
Right Alignment: Aligning text or elements to the right margin. It’s often used for
specific design elements like captions or dates.
Center Alignment: Aligning text or elements in the center. This is often used for
headings or titles to create a symmetrical look.
Justified Alignment: Aligning text so that it spans from the left to the right margin,
creating a clean look with even spacing between words.
GRID SYSTEMS
Grids are a tool for alignment that helps in
creating a consistent layout. Designers use grids
to align text, images, and other elements,
ensuring everything is proportionally and
spatially balanced.
HIERARCHY AND ALIGNMENT
Proper alignment helps establish a visual hierarchy by making it clear which elements are most
important. For example, aligning a headline centrally while left-aligning body text can help
distinguish between the two.
CONSISTENCY VISUAL BALANCE

Consistent alignment across a Alignment contributes to the


design helps in creating a overall visual balance of a design.
cohesive look. Inconsistent Elements aligned in a way that
alignment can make a design feels intentional and balanced
feel chaotic or disorganized. can make a design more
effective and appealing.
Readability and Visual Hierarchy
Legibility

SPACING
spacing refers to the distance between various elements in a design

Aesthetic Balance Emphasis and Focus


Tracking
Kerning

SPACING Padhne kya wale hai ?

Leading
KERNING
Kerning in graphic design refers to the adjustment of the space between individual
characters in a word or line of text.
Purpose of Kerning
Visual Balance: Kerning helps achieve visual balance by adjusting the
spacing so that letters don’t appear too close or too far apart.

Readability: Proper kerning enhances readability by preventing


awkward gaps or overlaps between characters.
TRACKING
Tracking in graphic design refers to the adjustment of spacing between characters
in a block of text. Unlike kerning, which adjusts the space between specific pairs of
characters, tracking affects the spacing across an entire word, line, or paragraph
uniformly.
Purpose of Tracking
Visual Consistency: Adjusting tracking can ensure that the text looks
consistent and evenly spaced, especially in large blocks of text.

Readability: Proper tracking can enhance readability by avoiding overly


tight or loose text, which can be distracting or difficult to read.
LEADING
leading (pronounced “ledding”) refers to the vertical spacing between
lines of text.
Purpose of Leading
Readability : Proper leading improves the flow of text, making it more
comfortable for readers to follow and reducing the chance of misreading.

Aesthetic Appeal: Adjusting leading can enhance the design’s elegance,


create emphasis, or achieve a desired typographic effect.
PRACTICAL EXERCISES AND
TYPOGRAPHIC COMPOSITIONS
SECTION - C
PRACTICAL EXERCISES AND
TYPOGRAPHIC COMPOSITIONS
CAN SIGNIFICANTLY ENHANCE YOUR SKILLS IN CREATING VISUALLY COMPELLING AND EFFECTIVE DESIGNS.
Type as Image
Objective: This exercise helps explore how type can
convey meaning visually and how to use letterforms
creatively.
Typographic Hierarchy
Practice creating a visual hierarchy that
guides the reader’s eye and communicates
information effectively.
Text and Image
Leading Integration
Kerning Practice
Adjustments

PRACTICAL EXERCISES AND


TYPOGRAPHIC COMPOSITIONS
Grid-Based
Text Alignment Typographic Layout
Contrast
Hey designer Hey designer
Hey designer
Hey designer

FONT PAIRING
Hey designer
Hey designer
From my side
Additional
Tips for Effective Typographic Composition
Consistency : Maintain consistency in typographic elements to create a unified and professional design.
Legibility : Prioritize readability and ensure that text is easily legible in all design contexts.
Hierarchy : Use size, weight, and spacing to establish a clear hierarchy and guide the viewer’s attention.
Alignment : Pay attention to alignment to create a balanced and organized layout.
Experimentation : Don’t be afraid to experiment with different typographic techniques and styles to
discover new design possibilities.
Doubt Session
Do not forget for the feedback

You might also like