Dasar Desain Grafis Untuk Media Cetak

Mengenal dan Memahami Konsep Desain Grafis untuk Media Pelatihan Jurnalistik untuk Sekretariat Negara Republik Indonesia

Coky Fauzi

Alfi

�Mengenal dan Memahami Konsep Desain Grafis untuk Media

Table of ContentsMengenal dan Memahami Konsep Desa in Gra f i s un tuk Med ia

568

10

11

13

15

17

DesignDesignDesignPrinciplesDesignPrinciplesDesignPrinciplesDesignPrinciplesDesignPrinciplesDesignPrinciples

Basic ConceptPrinciplesHierarchy

Balance

Balance: Symmetric

Balance: Asymmetric

Proximity

Repetition

19

21

232425

26

27

DesignPrinciplesDesignPrinciplesDesignDesignDesignColor ModesDesignColor SchemeDesign

Scale

Unity and Variety

ElementsColor ModesRGB and CMYK

Color Wheel and Palettes

Type


28

29

30

3132

33343537

DesignTypeDesignTypeDesignTypeDesignDesignPrinciples & ElementsPage LayoutPage LayoutPage LayoutPage Layout

Serif

Sans Serif

Rules

ImageExample

Basic ConceptOldest StylesModern StylesHow to Look Modern?

38

40

41

4243

44

45

46

Page Layout

Page Layout

Page Layout

Page LayoutPage LayoutColumn GridsPage Layout

Page Layout

Page Layout

Informational GraphicModular Page DesignThe Four Basic Element of PagesColumn GridsSamples

The Three Basic Photo ShapesSome Photo GuidelinesDrawing a Dummy



47

4850

5152

Page Layout

Page LayoutPage Layout

Page LayoutIdeas

Design Disasters to Avoid!Making Stories FitThe Four Basic of Paper SizePage Layout SoftwareBefore and After



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.


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.


Design Principles

Hierarchy Balance Proximity Repitition Scale Unity and Variety

1.2.3.4.5.6.


DesignPrinciples Hierarchy

Hierarchy is achieved by determining dominance or emphasizing one design element over another.


DesignPrinciples Hierarchy

None is more dominant than anotherThe most dominant element is the typogrphyThe photograph is the most dominant element

1.

2.

3.

10Mengenal dan Memahami Konsep Desain Grafis untuk Media

DesignPrinciples 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

11Mengenal dan Memahami Konsep Desain Grafis untuk Media

DesignPrinciples Balance: Symmetric

In a symmetrically balanced layout, identical or similar design elements are aligned in an equalway on either side of a vertical axis

1�Mengenal dan Memahami Konsep Desain Grafis untuk Media

DesignPrinciples 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.


DesignPrinciples 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.


DesignPrinciples Balance: Asymmetric


DesignPrinciples Proximity

Proximity is a spatial relationship between items.

The closer things are to one another, the more they must be related.


DesignPrinciples Proximity


DesignPrinciples Repetition

Repitition is a repeating visual elements and establishing a sense of movement from one element to the next


DesignPrinciples Repetition


DesignPrinciples Scale

Scale is the size relationships between the various elements in a layout and can be used to controlemphasis and hierarchy.

�0Mengenal dan Memahami Konsep Desain Grafis untuk Media

DesignPrinciples Scale


DesignPrinciples Unity and Variety

Unity is achieved by choosing and organizing design elements in a way that creates a sense ofwholeness and harmony.

Variety involves choosing and adding different elements for visual interest.

��Mengenal dan Memahami Konsep Desain Grafis untuk Media

DesignPrinciples 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 isunique, helping to create varietyand differentiate one title from the next.


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.


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.


DesignColor Modes RGB and CMYK

RedGreenBlue

CyanMagentaYellowBlack


DesignColor Scheme Color Wheel and Palattes

Color Wheel Color Palettes


Design Type

There are two popular families of font: Serif Sans Serif

1.2.


DesignType Serif

Times New RomanGaramondGeorgia


DesignType Sans Serif

ArialTahomaVerdanaMyriadFutura


DesignType 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

•

•


Design Image

Photo Clip Art


DesignPrinciples & Elements Example


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.


Page Layout Oldest Styles


Page Layout Modern Styles


Page Layout Modern Styles


Page Layout How to Look Modern?

Full-color Informational graphics Packaging: user-friendly Modular layout

••••


Page Layout Informational Graphics


Page Layout Informational Graphics


Page Layout Modular Page Design


Page Layout The Four Basic Element of Pages

HeadlinesText

PhotosCutlines


Page Layout Column Grids


Page LayoutColumn Grids Samples


Page Layout The Three Basic Photo Shapes

HorizontalVerticalSquare


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

•

•••


Page Layout Drawing a Dummy


Page Layout Design Disasters to Avoid!

Too Many Fonts Type in ALL CAPS Overuse of Frames and Boxes Excessive Use of Clip Art

••••


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

•••••


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

••••••


Page Layout The Four Basic of Paper Size

Broadsheet size 17 x 22 inches for newspaperTabloid size 11 x 17 inches for tabloidLetter size 8.5 x 11 inches for newsletterDigest size 5.5 x 8.25 inches for books, magazines (Reader’s Digest and TV Guide)


Page Layout Page Layout Software

QuarkXPress Adobe InDesign Scribus Microsoft Publisher Apple Pages


Ideas Before and After

More Colors and big pictures



Italic Headline



More photos

End

Documents

Dasar Desain Grafis Untuk Media Cetak