Layout Designing Workshop

Layout Designing Workshop

Sir RJ Sorita

Goal

Develop visually appealing publication materials suited for the correct target audience

Layout Designing

Teacher

• Grade 8 - Entrep, Web Design​

• Grade 9 - Java Programming

• Grade 10 - ​Web Development

​

Graphic Designer​

​Some text here about the topic of discussion.

Sir RJ

​Educational Background

UST - BS Computer Science

​SJCQC - Certificate in Teaching

UP - MAEd major in Educational Technology​

What is your idea of Layout Design?

https://www.menti.com/62td2ppb9q​

​

OR

​

Go to www.menti.com

and put the code:

5191 8611

Motivational Activity

• Multiple Choice questions will be shown

• You have 30 seconds to answer each question

• Some questions contain images. If the image is too small for you, you may click it to enlarge

Poll

Are you familiar in using Photoshop?

• Yes

• No

Poll

Do you know how to use Canva?

• Yes

• No

Multiple Choice

What type of font is used in this text

• Serif

• Sans Serif

Multiple Choice

In your opinion, who is the target audience of the poster?

• Grade School Students

• High School Students

• College Students

• Adults

Multiple Choice

In your opinion, who is the target audience of the poster?

• kids

• adults

Multiple Choice

In your opinion, who is the target audience of the poster?

• kids

• adults

• men

• women

Poll

Do you agree that more colors mean better design?

• Yes

• No

Multiple Choice

Which do you think is the most important aspect of a poster design?

• Images

• Texts

• Message

• Colors

Layout Design

Layout Design

When we talk about Layout Design, we think of creating posters.

​

​Maybe we think about visually appealing designs

​

Is it the only basis?​

Layout Design

Layout Design

​But in reality, when we do Layout Design, the main idea is how we can convey our message using shapes, text, images, etc.

Target Audience

• We should know who our target audience is

• Different age groups use different styles in designing​

Some text here about the topic of discussion

Mini-Activity:

Knowing the target audience​

• ​Multiple Choice questions will be shown

• You have 30 seconds to answer each question

• If the image is too small for you, you may click it to enlarge

Multiple Choice

Who is the target audience based on race?

• Filipinos

• Chinese

• Australians

• Africans

Multiple Choice

Who is the target audience?

• Students

• Doctors

• Teachers

• Parents

Multiple Choice

Who is the target audience?

• Children

• Doctors

• Teachers

• Parents

Multiple Choice

Who is the target audience?

• Children

• Grand Parents

• Adults

• Pets

Multiple Choice

Who is NOT the target audience?

• People earning HUGE salaries

• People earning MODEST salaries

• People earning LITTLE salaries

Health Break

​10 mins

Open Ended

in PEB, who is your intended target audience?

1. Title

2. Text

3. Graphics/Images

4. White Space

5. Layout

6. Flow

7. Colors

Publication Material Features

Title

• The title is a descriptive indicator of the contents of the pubmat

• Normally do not exceed 2 lines

Text

• Must be organized into sections

• Be careful in using serif vs. sans serif

• Maximum of 3 different fonts

Graphics/Images

• Use high resolution graphics/images to avoid pixelation

White Space

• Doesn’t necessarily mean the color white

• A white space is the “blank” spaces in the design

Colors

• When deciding which colors to use, consider a harmonious color palette

• Use a max of 3 colors. Better if you use a palette.

• Black: Elegant, mysterious, ominous, sober, sophisticated

• Blue: Calming, honesty, cool, reliable, sad

• Brown: Earthy, organic, rich, flavorful

• Green: Natural, growth, financial wealth

• Orange: Hot, active, tangy, childlike, gregarious

• Purple: Regal, majestic, creative, futuristic

• Red: Stimulating, exciting, dangerous, aggressive, sexy

• White: Pure, innocent, clean

• Yellow: Sunlight, citrus, imaginative, cheerful, cowardly

Common Color Associations

Layout & Flow

• Layout - composition of the different elements in the design

• Flow - how the whole pubmat is read​

​

Let me explain using the lecture of Melissa Clarkson (2015) called Visual Communication

​

Canva

Time​

Please open www.canva.com

Repetition

Alignment

Contrast

Contrast

To Communicate our Designs

Suggestions for better communication

Health Break

30 mins

Mini-Activity:

Checking the features and elements​ of Visual Communication​

Some text here about the topic of discussion

• ​Multiple Choice questions will be shown

• For multiple choice, you have 30 seconds to answer each question

• ​For drawing questions, you have 1 minute to draw

Multiple Choice

What is the TITLE of the pubmat?

• Business

• Management

• Online Course

• Register Now

Multiple Choice

How many FONTS were used?

• 1

• 2

• 3

• 4

Multiple Choice

The graphics suggests that the target audience are:

• Children

• Senior Citizens

• Working Parents

• Teenagers

Poll

How many colors were used?

• 2

• 3

• 4

• More than 4

Draw

Black out the white space as much as you can.

Draw

Encircle the element/s which displayed CONTRAST

Draw

Encircle the elements that are GROUPED

Benchmarking

Some text here about the topic of discussion

Benchmarking

• A process of measuring performance of other’s and compare it with yours

• Normally we adopt other’s best practices to improve our own

Summary

Poster Making

• Create a Publication Material that will serve as a recruitment poster for PEB 2022-2023

• Use the features as a guide

  (Title, Text, Graphics/Images, White Space, Layout, Flow, Colors)

• Remember: You control individual elements to create groups of elements to communicate your message

​

When you are done, email your design to [e-mail]

Subject: PEBworkshop_surname ​