Media Print Layout

7/25/2019 Media Print Layout

1/24


2/24

LAYOUT andGRAPHICDESIGN


3/24

OBJECTIVES

At the end of this session, trainees would be ableto:

Understand layout and graphic design inrelation to Media Ministry

Know components of layout and graphicdesign

Basic Layout principles Use Microsoft Word as a medium in creating

basic layout


4/24

GRAPHIC DESIGN

Graphic designis the process of is!a"c#$$!nica%i#n, and problemsol!ing throughthe use of %&pe' space' i$age and c#"#r)

"raphic designers use !arious methods tocreate and combine words, symbols, and imagesto create a !isual representation of ideas and

messages, combination of typography and pagelayout techniques to produce a #nal result$


5/24

LAYOUT

La!%is the way in which te%t or pictures are

set out on a page$

&t is also a process of p"anning andarranging in detail something such as a page orboo' to be repr#d!ced)


6/24

Graphic Designand "a!%

app"ied in*edia *inis%r&

Wee'ly Word(!ent )ostersBac'grounds&n!itationsAnnouncements*+pecialccasions


7/24

+,- #. %he p#p!"a%i#nare is!a" "earners


8/24


9/24


10/24


11/24


12/24

LAYOUT

/ACTORSBalance and

)roportion-armony(mphasis.ontrast


13/24

LAYOUT /ACTORS

Balance and)roportion

/eals with the ratio ofone part to another andof the parts to the whole$

a feeling of e0uality inweight

-armonythe agreement

between parts$


14/24


15/24

LAYOUT /ACTORS

(mphasis "i!es pr#peri$p#r%ance to the partsand to the whole$

&t in!ol!es the

di1erentiation betweenthe more important andthe less important$

.ontrast the agreementbetween parts$


16/24

0) T#$1 s%#ning placing two or morehead"ineson appro%imately the samele!eling ad2acent columns specially if theyare of the same point and types$

2) Bad 1rea3s brea'ing stori

es and paragraphs

4) Separa%ing re"a%ed s%#ries andpic%!res)

DO5s /OR A BADLAYOUT


17/24

6) Gra& areas 7Use #llers instead$

,) Screa$ing head"ine7is one that is too big for a short orunimportant story$

+) Hea& %#ps) /on3t ma'e the page tophea!y$

8) /i% %he$ a"") A!oid many headlines of the

same si4e on a page$



18/24

9) *#re is $#re putting e!erything intothe page not considering how to use andna!igate the page$ &n short .luttered

:) /ea%!re crapp& ar% photos, cliparts andincluding graphs and tables$

0;)C#"#rs are !ni$p#r%an% ma'ee!erything grayscale,otherwise put neon,and if undecided,ma'e &t rainbow$

00)H#"es and Ja$s



19/24

LAYOUTAND PAGECO*POSITION

Terefers to the articlesPh#%#s

graphics =ar%>

C#"!$nsalso called ="egs>


20/24

?OR@ING ?ITH TETS=The 1igger' %he 1#"der'

THE BETTER I*PACT>

Ch#ice #. /#n% S%&"e' sie' 3inds

Spacing and A"ign$en%

C#n%ras% and 1ac3gr#!nd

(mphasi4e points through te%t by enlarging font si4e, addingboldness, italici4ation, underline or change of color

/epend the style on the character portrayed by the word$Limit to 3 fonts styles.

Left5usti#ed, .entered 6ight 5usti#ed,

SOFT -ard


21/24

?OR@ING ?ITH ARTGa%her necessar&' and RELEVANT ar%s

Basic i$age ad!s%$en%s

O1sere 1a"ance and pr#p#r%i#n inp#si%i#ning i%)

Limit of 2 art in a page

7hese includes proper resi4ing, cropping,

brightness and contrast$

A!oid o!erlapping with te%t$ )osition withdi1erent wrapping con#gurations depending on

your preference

ne should be predominantly larger than theother$

89 of the page is art


22/24

?OR@ING ?ITH COLU*NSN!$1er #. C#"!$ns aries %# paper sies

A#id %## ide and %## narr#

S%!d& pr#per 1rea3s

Pr#


23/24

8$ .lear white

space$ ?eature engaging photos@$ ?eature strongest wor' at top$ -a!e catchy heads and dec's in proper

si4es$ .ontain helpful, readable infographics as

neededC$ -elp the reader na!igate smoothly

?HAT *A@ES

AGOOD

DESIGN


24/24

THAN@

YOUFFFF

Documents

Media Print Layout