Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling...

51
PRINSIP-PRINSIP DESAIN GRAFIS

Transcript of Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling...

Page 1: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

PRINSIP-PRINSIP DESAIN GRAFIS

Page 2: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

Business card tanpa proximity

Darimana anda akan mulai membacanya ?

Page 5: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

• 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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 7: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 9: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 10: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

• 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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 12: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 16: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 18: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 20: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 21: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 22: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 26: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 27: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

Hal-hal yang Harus Diperhatikan

• Terlalu banyak pengulangan akan mengganggu atau berlebihan

• Perhatikan nilai kontras

Page 30: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 32: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

Fungsi Kontras : • Membantu pembaca memahami dengan

cepat informasi di halaman

• Menambah daya tarik halaman

• Memperjelas tujuan dan organisasi dokumen

Page 33: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 34: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 35: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 36: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 40: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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

Page 41: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

Contoh desain dengan irama

Page 43: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

Gambar contoh keseimbangan

Page 45: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain
Page 46: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

Contoh COI :

Page 48: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

Contoh desain sederhana dan desain yang hingar ramai

Page 50: Komponen Desain Grafis...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

• 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...sehingga menimbulkan kesan harmonis, satu elemen dengan yang lainnya saling mendukung untuk menyampaikan pesan dari desain tersebut. •Untuk memperoleh desain

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