kuliah 3 teknik presentasi oleh coky fauzi alfi cokyfauzialfi.wordpress.com...
Post on 19-Dec-2015
219 views
TRANSCRIPT
![Page 1: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/1.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/2.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/3.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/4.jpg)
The Gestalt Theory of Visual Perception
![Page 5: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/5.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/6.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/7.jpg)
The Gestalt Theory of Visual Perception
![Page 8: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/8.jpg)
The Gestalt Theory of Visual Perception
![Page 9: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/9.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/10.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/11.jpg)
The Principles of Design
![Page 12: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/12.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/13.jpg)
Unity or Harmony
![Page 14: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/14.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/15.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/16.jpg)
Left: Unity. Right: Lack of unity.
![Page 17: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/17.jpg)
![Page 18: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/18.jpg)
Variety
![Page 19: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/19.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/20.jpg)
Left: Too much variety. Right: Too much unity.
![Page 21: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/21.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/22.jpg)
![Page 23: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/23.jpg)
Hierarchy and Focal Point
![Page 24: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/24.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/25.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/26.jpg)
The most dominantelement is the typography
![Page 27: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/27.jpg)
The photograph is the most dominant element
![Page 28: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/28.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/29.jpg)
![Page 30: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/30.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/31.jpg)
All have equal emphasis
![Page 32: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/32.jpg)
Balance
![Page 33: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/33.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/34.jpg)
Left: Balance, Right: Imbalance
![Page 35: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/35.jpg)
Balance
Symmetrical
Asymmetrical
Radial
![Page 36: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/36.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/37.jpg)
![Page 38: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/38.jpg)
![Page 39: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/39.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/40.jpg)
![Page 41: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/41.jpg)
symmetrical (left) and asymmetrical (right)
![Page 42: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/42.jpg)
Interior Design
Symmetrical
![Page 43: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/43.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/44.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/45.jpg)
Left: Asymmetrical radial balance. Right: Symmetrical balance.
![Page 46: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/46.jpg)
Proximity
![Page 47: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/47.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/48.jpg)
![Page 49: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/49.jpg)
Rhythm and Repetition
![Page 50: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/50.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/51.jpg)
Repetition (left) and Rhythm (right)
![Page 52: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/52.jpg)
Rhythm Examples
![Page 53: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/53.jpg)
![Page 54: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/54.jpg)
![Page 55: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/55.jpg)
Interior Design
![Page 56: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/56.jpg)
![Page 57: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/57.jpg)
Scale
![Page 58: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/58.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/59.jpg)
![Page 60: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/60.jpg)
![Page 61: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/61.jpg)
Pertanyaan?
![Page 62: Kuliah 3 Teknik Presentasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com cokyfauzialfi.wordpress.com](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/62.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062320/56649d2d5503460f94a049d9/html5/thumbnails/63.jpg)
© 2011 cokyfauzialfi.wordpress.com
Terima Kasih