SlideShare a Scribd company logo
LOKAKARYA KESENIAN
Bogor, 4 – 5 Desember 2010
princeofgiri@di.blankon.in
Komponen Desain Grafis
● Garis
● Bentuk (Shape)
● Warna
● Ilustrasi / Gambar
● Huruf (Teks) / Tipografi
● Ruang (Space)
Garis
● Keanyataan : tidak ada
● Sekumpulan titik yang dideretkan memanjang
● Inkscape >> stroke
● Ada kesan psikologis (persepsi) tersendiri
lembut, halus, gemulai, sexy ?
?
Bentuk (Shape)
http://www.opengraphicdesign.com/
http://www.opengraphicdesign.com/
http://www.opengraphicdesign.com/
Warna
● Memiliki karakter
● Untuk monitor umumnya RGB
● Untuk cetak : CMYK
● Biasanya digunakan dalam bentuk bilangan
hexadesimal seperti #FF0000 untuk merah
● Gunakan palette yang ada untuk
mempermudah
Ada apa dengan warna?
● Merah : perjuangan, nafsu, aktif, agresif,
dominan, kemamuan keras, persaingan,
keberanian, energi, bahaya
● Biru : ketenangan, kepercayaan, keamanan,
teknologi, kebersihan, keteraturan
● Logo bank banyak menggunakan warna biru,
terutama di Amerika.
● Hijau : alami, sehat, keberuntungan,
kebanggaan
● Kuning : optimisme, gembira, santai
Ada apa dengan warna?
● Ungu/Jingga : spiritual, misteri,
kebangsawanan, sombong, kasar, keangkuhan
● Warna ungu jarang ditemui di alam
● Di Indonesia, warna ungu identik dengan?
● Oranye : energi, semangat, segar, seimbang,
ceria
● Biasa dipakai di produk minuman rasa jeruk.
● Coklat : tanah/bumi, daya tahan, pesimis
Ada apa dengan warna?
● Abu-abu : canggih, futuristik, sederhana
● Paling mudah dilihat mata
● Tidak menunjukkan arti yang jelas
● Netral dan bebas dari kecendrungan psikologi
● Putih : suci, bersih, tepat, tidak bersalah
● Di Cina dan India, warna putih melambangkan
kematian
Ada apa dengan warna?
● Hitam : jahat, misteri, kematian, ketakutan,
sedih, anggun, canggih
● Dipadu dengan hijau, akan identik dengan hacker
Ilustrasi / Gambar
● Manual
● Umumnya digunakan untuk membuat sketsa
● Computerized
● Berisi pesan/berita yang akan disampaikan
Huruf (Teks) / Tipografi
● Tipografi merupakan seni memilih dan menata
huruf pada ruang untuk menciptakan kesan
khusus sehingga pembaca dapat membaca
semaksimal mungkin.
● Perlu diperhatikan karakter produk yang
ditonjolkan serta segmen pasarnya
Jenis Huruf
● Huruf tanpa kait (san serif) : tidak memiliki
kait / hook, hanya batan dan tangkainya saja.
Contoh : Arial, Tahoma.
● Huruf berkait (serif) : memiliki kait / hook pada
ujungnya. Contoh : Times New roman,
Garamond.
● Huruf tulis (script) : setiap hurufnya saring
terkait seperti tulisan tangan. Contoh :
Brushscript.
Jenis Huruf
● Huruf dekoratif : setiap huruf dibuat secara
detail, kompleks dan rumit. Contoh :
Augsburger Initial.
● Huruf Monospace : bentuknya bisa sama
seperti huruf san serif atau serif tapi jarak dan
ruang setiap hurufnya sama. Contoh : Courier
New.
Hirarki (Susunan) Teks
Penekanan Teks / Huruf
Anatomi Ketinggian Huruf
● Huruf kapital (upper case) akan membentuk garis semu
sehingga cocok dipadukan dengan garis-garis horisontal dan
bidang persegi empat.
● Huruf kecil (lower case) memiliki variasi tinggi, ascender dan
descender. Kita bisa mendapatkan ruang untuk dipakai oleh
objek atau teks lain.
Anatomi Bentuk Huruf
desain pada terminal
desain pada batang
desain pada batang dan terminal
Geometri Huruf
● Garis tegak – datar : E, F, H, I, L
● Garis tegak – miring : A, K, M, N, V, W, X, Y, Z
● Garis tegak – lengkung : B, D, G, J, P, R, U
● Garis lengkung : C, O, Q, S
Dengan mengetahui geometri, kita dapat
mengira-ngira bentuk apa yang cocok diterapkan
pada sebuah huruf.
Ruang (space)
● Ruang dapat memvisualkan jarak jauh – dekat,
tinggi – rendah, panjang – pendek, kosong –
padat, besar – kecil.
● Ukuran muncul karena ada pembanding.
Prinsip-Prinsip Desain
● Keseimbangan
● Irama
● Skala dan Proporsi
● Fokus
● Kesatuan
Keseimbangan Simetris
Keseimbangan Asimetris
Keseimbangan Radial
Irama
● Perulangan atau variasi dari komponen desain.
● Dapat berupa urutan gerakan, pola/pattern
tertentu.
● Jenis perulangan :
● Reguler
● Mengalir
● Progresif / Gradual >> dalam animasi disebut
Morphing
Irama Regular
Mengalir / Bergerak
Progresif / Gradual / Morphing
Skala dan Proporsi
● Skala : perubahan ukuran/size tanpa
perubahan perbandingan ukuran panjang lebar
atau tinggi.
● Proporsi : perubahan perbandingan antara
panjang lebar atau tinggi sehingga gambar
dengan perubahan proporsi sering terlihat
distorsi.
Fokus
● Hirarki
● Dominan : Objek yang paling menonjol dan paling
menarik.
● Sub-dominan : Pendukung penampilan objek
dominan
● Sub-ordinate : objek yang kurang menonjol. Contoh
: background.
● Kontras
Hirarki
Kontras
Kesatuan
● Kedekatan (closure)
● Kesinambungan (continuity)
● Kesamaan (similiarity)
Kedekatan (Closure)
Kesinambungan
Kesamaan
Lokakarya seni

More Related Content

Viewers also liked

Bringing Indonesia Scripts and Local Language to GNOME
Bringing Indonesia Scripts and Local Language to GNOMEBringing Indonesia Scripts and Local Language to GNOME
Bringing Indonesia Scripts and Local Language to GNOME
princeofgiri
 
Zimbra - BlanKonf Semarang
Zimbra - BlanKonf SemarangZimbra - BlanKonf Semarang
Zimbra - BlanKonf Semarang
princeofgiri
 
Pengenalan dev-blankon samarinda
Pengenalan dev-blankon samarindaPengenalan dev-blankon samarinda
Pengenalan dev-blankon samarindaprinceofgiri
 
Inovasi Distro Linux Indonesia
Inovasi Distro Linux IndonesiaInovasi Distro Linux Indonesia
Inovasi Distro Linux Indonesia
princeofgiri
 
HTML5 on Linux Desktop
HTML5 on Linux DesktopHTML5 on Linux Desktop
HTML5 on Linux Desktop
princeofgiri
 
How to Contribute to FOSS
How to Contribute to FOSSHow to Contribute to FOSS
How to Contribute to FOSS
princeofgiri
 
GNOME on Android Dongle
GNOME on Android DongleGNOME on Android Dongle
GNOME on Android Dongle
princeofgiri
 
Seni blankon
Seni blankonSeni blankon
Seni blankon
princeofgiri
 

Viewers also liked (9)

Html5 mobile apps
Html5 mobile appsHtml5 mobile apps
Html5 mobile apps
 
Bringing Indonesia Scripts and Local Language to GNOME
Bringing Indonesia Scripts and Local Language to GNOMEBringing Indonesia Scripts and Local Language to GNOME
Bringing Indonesia Scripts and Local Language to GNOME
 
Zimbra - BlanKonf Semarang
Zimbra - BlanKonf SemarangZimbra - BlanKonf Semarang
Zimbra - BlanKonf Semarang
 
Pengenalan dev-blankon samarinda
Pengenalan dev-blankon samarindaPengenalan dev-blankon samarinda
Pengenalan dev-blankon samarinda
 
Inovasi Distro Linux Indonesia
Inovasi Distro Linux IndonesiaInovasi Distro Linux Indonesia
Inovasi Distro Linux Indonesia
 
HTML5 on Linux Desktop
HTML5 on Linux DesktopHTML5 on Linux Desktop
HTML5 on Linux Desktop
 
How to Contribute to FOSS
How to Contribute to FOSSHow to Contribute to FOSS
How to Contribute to FOSS
 
GNOME on Android Dongle
GNOME on Android DongleGNOME on Android Dongle
GNOME on Android Dongle
 
Seni blankon
Seni blankonSeni blankon
Seni blankon
 

Similar to Lokakarya seni

KONSEP ASAS GRAFIK MENGHASIL BAHAN GRAFIK YANG BAIK
KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIKKONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
KONSEP ASAS GRAFIK MENGHASIL BAHAN GRAFIK YANG BAIK
Steven Abraham
 
ppt desain grafis elemen desain grafis part
ppt desain grafis elemen desain grafis partppt desain grafis elemen desain grafis part
ppt desain grafis elemen desain grafis part
JovanValentino3
 
materi1desaingrafisdewi-190612041151.pptx
materi1desaingrafisdewi-190612041151.pptxmateri1desaingrafisdewi-190612041151.pptx
materi1desaingrafisdewi-190612041151.pptx
JamaluddinMA
 
Graphic design by mprabuw
Graphic design by mprabuwGraphic design by mprabuw
Graphic design by mprabuw
M. Prabu Wibowo
 
Tipografi
TipografiTipografi
Tipografi
Wahyudi Prabowo
 
Sesi 2 ergonomi huruf
Sesi 2 ergonomi hurufSesi 2 ergonomi huruf
Sesi 2 ergonomi huruf
Rijali Cahyo Wicaksono
 
127593-1672290284.pdf
127593-1672290284.pdf127593-1672290284.pdf
127593-1672290284.pdf
AnditaJawi
 
Contoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan KuliahContoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan Kuliah
utari65
 
Pertemuan 3 Komponen Desain Grafis.pptx
Pertemuan 3 Komponen Desain Grafis.pptxPertemuan 3 Komponen Desain Grafis.pptx
Pertemuan 3 Komponen Desain Grafis.pptx
Arif Prambayun
 
tipografi.pptx
tipografi.pptxtipografi.pptx
tipografi.pptx
ssuser89d628
 
Menerapkan tipografi
Menerapkan tipografiMenerapkan tipografi
Tik
TikTik
Kd 3.1 ppt
Kd 3.1 pptKd 3.1 ppt
Kd 3.1 ppt
naurahanggraini
 

Similar to Lokakarya seni (17)

PRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAINPRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAIN
 
KONSEP ASAS GRAFIK MENGHASIL BAHAN GRAFIK YANG BAIK
KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIKKONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
KONSEP ASAS GRAFIK MENGHASIL BAHAN GRAFIK YANG BAIK
 
ppt desain grafis elemen desain grafis part
ppt desain grafis elemen desain grafis partppt desain grafis elemen desain grafis part
ppt desain grafis elemen desain grafis part
 
materi1desaingrafisdewi-190612041151.pptx
materi1desaingrafisdewi-190612041151.pptxmateri1desaingrafisdewi-190612041151.pptx
materi1desaingrafisdewi-190612041151.pptx
 
Graphic design by mprabuw
Graphic design by mprabuwGraphic design by mprabuw
Graphic design by mprabuw
 
Anatomi furuf
Anatomi furufAnatomi furuf
Anatomi furuf
 
Tipografi
TipografiTipografi
Tipografi
 
Sesi 2 ergonomi huruf
Sesi 2 ergonomi hurufSesi 2 ergonomi huruf
Sesi 2 ergonomi huruf
 
Sesi 2 ergonomi huruf
Sesi 2 ergonomi hurufSesi 2 ergonomi huruf
Sesi 2 ergonomi huruf
 
127593-1672290284.pdf
127593-1672290284.pdf127593-1672290284.pdf
127593-1672290284.pdf
 
Contoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan KuliahContoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan Kuliah
 
Pertemuan 3 Komponen Desain Grafis.pptx
Pertemuan 3 Komponen Desain Grafis.pptxPertemuan 3 Komponen Desain Grafis.pptx
Pertemuan 3 Komponen Desain Grafis.pptx
 
tipografi.pptx
tipografi.pptxtipografi.pptx
tipografi.pptx
 
Menerapkan tipografi
Menerapkan tipografiMenerapkan tipografi
Menerapkan tipografi
 
Tik
TikTik
Tik
 
Kd 3.1 ppt
Kd 3.1 pptKd 3.1 ppt
Kd 3.1 ppt
 
TIPOGRAFI.pptx
TIPOGRAFI.pptxTIPOGRAFI.pptx
TIPOGRAFI.pptx
 

Lokakarya seni

  • 1. LOKAKARYA KESENIAN Bogor, 4 – 5 Desember 2010 princeofgiri@di.blankon.in
  • 2.
  • 3. Komponen Desain Grafis ● Garis ● Bentuk (Shape) ● Warna ● Ilustrasi / Gambar ● Huruf (Teks) / Tipografi ● Ruang (Space)
  • 5. ● Keanyataan : tidak ada ● Sekumpulan titik yang dideretkan memanjang ● Inkscape >> stroke ● Ada kesan psikologis (persepsi) tersendiri
  • 7. ?
  • 8.
  • 9.
  • 14. Warna ● Memiliki karakter ● Untuk monitor umumnya RGB ● Untuk cetak : CMYK ● Biasanya digunakan dalam bentuk bilangan hexadesimal seperti #FF0000 untuk merah ● Gunakan palette yang ada untuk mempermudah
  • 15. Ada apa dengan warna? ● Merah : perjuangan, nafsu, aktif, agresif, dominan, kemamuan keras, persaingan, keberanian, energi, bahaya ● Biru : ketenangan, kepercayaan, keamanan, teknologi, kebersihan, keteraturan ● Logo bank banyak menggunakan warna biru, terutama di Amerika. ● Hijau : alami, sehat, keberuntungan, kebanggaan ● Kuning : optimisme, gembira, santai
  • 16. Ada apa dengan warna? ● Ungu/Jingga : spiritual, misteri, kebangsawanan, sombong, kasar, keangkuhan ● Warna ungu jarang ditemui di alam ● Di Indonesia, warna ungu identik dengan? ● Oranye : energi, semangat, segar, seimbang, ceria ● Biasa dipakai di produk minuman rasa jeruk. ● Coklat : tanah/bumi, daya tahan, pesimis
  • 17. Ada apa dengan warna? ● Abu-abu : canggih, futuristik, sederhana ● Paling mudah dilihat mata ● Tidak menunjukkan arti yang jelas ● Netral dan bebas dari kecendrungan psikologi ● Putih : suci, bersih, tepat, tidak bersalah ● Di Cina dan India, warna putih melambangkan kematian
  • 18. Ada apa dengan warna? ● Hitam : jahat, misteri, kematian, ketakutan, sedih, anggun, canggih ● Dipadu dengan hijau, akan identik dengan hacker
  • 19. Ilustrasi / Gambar ● Manual ● Umumnya digunakan untuk membuat sketsa ● Computerized ● Berisi pesan/berita yang akan disampaikan
  • 20.
  • 21. Huruf (Teks) / Tipografi ● Tipografi merupakan seni memilih dan menata huruf pada ruang untuk menciptakan kesan khusus sehingga pembaca dapat membaca semaksimal mungkin. ● Perlu diperhatikan karakter produk yang ditonjolkan serta segmen pasarnya
  • 22. Jenis Huruf ● Huruf tanpa kait (san serif) : tidak memiliki kait / hook, hanya batan dan tangkainya saja. Contoh : Arial, Tahoma. ● Huruf berkait (serif) : memiliki kait / hook pada ujungnya. Contoh : Times New roman, Garamond. ● Huruf tulis (script) : setiap hurufnya saring terkait seperti tulisan tangan. Contoh : Brushscript.
  • 23. Jenis Huruf ● Huruf dekoratif : setiap huruf dibuat secara detail, kompleks dan rumit. Contoh : Augsburger Initial. ● Huruf Monospace : bentuknya bisa sama seperti huruf san serif atau serif tapi jarak dan ruang setiap hurufnya sama. Contoh : Courier New.
  • 24.
  • 27. Anatomi Ketinggian Huruf ● Huruf kapital (upper case) akan membentuk garis semu sehingga cocok dipadukan dengan garis-garis horisontal dan bidang persegi empat. ● Huruf kecil (lower case) memiliki variasi tinggi, ascender dan descender. Kita bisa mendapatkan ruang untuk dipakai oleh objek atau teks lain.
  • 28.
  • 29.
  • 31. desain pada terminal desain pada batang desain pada batang dan terminal
  • 32. Geometri Huruf ● Garis tegak – datar : E, F, H, I, L ● Garis tegak – miring : A, K, M, N, V, W, X, Y, Z ● Garis tegak – lengkung : B, D, G, J, P, R, U ● Garis lengkung : C, O, Q, S Dengan mengetahui geometri, kita dapat mengira-ngira bentuk apa yang cocok diterapkan pada sebuah huruf.
  • 33.
  • 34. Ruang (space) ● Ruang dapat memvisualkan jarak jauh – dekat, tinggi – rendah, panjang – pendek, kosong – padat, besar – kecil. ● Ukuran muncul karena ada pembanding.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. Prinsip-Prinsip Desain ● Keseimbangan ● Irama ● Skala dan Proporsi ● Fokus ● Kesatuan
  • 41.
  • 42.
  • 44.
  • 45.
  • 47.
  • 48.
  • 49. Irama ● Perulangan atau variasi dari komponen desain. ● Dapat berupa urutan gerakan, pola/pattern tertentu. ● Jenis perulangan : ● Reguler ● Mengalir ● Progresif / Gradual >> dalam animasi disebut Morphing
  • 51.
  • 52.
  • 54.
  • 55.
  • 56.
  • 57. Progresif / Gradual / Morphing
  • 58.
  • 59. Skala dan Proporsi ● Skala : perubahan ukuran/size tanpa perubahan perbandingan ukuran panjang lebar atau tinggi. ● Proporsi : perubahan perbandingan antara panjang lebar atau tinggi sehingga gambar dengan perubahan proporsi sering terlihat distorsi.
  • 60.
  • 61. Fokus ● Hirarki ● Dominan : Objek yang paling menonjol dan paling menarik. ● Sub-dominan : Pendukung penampilan objek dominan ● Sub-ordinate : objek yang kurang menonjol. Contoh : background. ● Kontras
  • 63.
  • 64.
  • 66.
  • 67. Kesatuan ● Kedekatan (closure) ● Kesinambungan (continuity) ● Kesamaan (similiarity)
  • 69.
  • 70.
  • 71.
  • 73.
  • 74.