63
Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.co m Principles of Design

Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

  • View
    219

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Kuliah 3 Teknik PresentasiOleh Coky Fauzi Alfi

cokyfauzialfi.wordpress.com

Principles of Design

Page 2: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Design is a visual language built on fundamental principles and

elements

Page 3: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The elements of design refer to “what” are used.

The principles of design refer to “how” they are used.

Page 4: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The Gestalt Theory of Visual Perception

Page 5: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The principles of design are based on the Gestalt Theory of

Visual Perception

Page 6: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The Gestalt Theory of Visual Perception

The whole is different from the sum of its parts.

Page 7: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The Gestalt Theory of Visual Perception

Page 8: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The Gestalt Theory of Visual Perception

Page 9: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Which of those two pictures is easier to remember?

Page 10: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The Gestalt Theory of Visual Perception

A greater image may be very different from the components

Page 11: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The Principles of Design

Page 12: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Unity

Variety

Hierarchy & Focal Point

Balance ProximityRhythm & Repetition

Scale

Page 13: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Unity or Harmony

Page 14: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

To group similar elements visually and try to find the relationships that exist between them.

Page 15: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

A design that is void of unity is usually chaotic and uncomfortable to view.

Page 16: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Left: Unity. Right: Lack of unity.

Page 17: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 18: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Variety

Page 19: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Too much unity is boring. The great design needs adding

different elements for visual interest or variety.

But too much variety can cause confusion.

Page 20: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Left: Too much variety. Right: Too much unity.

Page 21: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Typography in the same style and size, and a pastel color palette helped to unify.

But the central image on each is unique, helping to create variety and differentiate one title from the next.

Page 22: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 23: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Hierarchy and Focal Point

Page 24: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Hierarchy is achieved by determining dominance or

emphasizing one design element over another

Page 25: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

It is important that one element be dominant to give the

viewer’s eye a focal point

Page 26: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The most dominantelement is the typography

Page 27: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The photograph is the most dominant element

Page 28: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

The Indian and horse represent the largest group of shapes

Page 29: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 30: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Lack of clear visual hierarchy is the reason many designs fail to attract and hold a viewer’s attention

Page 31: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

All have equal emphasis

Page 32: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Balance

Page 33: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Balance in a design refers to the equal distribution of visual weight

in a layout

Page 34: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Left: Balance, Right: Imbalance

Page 35: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Balance

Symmetrical

Asymmetrical

Radial

Page 36: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

When one side of a design is exactly the same as the other side, it is called

symmetrical balance or classical balance or formal balance.

Page 37: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 38: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 39: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

In an asymmetrical layout, balance is achieved with an unequal

arrangement of elements

Page 40: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 41: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

symmetrical (left) and asymmetrical (right)

Page 42: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Interior Design

Symmetrical

Page 43: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Radial balance can be described as balance that radiates out from a central focal point. This type of balance is commonly used when a dynamic focal point is required.

Page 44: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Radial balance can be either symmetrical or asymmetrical depending on the location of its focal point.

Page 45: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Left: Asymmetrical radial balance. Right: Symmetrical balance.

Page 46: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Proximity

Page 47: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

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

Page 48: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 49: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Rhythm and Repetition

Page 50: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Rhythm is created by repeating exact or slightly different elements

in a predictable manner. It differs from repetition in the

degree of duplication of elements and a feeling of pacing.

Page 51: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Repetition (left) and Rhythm (right)

Page 52: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Rhythm Examples

Page 53: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 54: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 55: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Interior Design

Page 56: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 57: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Scale

Page 58: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Scale is the size relationships between the various elements in a layout and can be used to control emphasis and hierarchy. A sense of perspective, or the illusion of depth, is an aspect of scale.

Page 59: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 60: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com
Page 61: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Pertanyaan?

Page 62: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

Tugas 3: Esai

Buatlah sebuah esai yang menjelaskan tentang proses desain.

Deadline: 5 April 2011Send to: [email protected]

Page 63: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com

© 2011 cokyfauzialfi.wordpress.com

Terima Kasih