Mengenal dan Memahami

Konsep Desain Grafis untuk Media
Pelatihan Jurnalistik untuk Sekretariat Negara Republik Indonesia
Coky
Fauzi
Alfi
2 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Table of Contents
Mengenal dan Memahami
Kons ep Des ai n Gr af i s unt uk Medi a
5
6
8
10
11
13
15
17
Design
Design
Design
Principles
Design
Principles
Design
Principles
Design
Principles
Design
Principles
Design
Principles
Basic Concept
Principles
Hierarchy
Balance
Balance: Symmetric
Balance: Asymmetric
Proximity
Repetition
19
21
23
24
25
26
27
Design
Principles
Design
Principles
Design
Design
Design
Color
Modes
Design
Color
Scheme
Design
Scale
Unity and Variety
Elements
Color Modes
RGB and CMYK
Color Wheel and
Palettes
Type
3 Mengenal dan Memahami Konsep Desain Grafis untuk Media
28
29
30
31
32
33
34
35
37
Design
Type
Design
Type
Design
Type
Design
Design
Principles
& Elements
Page Layout
Page Layout
Page Layout
Page Layout
Serif
Sans Serif
Rules
Image
Example
Basic Concept
Oldest Styles
Modern Styles
How to Look
Modern?
38
40
41
42
43
44
45
46
Page Layout
Page Layout
Page Layout
Page Layout
Page Layout
Column Grids
Page Layout
Page Layout
Page Layout
Informational
Graphic
Modular Page
Design
Te Four Basic
Element of Pages
Column Grids
Samples
Te Tree Basic
Photo Shapes
Some Photo
Guidelines
Drawing a
Dummy
Table of Contents
Mengenal dan Memahami
Kons ep Des ai n Gr af i s unt uk Medi a
4 Mengenal dan Memahami Konsep Desain Grafis untuk Media
47
48
50
51
52
Page Layout
Page Layout
Page Layout
Page Layout
Ideas
Design Disasters to
Avoid!
Making Stories Fit
Te Four Basic of
Paper Size
Page Layout Software
Before and After
Table of Contents
Mengenal dan Memahami
Kons ep Des ai n Gr af i s unt uk Medi a
5 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design Basic Concept
Design is basically giving form and visual
meaning to a publication, based on its purpose.
Design is a visual language built on fundamental
principles and elements.
6 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design Principles
Principles help a designer determine the relation-
ship between the parts or design elements involved
and serve as rules that a designer can follow when
combining these elements in a design.
7 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design Principles
Hierarchy
Balance
Proximity
Repitition
Scale
Unity and Variety
1.
2.
3.
4.
5.
6.
8 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Hierarchy
Hierarchy is achieved by determining dominance or
emphasizing one design element over another.
9 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Hierarchy
None is more dominant
than another
The most dominant element
is the typogrphy
The photograph is the most
dominant element
1.
2.
3.
10 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Balance
Balance in a design refers to the equal distribution
of visual weight in a layout.
There are two approaches to achieving balance in a
layout: symmetric and asymmetric
11 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Balance: Symmetric
In a symmetrically balanced layout, identical or
similar design elements are aligned in an equal
way on either side of a vertical axis
12 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Balance: Symmetric
This book cover features a
symmetrical layout.
If a vertical axis were drawn
down the middle, the left half
of the cover would mirror the
right.
13 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Balance: Asymmetric
In an asymmetrical layout, balance is achieved with
an unequal arrangement of elements.
Achieving asymmetrical balance is more difficult
and complex because the visual weight of each
element and their arrangement needs to be care-
fully considered.
14 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Balance: Asymmetric
15 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Proximity
Proximity is a spatial relationship between items.
The closer things are to one another, the more they
must be related.
16 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Proximity
17 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Repetition
Repitition is a repeating visual elements and
establishing a sense of movement from one element
to the next
18 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Repetition
19 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Scale
Scale is the size relationships between the various
elements in a layout and can be used to control
emphasis and hierarchy.
20 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Scale
21 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Unity and Variety
Unity is achieved by choosing and organizing
design elements in a way that creates a sense of
wholeness and harmony.
Variety involves choosing and adding different
elements for visual interest.
22 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles Unity and Variety
Typography in the same style and
size, and a pastel color palette
helped to unify the covers.
The central image on each is
unique, helping to create variety
and differentiate one title from
the next.
23 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design Elements
Design elements are the components or the parts
that make up a design composition.
The formal elements of design are shape, line,
color, type and image.
24 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design Color Modes
The color mode determines what color method is
used to display and print the image you’re working
on.
There are two popular color modes:
RGB color mode for display on-screen
CMYK color mode for press and printing
conditions
1.
2.
25 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Color Modes RGB and CMYK
Red
Green
Blue
Cyan
Magenta
Yellow
Black
26 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Color Scheme Color Wheel and Palattes
Color Wheel Color Palettes
27 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design Type
There are two popular families of font:
Serif
Sans Serif
1.
2.
28 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Type Serif
Times New Roman
Garamond
Georgia
29 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Type Sans Serif
Arial
Tahoma
Verdana
Myriad
Futura
30 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Type Rules
Body copy of font should be at least 9 points and
no larger than 14 points
Body copy of font should be contrast from head
line


31 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design Image
Photo
Clip Art
32 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Design
Principles & Elements Example
33 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Basic Concept
Page layout is the part of graphic design that deals
in the arrangement and style treatment of elements
(content) on a page.
34 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Oldest Styles
35 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Modern Styles
36 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Modern Styles
37 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout How to Look Modern?
Full-color
Informational graphics
Packaging: user-friendly
Modular layout




38 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Informational Graphics
39 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Informational Graphics
40 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Modular Page Design
41 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Te Four Basic Element of Pages
Headlines
Text
Photos
Cutlines
42 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Column Grids
43 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout
Column Grids Samples
44 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Te Tree Basic Photo Shapes
Horizontal
Vertical
Square
45 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Some Photo Guidelines
Every photo should have a clean, clear center of
interest
Every photo should look natural
Every photo should have a cutline
Every photo should be relevant




46 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Drawing a Dummy
47 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Design Disasters to Avoid!
Too Many Fonts
Type in ALL CAPS
Overuse of Frames and Boxes
Excessive Use of Clip Art




48 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Making Stories Fit
If a story turns out too long:
Trim the text
Trim a photo
Trim an adjacent story
Drop a line from the headline
Move an ad





49 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Making Stories Fit
If a story turns out too short:
Add more text
Enlarge a photo
Add a mug shot
Add a liftout quote
Add another line of headline
Add some air between paragraphs






50 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Te Four Basic of Paper Size
Broadsheet size
17 x 22 inches for newspaper
Tabloid size
11 x 17 inches for tabloid
Letter size
8.5 x 11 inches for newsletter
Digest size
5.5 x 8.25 inches for books, magazines (Reader’s
Digest and TV Guide)
51 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Page Layout Page Layout Software
QuarkXPress
Adobe InDesign
Scribus
Microsoft Publisher
Apple Pages
52 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Ideas Before and After
More Colors and big pictures
53 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Ideas Before and After
Italic Headline
54 Mengenal dan Memahami Konsep Desain Grafis untuk Media
Ideas Before and After
More photos
End

Sign up to vote on this title
UsefulNot useful