Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah...

51
PRINSIP-PRINSIP DESAIN GRAFIS

Transcript of Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah...

Page 1: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

PRINSIP-PRINSIP DESAIN GRAFIS

Page 2: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

1. Unity (Kesatuan)

• Kesatuan adalah kohesi, konsistensi, keutuhan, yang merupakan isi pokok dari komposisi.

• Kesatuan adalah bersatunya elemen-elemen desain sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut.

• Untuk memperoleh desain yang terlihat menyatu maka terdapat beberapa pendekatan yang bisa digunakan: (prinsip joshua tree)

–Proximity approach

–Repetition approach

–Continuation approach

Page 3: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Prinsip Proximity • Pengelompokan item-item yang berkaitan

• Mendekatkan item-item yang berkaitan

• Pengelompokan item-item yang berkaitan menjadi satu kelompok yang kohesif

Page 4: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Business card tanpa proximity

Darimana anda akan mulai membacanya ?

Page 5: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

• Proximity, atau kedekatan, menandakan adanya keterkaitan/hubungan

• Manfaat pengelompokan:

– Halaman menjadi lebih terorganisir

– Permulaan dan akhir pesan lebih mudah diketahui

– Jarak/ruang antar huruf menjadi lebih terorganisir

Page 6: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 7: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Ketika Anda membuat koran, flyer, atau brosur:

• Tentukan informasi-informasi yang saling berkaitan secara logis

• Tentukan informasi-informasi yang harus diberi penekanan

• Tentukan informasi-informasi yang tidak perlu diberi penekanan

• Teks tidak harus berukuran 12 point, dan informasi yang merupakan bagian dari pesan utama dapat berukuran 7 atau 8 point

Page 8: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 9: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 10: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

• Proximity bukan berarti semuanya berdekatan

• Elemen-elemen yang berhubungan secara logis harus dihubungkan secara visual

• Elemen atau kelompok elemen yang terpisah tidak boleh berdekatan

Page 11: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 12: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Bila….. • terlalu banyak item yang terpisah, pilih

item-item yang harus didekatkan

• terdapat bagian halaman yang pengorganisasiannya kurang jelas, pastikan semua item di tempat yang semestinya

Page 13: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Tujuan pokok Proximity :

• Mengatur, mengorganisasikan

• Cara mencapai tujuan:

– Hitung elemen visual pada halaman

– Bila lebih dari 3 sampai 5, pilih elemen-elemen

terpisah yang dapat dikelompokkan/didekatkan

menjadi satu unit visual

Page 14: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Hal-hal yang Harus Dihindari • Jangan terlalu banyak elemen terpisah di

Halaman

• Jangan terpaku di bagian sudut atau tengah

• Jangan menyisakan jumlah space putih yang sama antar elemen

• Jangan menghubungkan elemen yang tidak saling berhubungan

Page 15: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 16: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Prinsip Alignment (Penjajaran)

• Tak ada satupun yang diletakkan di halaman secara acak

• Setiap item harus memiliki hubungan visual dengan sesuatu yang lain di halaman tersebut

Page 17: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 18: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Penjajaran Tengah (Centered Alignment)

• Paling umum digunakan oleh para pemula

• Membentuk tampilan yang lebih formal, lebih santun/sopan, lebih umum, dan tampilan ke bawah yang membosankan

Page 19: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 20: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 21: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 22: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Alignment ...

• Tidak ada sesuatupun yang diletakkan secara acak di halaman

• Setiap elemen harus memiliki hubungan visual dengan elemen yang lain

• Keselarasan adalah konsep penting dalam desain

• Tujuan pokok: Menyelaraskan & mengorganisir halaman

• Cara mencapai tujuan:

– Hati-hati dalam meletakkan semua elemen

– Temukan sesuatu yang lain di halaman untuk disejajarkan

Page 23: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Hal-hal yang Harus Dihindari ...

• Penggunaan lebih dari satu penjajaran teks pada halaman

• Coba untuk tidak terpaku hanya pada centered alignment

Page 24: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Prinsip Repetition (Pengulangan) • Pengulangan beberapa aspek desain di

keseluruhan bagian • Dapat juga disebut konsistensi • Contoh Elemen Pengulangan :

Huruf tebal Garis tebal Bullet Warna Elemen Desain Format Khusus Ruang/Spasi

Page 25: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 26: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 27: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Fungsi Pengulangan

• Membantu memandu pembaca melihat halaman

• Membantu menyelaraskan bagian-bagian yang berbeda dari desain

• Menciptakan kesinambungan yang luar biasa

Page 28: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Ikhtisar Repetition • Pengulangan pada desain menyelaraskan dan

memperkuat bagian-bagian yang terpisah

• Pengulangan bermanfaat untuk dokumen satu halaman dan sangat penting untuk dokumen multi-halaman

• Pengulangan menyelaraskan dan menambah daya tarik visual

• Temukan pengulangan yang sudah ada dan diperkuat

• Biasakan dengan ide dan tampilannya

• Mulailah membuat pengulangan untuk memperindah desain dan memperjelas informasi

Page 29: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Hal-hal yang Harus Diperhatikan

• Terlalu banyak pengulangan akan mengganggu atau berlebihan

• Perhatikan nilai kontras

Page 30: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Prinsip Kontras • Kekontrasan harus kuat agar efektif

• Kekontrasan terbentuk bila dua elemen berbeda

• Bila dua item tidak terlalu sama, maka buatlah menjadi sangat berbeda

Page 31: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 32: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Fungsi Kontras : • Membantu pembaca memahami dengan

cepat informasi di halaman

• Menambah daya tarik halaman

• Memperjelas tujuan dan organisasi dokumen

Page 33: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 34: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 35: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 36: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Ikhtisar Kontras • Kontras akan menarik mata pembaca

• Dua elemen harus berbeda agar kontras menjadi efektif

• Tujuan Pokok :

– Memberi dan menambah daya tarik pada halaman

– Membantu pengorganisasian informasi

• Cara Mencapai Tujuan :

Tambahkan kontras melalui:

• Bentuk huruf (Typeface)

• Ketebalan garis

• Warna

• Bentuk

• Ukuran

• Ruang, dll

Page 37: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Hal-hal yang Harus Dihindari... • Jangan mengkontraskan garis yang agak tebal

dengan garis yang lebih tebal

• Jangan mengkontraskan teks warna coklat dengan headline warna hitam

• Jangan menggunakan dua atau lebih bentuk yang sama

• Bila item-item tidak terlalu sama, buat menjadi sangat berbeda

Page 38: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

2. Prinsip Keberagaman

• Buatlah desain yang tidak monoton

• Gunakan gambar ilustrasi untuk memperkaya desain

• Perkaya desain dengan ukuran besar kecil elemen-elemen yang digunakan

Page 39: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 40: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Iklan ini hanya fiktif belaka jika ada kesamaan karakter iklan, itu memang disengaja

Page 41: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

3. Rytme (Irama)

• Irama merupakan selisih antara dua wujud yang terletak pada ruang.

• Desain grafis mementingkan interval ruang atau jarak antar obyek.

Page 42: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Contoh desain dengan irama

Page 43: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

4. Balance (Keseimbangan)

• Keseimbangan adalah keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya kesan seimbang secara visual.

• Tiga macam keseimbangan: – Keseimbangan Simetris – Keseimbangan Asimetris

• Keseimbangan warna • Keseimbangan isi • Keseimbangan bentuk • Keseimbangan posisi • Keseimbangan teksture • Keseimbangan arah mata

– Keseimbangan Radial

Page 44: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Gambar contoh keseimbangan

Page 45: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun
Page 46: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

5. Emphasis (Penekanan)

• Penekanan dimaksudkan untuk menarik perhatian pembaca atau orang yang melihat desain.

• All emphasis is no emphasis

• Penekanan diistilahkan juga sebagai COI (center of interest)

• Prinsip penekanan bisa dilakukan dengan cara:

– Pembuatan kotak raster atau keynote dengan border

– Pembesaran font

– Buatlah kontras pada tekstur, warna, garis, ruang, bentuk atau motif

Page 47: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Contoh COI :

Page 48: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

6. Simplicity (Kesederhanan)

• Kesederhanaan sebagai prinsip utama agar pembaca atau yang melihat desain kita tetap tahu dan paham terhadap isi yang akan disampaikan melalui desain tersebut.

• Kesalahan umum pada desainer pemula adalah membuat desain yang sebagus dan semenarik mungkin yang akan menuntun pembaca hanya mengamati desainnya dengan melupakan esensi pokok dari isi desain tersebut.

Page 49: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Contoh desain sederhana dan desain yang hingar ramai

Page 50: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

• Prinsip-prinsip desain bukan harga mati untuk seorang desainer.

• Tidak ada desain yang salah. Yang ada adalah desain yang menarik atau tidak menarik.

• Dalam prakteknya, dalam proses desain kadang-kadang tidak menggunakan acuan prinsip-prinsip desain.

• Hal ini muncul karena penilaian terhadap desain yang memang tidak ada standar baku.

Page 51: Komponen Desain Grafis - Berusaha Mencerdaskan Bangsa · Unity (Kesatuan) •Kesatuan adalah kohesi, konsistensi, keutuhan, yang ... • Cara mencapai tujuan: ... •Tidak ada sesuatupun

Tugas

• Mencari contoh-contoh design grafis yang menggunakan salah satu prinsip desain grafis (setiap mahasiswa berbeda!)

• Kirim ke: [email protected]

• Subject : tugas degraf1-nama anda

• Terakhir : 10 Oktober 2012 Pukul 23:59 WIB