Mengenal dan Memahami Konsep Desain Grafis untuk Media

Ukuran: px

Mulai penontonan dengan halaman:

Download "Mengenal dan Memahami Konsep Desain Grafis untuk Media"

Agus Dharmawijaya
6 tahun lalu
Tontonan:

1 Mengenal dan Memahami Konsep Desain Grafis untuk Media Pelatihan Jurnalistik untuk Sekretariat Negara Republik Indonesia Coky Fauzi Alfi

2 Table of Contents Mengenal dan Memahami Konsep Desain Grafis untuk Media 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 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 Table of Contents Mengenal dan Memahami Konsep Desain Grafis untuk Media 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? Page Layout Page Layout Page Layout Page Layout Page Layout Column Grids Page Layout Page Layout Page Layout Informational Graphic Modular Page Design The Four Basic Element of Pages Column Grids Samples The Three Basic Photo Shapes Some Photo Guidelines Drawing a Dummy

4 Table of Contents Mengenal dan Memahami Konsep Desain Grafis untuk Media Page Layout Page Layout Page Layout Page Layout Ideas Design Disasters to Avoid! Making Stories Fit The Four Basic of Paper Size Page Layout Software Before and After

5 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 Principles Principles help a designer determine the relationship between the parts or design elements involved and serve as rules that a designer can follow when combining these elements in a design.

7 Principles Hierarchy Balance Proximity Repitition Scale Unity and Variety

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

9 Principles Hierarchy None is more dominant than another The most dominant element is the typogrphy The photograph is the most dominant element

10 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 10

11 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 11

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

13 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 carefully considered. 13

14 Principles Balance: Asymmetric 14

15 Principles Proximity Proximity is a spatial relationship between items. The closer things are to one another, the more they must be related. 15

16 Principles Proximity 16

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

18 Principles Repetition 18

19 Principles Scale Scale is the size relationships between the various elements in a layout and can be used to control emphasis and hierarchy. 19

20 Principles Scale 20

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

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

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

24 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: 1. RGB color mode for display on-screen 2. CMYK color mode for press and printing conditions 24

25 Color Modes RGB and CMYK Red Green Blue Cyan Magenta Yellow Black 25

26 Color Scheme Color Wheel and Palattes Color Wheel Color Palettes 26

27 Type There are two popular families of font: Serif Sans Serif 27

28 Type Serif Times New Roman Garamond Georgia 28

29 Type Sans Serif Arial Tahoma Verdana Myriad Futura 29

30 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 30

31 Image Photo Clip Art 31

32 Principles & Elements Example 32

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

34 Page Layout Oldest Styles 34

35 Page Layout Modern Styles 35

36 Page Layout Modern Styles 36

37 Page Layout How to Look Modern? Full-color Informational graphics Packaging: user-friendly Modular layout 37

38 Page Layout Informational Graphics 38

39 Page Layout Informational Graphics 39

40 Page Layout Modular Page Design 40

41 Page Layout The Four Basic Element of Pages Headlines Text Photos Cutlines 41

42 Page Layout Column Grids 42

43 Page Layout Column Grids Samples 43

44 Page Layout The Three Basic Photo Shapes Horizontal Vertical Square 44

45 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 45

46 Page Layout Drawing a Dummy 46

47 Page Layout Design Disasters to Avoid! Too Many Fonts Type in ALL CAPS Overuse of Frames and Boxes Excessive Use of Clip Art 47

48 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 48

49 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 49

50 Page Layout The 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) 50

51 Page Layout Page Layout Software QuarkXPress Adobe InDesign Scribus Microsoft Publisher Apple Pages 51

52 Ideas Before and After More Colors and big pictures 52

53 Ideas Before and After Italic Headline 53

54 Ideas Before and After More photos 54

55 End

dokumen-dokumen yang mirip

Web Design is 95% Typography Oliver Reichenstein, By: Ahmad SYAUQI Ahsan

Web Design is 95% Typography Oliver Reichenstein, 2006 By: Ahmad SYAUQI Ahsan What is Typography? Typography: the style and arrangement or appearance of text (corak dan cara menyusun visualisasi dari teks)