MEETING 4 (1) GRAPHIC DESIGNING -...

36
MEETING 4 (1) GRAPHIC DESIGNING Huruf dan tipografi

Transcript of MEETING 4 (1) GRAPHIC DESIGNING -...

Page 1: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

MEETING 4 (1)

GRAPHIC DESIGNING

Huruf dan tipografi

Page 2: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Font and typeface

Apa itu Font?

Apa itu typeface?

Koleksi dari huruf, angka, symbol dan karakter yang digunakan untuk membentuk kata.

Pandangan artistik atau desain dari alphabet, termasuk huruf, angka, symbol dan karakter. Biasanya typeface berada dalam

satu kelompok.

Font > yang kamu gunakan sedangkanTypeface > yang kamu lihat

Page 3: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf

batas teratas dari huruf kecil.

ukuran tinggi dari badan huruf kecil, merupakan jarakantara Meanline dan baseline.

Bagian atas dari huruf kecil yang posisinya beradadiatas meanline.

Bagian bawah dari huruf kecil yang posisinyaberada dibawah baseline

batas teratas dari huruf besar.

batas terbawah dari huruf besar. Baseline :

Capline :

Meanline :

X-height :

Ascender :

Descender :

Page 4: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf

aGround

Figure

Menurut teori Gestalt mengenai persepsimanusia, diperlukan adanya kontras antararuang positif dan negatif. Ruang positifdisebut figure sedangkan ruang negatifdisebut ground.

Page 5: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf

rStem

Terminal

Garis akhir yang berada di bagian ujunghuruf disebut terminal.

Batang dari sebuah huruf disebut stem.

Page 6: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf

A AStem

Serif Sans Serif

Stem

Garis pembuka dari sebuah huruf disebut serif. Sehingga huruf yang memiliki garis pembuka disebut sebagai huruf serifSedangkan huruf yang tidak memiliki garis pembuka disebut sebagaihuruf san serif

Page 7: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf

Huruf pada dasarnya dibentuk dari goresan-goresan Stroke. Goresanpertama disebut Basic stroke, goresan selanjutnya disebut Secondarystroke.

+ =

Basic stroke Secondary stroke(s)

Page 8: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf (lain-lain)

Page 9: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf (lain-lain)

Page 10: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Anatomi huruf (lain-lain)

Page 11: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Sistem pengukuran

Point, Pica, em, Unit Point, digunakan untuk mengukur tinggi huruf.

Pica, digunakan untuk mengukur panjang baris.

Em, digunakan untuk jarak antar kata

Unit, digunakan untuk mengukur lebar satu huruf serta jarak antarhuruf

Point

Pointem

Unit

Pica

Page 12: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Sistem pengukuran

Inch, pica dan point

*ukuran yang ada pada gambar bukan merupakan ukuran sebenarnya

Inch

Pica

Point

1Inch = 2,539cm

1Inch dibagi menjadi 6pica

1pica dibagi menjadi 12point

Page 13: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Prinsip Typography

Legibility, adalah ukuran seberapa mudahmembedakan satu huruf dengan huruf dari yang lain dalam sebuah typeface.

huruf yang terlalu abstrak akan sulit di baca.

Page 14: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Prinsip Typography

Readibility, adalah ukuran seberapa mudah sebuahkata atau kalimat dapat dibaca.

Jarak antar huruf yang terlalu dekat atau jarak antar baris yang terlalu dekat akan mengurangi tingkat keterbacaan.Hal ini berkaitan dengan, Kerning / letter spacing : pengukuran jarak antar huruf.Tracking / word spacing : pengukuran jarak antar kata.Leading : Pengukuran jarak antar baris.Body Clearance : Pengukuran jarak minimum Descender suatu barisdengan Ascender pada baris selanjutnya.

Page 15: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Prinsip Typography

Visibility, adalah ukuran seberapa besarkemampuan sebuah kata atau kalimat dapatterbaca pada jarak tertentu.

Huruf yang ukurannya besar baik digunakan pada desain poster yang ditempel di pingir jalan.

Page 16: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Prinsip Typography

Clarity, adalah ukuran seberapa besar sebuah kata atau kalimat dapat menyampaikan informasi denganjelas dan mudah dimengerti dengan jelas pula olehpembaca.

Penggunaan bahasa asing / bahasa daerah pada sebuah visual design harus dengan mudah dimengerti.

Page 17: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

MEETING 4 (2)

GRAPHIC DESIGNING

Klasifikasi huruf dalam tipografi

Page 18: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Keluarga huruf

Keluarga huruf dibagi menjadi 3

“Keluarga berat”

“Keluarga proporsi”

“Keluarga kemiringan”

Page 19: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Keluarga huruf

Keluarga beratKeluarga ini memiliki struktur dasar huruf yang terletak padaperbandingan tinggi huruf dengan lebar stoke.

Pada umumnya dapat dibagi menjadi 3 bagian: light, reguler danbold.

100% 100% 100%

10% 15% 25%

light Regular Bold

Page 20: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Keluarga huruf

Keluarga proporsiKeluarga ini memiliki struktur dasar huruf yang terletak padaperbandingan tinggi huruf dengan lebar huruf.

Pada umumnya dapat dibagi menjadi 3 bagian: condensed, regular dan extended.

condensed Regular extended

100% 100% 100%

60% 80% 100%

Page 21: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Keluarga huruf

Keluarga kemiringanKeluarga ini memiliki struktur dasar huruf yang terletak padaderajat kemiringan huruf . Pada umumnya derajat kemiringansebesar 12 .

Pada umumnya disebut italic.

T ext12 12 12 12

Page 22: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

Dalam tipografi, huruf diklasifikasikan melalui momentum-momentum penting dalam latar belakang sejarahpembuatannya.

Klasifikasi huruf dibagi menjadi 3: Klasifikasi huruf sederhana Klasifikasi huruf berdasarkan tahun Klasifikasi huruf berdasarkan tipe

Page 23: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasarkategori.

Block Huruf-huruf yang biasa digunakan pada Middle ages, disebut juga blackletter.

Roman Huruf-huruf roman memiliki bentuk yang proposional antara jarak dan serif.

Gothic Hurufnya tidak memiliki serif, clean dan simple

Script bentuk hurufnya didesain menyerupai tulisantangan, beberapa huruf memiliki unsur kaligrafi.

Graphic Huruf yang dibuat untuk tujuan dan dibuatdengan eksperimen tertentu.

Page 24: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

Klasifikasi huruf berdasarkan tahun, disusun oleh Alexander Lawson

1400s Blackletter, huruf ini juga biasa disebut Block, Gothic, Old English dan Broken.

Font: Goudy Text MT

1475 Old Style, style huruf ini mengarah ke hurufRoman, muncul pada kejayaan kerajaan Romawisetelah mengalahkan kerajaan Yunani sekitarabad ke-15.

Font: Dante MT, Garamond, bembo

Page 25: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

1500s Italic, huruf ini mengacu pada tulisan tanyaorang-orang Italia, pada awalnya huruf iniberdiri sendiri namun saat ini menjadi bagiandari keluarga huruf.

Font: Dante MT

1550 Script, bentuk hurufnya didesain menyerupaitulisan tangan, beberapa huruf memiliki unsurkaligrafi.

Font: Kuenstler Script Medium

Page 26: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

1750 Transitional, bentuknya berada diantara Old Style dan Modern. Sering disebut sebagai hurufOld Style yang mengalami penyimpangannamun belum menyerupai huruf Modern. Penambahan kontras stroke menjadi salah satukarakternya selain konsentrasi tekanan vertikalpada huruf yang memiliki lengkungan.

Font: Baskerville

Page 27: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

1775 Modern, muncul pada abad ke-18 dengan ciriukuran stroke yang kontras serta serif yang tidakmenyangga.

Font: Bodoni BE Regular

1825 Slab serif, memiliki serif yang berbentuk kotakdan hurufnya sendiri tebal.

Font: Clarendon MT

Page 28: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

1900s San serif, huruf tanpa serif. William Caslon adalah orang yang pertama kali memperkenalkan huruf ini pada tahun 1816

Font: News Gothic MT.

1900s Serif / San serif, adalah style huruf dimanatampilan hurufnya memiliki serif dan san serif.

Font : Rotis

Page 29: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

Klasifikasi huruf berdasarkan Type, sering disebut sebagai Vox sistem sesuaidengan nama penyusunnya Maximilien Vox, 1954.

Humanist Huruf yang terinspirasi dari huruf klasik danRoman.

Garalde Huruf yang termasuk adalah huruf-huruf Old Style.

Transitional Penjelasan sama dengan klasifikasi hurufberdasarkan tahun.

Didone Didone adalah istilah lain dari “Modern”. Penjelasan huruf ini sama dengan klasfikasihuruf berdasarkan tahun.

Page 30: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Klasifikasi huruf

Slab Serif Penjelasan huruf ini sama dengan klasfikasihuruf berdasarkan tahun.

Lineale Lineale adalah istilah lain dari “San Serif”. Penjelasan huruf ini sama dengan klasfikasihuruf berdasarkan tahun.

Glyphic huruf type ini lebih mengarah pada hurufserif/san serif.

Script Penjelasan huruf ini sama dengan klasfikasihuruf berdasarkan tahun.

Graphic Huruf yang dibuat untuk tujuan dan dibuatdengan eksperimen tertentu.

Page 31: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

TEORI GESTALT

Teori Gestalt adalah teori psikologi yang seringdigunakan pada dunia design. Dikembangkan oleh 3ilmuan German : Kurt Koffka, Max Wertheimer, andWolfgang Köhler sekitar tahun 1800.

Page 32: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Teori Gestalt

Teori Gestalt dalam dunia design grafik Similarity, Objek-objek yang bentuknya sama

akan dikelompokkan sebagai suatu kesatuan.

Page 33: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Teori Gestalt

Continuation, penataan objek-objek dapatmenggiring gerak mata kesebuah arah tertentu.

Tendensi: gerak mata akan mengikuti dari kiri ke kanan, atas ke bawah.

Page 34: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Teori Gestalt

Proximity, objek-objekyang berdekatan posisinyaakan dikelompokkanmenjadi suatu kesatuan. Pengelompokan ini terbentukkarena adanya korelasiantara elemen-elemen yang saling berdekatan.

Page 35: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Teori Gestalt

Closure, Sebuah objekyang tidak utuh akandianggap utuh danmenjadi suatu kesatuankarena tanpa sadar matakita akan mencobamenyambung bagian dariobjek-objek yang terpisah.

Page 36: MEETING 4 (1) GRAPHIC DESIGNING - dinus.ac.iddinus.ac.id/repository/docs/ajar/MEETING4_HURUFTIPOGRAFI.pdf · Menurut teori Gestalt mengenai persepsi manusia, diperlukan adanya kontras

Teori Gestalt

Figure and ground, Sebuahobjek bisa dilihat sebagaidua objek denganpermainan foreground danbackground. Masing-masingbisa diidentifikasi sebagaiobjek tanpa harusmembentuknya menjadisolid.