Dasar Desain Grafis Untuk Media Cetak

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

Coky Fauzi

�Mengenal dan Memahami Konsep Desain Grafis untuk Media

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

DesignDesignDesignPrinciplesDesignPrinciplesDesignPrinciplesDesignPrinciplesDesignPrinciplesDesignPrinciples

Basic ConceptPrinciplesHierarchy

Balance

Balance: Symmetric

Balance: Asymmetric

Proximity

Repetition

232425

DesignPrinciplesDesignPrinciplesDesignDesignDesignColor ModesDesignColor SchemeDesign

Unity and Variety

ElementsColor ModesRGB and CMYK

Color Wheel and Palettes

33343537

DesignTypeDesignTypeDesignTypeDesignDesignPrinciples & ElementsPage LayoutPage LayoutPage LayoutPage Layout

Sans Serif

ImageExample

Basic ConceptOldest StylesModern StylesHow to Look Modern?

Page Layout

Page LayoutPage LayoutColumn GridsPage Layout

Page Layout

Informational GraphicModular Page DesignThe Four Basic Element of PagesColumn GridsSamples

The Three Basic Photo ShapesSome Photo GuidelinesDrawing a Dummy

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

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

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

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 How to Look Modern?

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

••••

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

Dasar Desain Grafis Untuk Media Cetak

Documents

Pengenala Desain Grafis

Mengenal desain-grafis

Definisi Desain Grafis

BAB II KERANGKA TEORI DESAIN GRAFIS, KONSEP …eprints.walisongo.ac.id/6467/3/BAB II.pdf · KERANGKA TEORI DESAIN GRAFIS, KONSEP DAKWAH DAN DESAIN GRAFIS SEBAGAI SENI DAKWAH A. Desain

Desain Grafis - pdf.nsc.ac.idpdf.nsc.ac.id/10_49_34-Pengenalan Desain Grafis-20141112.pdf · Pengertian Desain Grafis ... Software/Aplikasi pengolah Gambar Bitmap •Program yang

elemen grafis, desain grafis

Makalah Desain Grafis

DESAIN GRAFIS UNTUK MEDIA IKLAN CETAK CV. FRONTLINE …eprints.uns.ac.id/8117/1/219631711201105141.pdf · DESAIN GRAFIS UNTUK MEDIA IKLAN CETAK CV. FRONTLINE INDONESIA Oleh: Nama

Desain grafis multimedia

BAB IV IMPLEMENTASI DESAIN - DINAMIKArepository.dinamika.ac.id/1128/8/BAB_IV.pdf42 akan dilakukan proses cetak. Pembuatan desain dalam bagian ini menggunakan sotware Desain Grafis

DESAIN GRAFIS UNTUK MEDIA IKLAN CETAK CV. FRONTLINE

Desain Grafis - Semua Berkas | Politeknik NSC Surabaya › 10_49_34-Pengenalan Desain Grafis... · 2020-03-26 · Desain Grafis Secara garis besar, desain grafis dibedakan menjadi

DESAIN GRAFIS?

DESAIN GRAFIS 2A

Komposisi desain grafis

IMPLEMENTASI DESAIN GRAFIS · implementasi desain grafis dalam pemasaran implementasi desain grafis dalam pemasaran

Desain Grafis - kursuskomputerterbaik.files.wordpress.com€¦ · Desain Grafis Secara garis besar, desain grafis dibedakan menjadi beberapa kategori: •Printing (Percetakan) yang

Pelatihan desain grafis

SKKNI Desain Grafis

JADWAL KULIAH - fti.budiluhur.ac.idfti.budiluhur.ac.id/wp-content/uploads/2013/01/... · Desain AutoCAD Desain AutoCAD Desain AutoCAD Desain AutoCAD Desain Grafis Desain Grafis Desain