desain visual - institut teknologi telkom purwokerto · 2017. 11. 23. · fogerty’seye of the...

27
Desain Visual S. Thya Safitri, MT Desain Grafis S1 T.Informatika ST3 Telkom

Upload: others

Post on 15-Mar-2021

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Desain Visual

S. Thya Safitri, MT

Desain Grafis – S1 T.Informatika – ST3 Telkom

Page 2: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Poin Kunci Elemen pada sebuah desain merupakan kombinasi

dari sebuah gambar, foto dan ilustrasi

Semua elemen-elemen tersebut harus memiliki keseimbangan

Bab ini menjelaskan bagaimana meletakkan gambar dalam sebuah komposisi sehingga bisa mengarahkan mata dan mencapai sebuah komunikasi visual yang nyata

Page 3: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Kesatuan antara Penglihatan dan Pengetahuan

Dua hal yang perlu disatukan pada sebuah desain grafis adalah pengetahuan akan pemahaman ide dan penggunaan kata untuk mewakili ide tersebut

Terkadang perlu membuat sesuatu yang kontras dalam penempatan elemen-elemen desain sehingga mata bisa lebih merasakan perbedaan

Page 4: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

AM Cassandre - awal abad ke-20

Iklan kacamata

Pemahaman dituntut pada slogan, gambarKacamata, kontras warna

Perbedaan ukuran font tulisan yangdigunakan juga memberikan sesuatu yangberbeda

Page 5: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Desain Abstrak Komponen sebuah desain abstrak “tentang” warna,

nilai, bentuk, tekstur, arah

Seorang seniman grafis harus mampu membuat sebuah karya abstrak baik menggunakan elemen bergambar maupun bukan gambar

Page 6: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Julius Friedman, art directorLouisville, images design

Desain Grafis pada dasarnya merupakan seni abstrak yang menggabungkan banyakhal sehingga menjadi struktur 2D

Desain adalah BAHASA VISUAL

Page 7: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Kerjasama Sebuah perusahaan desain grafis, penekanan pada

sebuah desain visual

Dalam sebuah iklan, kata-kata biasanya mendominasi

Baunhaus: Desain yang baik adalah sesuai dengan fungsinya

El Lissitzky: The words on the printed page are meant to be looked at, not listened to.

Page 8: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Dinamika desain Visual

Don Egensteiner Bartels and Company

Page 9: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Top to Bottom

Milton Glaser

Ketidaknyamanan desainer terhadapkarya seni mendatar

Page 10: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Vertical and Horizontal

Milton Glaser.A drawing created toillustrate a story inAudience magazineabout a man with acrooked head.

Milton Glaster: “The diagonal of this figure gives the illustrationits surreal perversity.”

Page 11: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Left to RightPada budaya barat, membaca dilakukan dari kiri ke kanan,sehingga berpengaruh terhadap cara kita membuat sebuah desain

Sisi kiri, biasanya lebih penting, karena adanya penekanan awal

Gambar seekor hewan yang berlari dari kanan ke kiri, akan terlihataneh daripada hewan tersebut digambarkan berlari dari kiri ke kanan

Page 12: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

KeseluruhanSetiap bentuk dua dimensi, garis, angka dan warna memiliki dinamika visual

Gambar seorang penari harusnya bisa menciptakan sebuah gerakan, namunhanya bahasa visual yang bisa membuat nya

Komunikasi yang baik membutuhkan keseimbangan sehingga yang melihatmampu menangkap pesan secara visual

Page 13: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

KeseimbanganMata lebih senang dengan sesuatu yang seimbang

Will Bradley.Poster for Victor Bicycles. 1899.

Tokoh utama

Produk sepeda

Komposisi warna

All of this is a visualbalancing act

Page 14: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan

Keseimbangan/Balance dapat tercapai karena adanya dua hal berlawananyang saling menarik

Elements in symmetricaland asymmetrical balance.

Seni akan tampak membosankan jika selalu seimbang

Seni yang seimbang, biasanya akan cepat membosankan

Page 15: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Simetris

Simetris identik dengan perulangan bentuk dari kiri ke kanan atauatas ke bawah, biasanya memiliki suatu titik pusat

Karya seni yang simetris didominasi lukisan Barat hingga zaman Renaissance yang pada waktu itu abad perdagangan menekankan pada titik pusat iklan

Keseimbangan sangat diperlukan apabila stabilitas dan rasa ingin diutamakan

Membuat sebuah karya yang simetris harus bisa membuat kesamaan bentuk antara dua sisi dengan adanya penekanan pada titik pusat

Page 16: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Simetris

Tree of Life Window, 1904, by Frank Lloyd Wright.

Margo Chase. Logo design for JohnFogerty’s Eye of the Zombie album cover.

Page 17: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

A-Simetris

Desain A-Simetris memberikan sebuah perubahan rasa

Desain yang simetris memberikan rasa yang kurang mendalam dibandingkan desain A-simetris

Pada sebuah desain simetris, persegi digambarkan sebagai 2 buah persegi, sementara pada desain a-simetris, bisa dalam berbagai bentuk, warna maupun terstur

Sebuah desain A-Simetris biasanya lebih menarik

Page 18: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

A-Simetris

MichaelDavid Brown. Death in the Afternoonfrom Creativity Illustrated.1983. An example of Asymmetrical balance.

Page 19: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui KontrasSimetris melalui rupa, A-Simetris melalui kontras

Cara mudah untuk mencapai kesatuan visual adalah dengan membuat satu kesatuan bentuk yang simetris

Dua hal yang perlu dipertimbangkan dalam membuat sesuatu yang kontras, yaitu visual weight dan visual direction

Visual weight adalah kekuatan atau dominasi abjek visual

Visual direction adalah cara menarik penglihatan antara elemen-elemen diatas sebuah alas

Beberapa hal yang mempengaruhi keseimbangan adalah lokasi, kedalaman spasial, ukuran, tekstur, isolasi, masalah subject, value, bentuk, struktur, dan warna

Page 20: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui KontrasLOKASI

Titik tengah akan memberikan pengaruh lebih besar daripadadiletakkan ditepi. Bentuk kecil pada pinggiran akanmenyeimbangkan sesuatu yang besar di tengah (4-17a)

Mata di proyeksikan ke dalam sebuah ilusi ruang, sehingga ukuran akan tampak lebih besar (4-17b)

Kontras dapat diwakili dari ukuran huruf ataupun gambar yang digunakan (4-19)

Ukuran adalah bentuk paling dasar dan sering digunakansebagai sebuah pembanding dalam desain grafis

Kontras antara besar dan kecil harus tajam

Kedalaman Spasial

Ukuran

Page 21: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui Kontras

4-19 Herbert Matter

Page 22: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui KontrasTekstur

Sebuah daerah kecil lebih bertekstur akan lebih kontras dengandaerah yang lebih luas dengan tekstur sederhana ( 4 - 20a ) . aturan ini mengacu pada tekstur visual, bukan tekstur teks

Sebuah bentuk yang terisolasi akan menarik perhatian lebih banyak dan akan memiliki bobot visual yang lebih besar (4-20b)

Sesuatu yang alami akan lebih menarik perhatian mata (4-20c)

Mata manusia akan lebih mudah tertarik pada sesuatu representasi alami

Isolasi

Masalah Subject

Posisi penempatan dari suatu tata letak juga akan lebih menarik perhatian

Page 23: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui Kontras

Herb Lubalin. 1965.

Page 24: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui KontrasValue

Suatu daerah dengan tingkat kontras yang lebih tinggi memiliki berat visual lebih kuat.

Titik kecil dengan hitam pekat akan lebih kontras dari suatu yang luas dan abu-abu ketika disandingkan pada sebuah latar belakang berwarna putih (4-20d)

Suatu kontur yang rumit akan memberikan visualisasi bentuk yang lebih besar dari sesuatu bentuk yang sederhana

Bentuk kecil yang kompleks akan kontras dengan bentuk sederhana yang besar ( 4-23a)

Bentuk

Mengubah letak menjadi sesuatu yang tidak wajar juga memberikan pengaruh (4-23b)

Page 25: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui Kontras

Margo Chase

Page 26: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Keseimbangan melalui KontrasStruktur

Dalam desain,struktur akan memberikan karakter tersendiri.

Warna yang cerah akan memberikan visual lebih berbobot

Bentuk besar berwarna abu-abu, biru akan diimbangi dengan sesuatu yang kecil berwarna merah terang

Warna

Dalam sebuah desain yang hanya menekankan satu warna, warna tersebut tidak selamanya harus hitam

Pemilihan warna pada desain harus dipertimbangkan secara bijaksana karena berpengaruh terhadap biaya

Page 27: Desain Visual - Institut Teknologi Telkom Purwokerto · 2017. 11. 23. · Fogerty’sEye of the Zombie album cover. A-Simetris ... Titik kecil dengan hitam pekat akan lebih kontras

Terimakasih