Thanks to visit codestin.com
Credit goes to www.scribd.com

0% found this document useful (0 votes)
9 views63 pages

Layout & Structure

Uploaded by

alishbayounis21
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
0% found this document useful (0 votes)
9 views63 pages

Layout & Structure

Uploaded by

alishbayounis21
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/ 63

POSTER

DESIGNING
Simple & Effective Marketing Designs on

By:
Wajiha Iqbal
“Beauty lies in the eyes of the beholder”

WHY IS DESIGNING IS AN
ESSENTIAL SKILL?
Design = Communication, not decoration

First impression → Design before text


Attracts attention
Industries
Entertainment
Books
SOFTWARES
best for UI/UX and team
Photo editing and creative design projects.
visuals

User friendly tool drag,


For logos and
drop, and design in minutes.
illustrations
ID card pictures editing passport
Tip: Canva Apps can do somewhat similar tasks for you as the
Photoshop

DANCE o
DESIGN
FUNDAMENTALS

1. Layout & Structure 3. Color & Visibility 5.Balance

2. Typorgraphy 4. Visual Elements


DESIGN
FUNDAMENTALS

1. Layout & Structure


The arrangement of elements to
create order and flow.
1. Layout & Structure
DESIGN
FUNDAMENTALS The arrangement of elements to create
order and flow.
Layout & Structure Typorgraphy

Colour Theme
Alignments

Balance
Icons use

Text Visibility
Use of shadows
DESIGN 1. Layout & Structure

FUNDAMENTALS
4. Visual Elements

2. Typorgraphy

5.Balance

3. Color & Visibility


DESIGN
1. Layout & Structure

FUNDAMENTALS
2. Typorgraphy 4. Visual Elements

3. Color & Visibility 5.Balance


1. Layout & Structure
DESIGN
FUNDAMENTALS The arrangement of elements to create
order and flow.

1. Grids

2. Spacing

3. Hierarchy

4. Alignment
1. Layout & Structure
DESIGN
FUNDAMENTALS

1. Grids

maintain alignment
& order
1. Layout & Structure
DESIGN
FUNDAMENTALS Designs which are not related to each other should
be grouped sepearately that eyes are able to easily
differenciate

2. Spacing

Empty areas that


prevent clutter and
give breathing room.
What are
Posters
A Comprehensive
Beginner's Guide

2. Spacing

What are
Posters

A Comprehensive
Beginner's Guide
What are
2. Spacing
Posters
A Comprehensive
Beginner's Guide
1. Layout & Structure
DESIGN
FUNDAMENTALS

3. Alignment
Positioning elements (left,
right, center) to create
consistency.
Even arragment in a grid
3. Alignment
1. Layout & Structure
DESIGN
FUNDAMENTALS

4. Hierarchy DESIGN
Using size, position, and emphasis to show
importance.
FUNDAMENTALS
Example: Headlines > Subheadings > Body text.
Visual Heirarchy
Viewers can
automatically navigate
through the screen to
Text are Bold or Eye find whats important
Catchy to show
imortance

Where to Begin

Where to end
4. Hierarchy Observe where your eyes move first?

EMPIRE
DONNA KYRIE MARGARITA SHAWN

Daily Quote
BREAKING SPECIAL STROUPE PETRAKIS PEREZ GARCIA
NEWS EDITION

YOU GOT THIS!


KEEP BELIEVING IN YOURSELF
EMBRACE EVERY EVERY STEP
JOURNEY AHEAD, FORWARD IS A
TRUST IN YOUR VICTORY, TRUST
INNER STRENGTH. THE PROCESS.
Unlock the doors of Your journey is truly
possibility with the key special, and every
of self-belief. Embrace challenge helps you
your inner strength and grow. Trust that as your
trust in your abilities to journey continues, it can
conquer challenges that profoundly change your
come your way. With life. Be brave, keep
self-belief as your going, and find amazing
guiding light, you have things in the everyday
the power to unlock steps of your journey.

OF SHADOWS
doors leading to growth, Embrace each moment
success, and fulfillment. with an open heart and a
Believe in yourself, for curious mind. Every tiny
you hold the key to a step you take forward is
future filled with endless meaningful progress on
possibilities. your journey to success.

Trust the process and celebrate small victories that pave the way to your dreams. You've got the strength
to turn aspirations into reality; your journey is a canvas awaiting your unique brushstroke. Embrace the
COMING SOON ON APRIL
adventure, face uncertainties with a fearless heart, and remember: You got this! Believe in the incredible
potential within you, and watch your story unfold into a masterpiece of success and self-discovery. EXECUTIVE PRODUCERS: LARS PEETERS AND KIM CHUN HEI
SCREENPLAY BY ALEX TURNER AND SEBASTIAN BENNETT
CINEMATOGRAPHY BY CHIDI EZE AND HEIBAILEY DUPONT

YOU GOT THIS! YOU GOT THIS! YOU GOT THIS!


EDITED BY ALFREDO TORRES
Observe where your eyes move first?
4. Hierarchy

YOU GOT THIS!


DESIGN
FUNDAMENTALS

2. Typography
The style and arrangement of text for
readability and tone.
2. Typography
DESIGN
FUNDAMENTALS The style and arrangement of text for
readability and tone.

Designs are too craetive with


this typogarphy

You find these things on intrent,


art persepctive

Simple marketing
and posters, don't
really need this
2. Typography
DESIGN
FUNDAMENTALS The style and arrangement of text for
readability and tone.

1. Serif = formal/traditional

2. Sans = modern/clean

3. Display = expressive display


2. Typorgraphy
DESIGN
FUNDAMENTALS The style and arrangement of text for
readability and tone.

1. Serif = formal/traditional
2. Typorgraphy
DESIGN
FUNDAMENTALS The style and arrangement of text for
readability and tone.

2. Sans = modern/clean
roboto
google sans
product sans
2. Typorgraphy
DESIGN
FUNDAMENTALS The style and arrangement of text for
readability and tone.

3. Display = expressive
DESIGN
FUNDAMENTALS

3. Color & Visibility


Use of color to set mood, ensure
clarity, and highlight focus.
DESIGN 3. Color & Visibility
FUNDAMENTALS Use of color to set mood, ensure clarity,
and highlight focus.

1. Contrast

2. Palette consistency

3. Color psychology
Hospiatals

AKU webiste green logo and green


Modern hospital insta page
consistency is the key
1. Contrast For Solid Colours

Text visibility Text visibility

Text visibility Text visibility

Text visibility Text visibility


1. Contrast For Gradient

Dark on Dark Light on dark

Text visibility Text visibility

Text visibility Text visibility

Text visibility Text visibility


1. Contrast For Gradient

Dark on Dark Light on dark

Text visibility Text visibility

Text visibility Text visibility

Text visibility Text visibility


1. Contrast

Alternative
Use Text effects
1. Contrast

Low contrast High Contrast


Yellow conveys optimism. The color is associated with
playfulness and happiness. Moreover, it is a color that is
easiest to spot from a distance at night. It’s no surprise

2. Palette consistency that McDonald’s made a strategic choice with its yellow
arches. McDonald’s also uses red, a stimulating color
that increases the heart rate, and as a result, the
consumer’s appetite.

use coolers to create your brand theme


Canva color Palette
Create your own

https://www.ubldigital.com
2. Palette consistency Color Palette Types

Monochromatic
2. Palette consistency Color Palette Types

Analogous
2. Palette consistency Color Palette Types

Complemetary
3. Color psychology

Color Industries Meaning Examples


Trust, security,
Blue Finance, Tech PayPal, IBM, Facebook
stability
Food, Sports, Appetite, urgency, Coca-Cola, KFC,
Red
Entertainment excitement Netflix
Healthcare, Growth, healing, Whole Foods, Land
Green
Environment, Wellness freshness Rover, Starbucks
Power, elegance,
Black Luxury, Fashion, Tech Chanel, Rolex, Apple
sophistication
Happiness, McDonald’s, LEGO,
Yellow Food, Travel, Kids
playfulness, energy Snapchat
DESIGN
FUNDAMENTALS

4. Visual Elements
Supporting graphics that add depth and
quick meaning.

60% 30% 10%


60 30 10 RULE

60% 30% 10%


60 30 10 RULE

60% 30% 10%


60 30 10 RULE

60% 30% 10%


DESIGN
FUNDAMENTALS

4. Visual Elements
Supporting graphics that add depth and
quick meaning.
DESIGN
4. Visual Elements
FUNDAMENTALS Supporting graphics that add depth and
quick meaning.

1. Use of icons 60% 15% 15% 10%

2. Use of shadows

3. Style consistency
DESIGN
4. Visual Elements
FUNDAMENTALS Supporting graphics that add depth and
quick meaning.

1. Use of icons

2. Use of shadows

3. Style consistency
DESIGN
4. Visual Elements
FUNDAMENTALS Supporting graphics that add depth and
quick meaning.

1. Use of icons
3D icons
line icons

Flat icons
Filled icons
DESIGN
4. Visual Elements
FUNDAMENTALS Supporting graphics that add depth and
quick meaning.

1. Use of icons

flaticon.com

SVG repo
DESIGN
4. Visual Elements
FUNDAMENTALS Supporting graphics that add depth and
quick meaning.

2. Use of shadows
Drop Shadows

Inner Shadows

Long Shadows
3. Style consistency
3. Style consistency

Flat illustrations 3D illustrations Watercolour illustrations Line art illustrations


DESIGN
FUNDAMENTALS

5. Balance
The distribution of elements to create
visual comfort.
Your eyes wants to see perfection and does not like mistakes
Everything is aligned
Balance with shapes and elements
5. Balance
DESIGN
FUNDAMENTALS The distribution of elements to create
visual comfort.

1. Symmetry vs Assemetry

2. White Space

“Simplicity works more effectively”


Why it feels Unbalanced?
Weight Distribution Left side = too much text, very dense.
Crowded
Hierarchy Clash
No clear focal anchor point , eyes keep jumping.
Illustration dominates attention
Imbalance between message (text-heavy) and visuals (one big character).
2. White Space
OF DIAGNOSTIC TEST OF DIAGNOSTIC TEST
1 2 3
Thomas
1 2 3
Thomas
Thomas Thomas
Thomas
Thomas

Awarded with Awarded with


Scholarship

Scholarship

You might also like