Rabu, 28 September 2016

Grid Systems

Grid Systems
Sebuah grid diciptakan sebagai solusi terhadap permasalahan penataan elemen-elemen visual dalam sebuah ruang. Grid Systems digunakan sebagai perangkat untuk mempermudah menciptakan sebuah komposisi visual. Melalui grid systemsseorang perancang grafis dapat membuat sebuah sistematika guna menjaga konsistensi dalam melakukan repetisi dari sebuah komposisi yang sudah diciptakan. Tujuan utama dari penggunaan grid systems dalam desain grafis adalah untuk  menciptakan suatu rancangan yang komunikatif dan memuaskan secara estetik.
Berbasis pada golden section,proporsi yang identik dengan luas halaman akan menghasilkan perhitungan rasio lebar margin sebagai berikut :
-        Margin atas = 3
-        Margin bawah = 6
-        Margin luar = 4
-        Margin dalam =2
Golden section adalah sebuah konsep dasar yang digunakan untuk menghasilkan proporsi yang sempurna untuk keperluan pemecahan ruang. Diagram di samping ini menunjukkan suatu cara mencari titik pertemuan (golden mean) untuk mengkonstruksi sebuah bentuk persegi empat.
-        Diawali dengan sebuah garis ‘ab’
-        Segitiga terbentuk dari setengah ‘ab’ (garis vertikal ‘bc’)
-        Aksis ‘c’ dan ‘b’ menghasilkan titik ‘s’
-        Aksis ‘a’ dan ‘s’ menghasilkan titik ‘g’
-        Garis ‘ab’ terbagi menjadi ‘M’ dan ‘m’
-        Akhirnya panjang ‘M’ membentuk tinggi persegi-empat

Walaupun tidak ada aturan-aturan yang baku mengenai penentuan besarnya margin, namun pemanfaatan ukuran margin yang tepat dapat memberikan dampak visual terhadap keseluruhan rancangan. Margin yang sama besar akan lebih cepat membosankan, sedangkan ukuran margin yang tidak sama besar dapat menciptakan ruang asimetris yang lebih dinamis.

Perbandingan margin yang sama besar dan magin yang asimetris dapat dilihat pada gambar di bawah ini.
Margin yang sama besar                    Margin yang asimetris

Grid systems sangat diperlukan sebagai dasar pola dalam menyusun huruf dan gambar dalam jumlah yang banyak, seperti buku, brosur, catalog, surat kabar, dan majalah. Untuk rancangan yang berjumlah satu halaman atau sedikit, penerapan grid systems sering diabaikan.

Senin, 26 September 2016

Focal Point

Focal Point
Tugas perancang grafis adalah menarik perhatian penglihat dengan menciptakan suatu pola rancangan visual yang secara cepat dapat menstimulasi penglihat lewat pokok penekanan (focal point). Dalam desain tipografi ada beberapa cara yang dapat dilakukan untuk menciptakan focal point dengan berbagai kemungkinan. Contoh :

Ketika sebuah elemen terisolasi (kata yang dilingkari) dari kelompok elemen yang lain maka elemen itu akan menjadi focal point. Dengan melakukan pemisahan, sebuah elemen akan menjadi properti visual yang penting.

Pada desain sampul buku ini focal point terletak pada nama penulisnya dengan mengubah parameter pada ukuran huruf.


Jumat, 23 September 2016

Persepsi Visual

Persepsi Visual
Tugas seorang perancang grafis adalah menciptakan sebuah kesatuan visual yang mudah dipahami oleh penglihat. Pemahaman terhadap prinsip persepsi visual adalah kunci untuk memahami tendensi mata dalam melihat sebuah pola visual.
Ilustrasi berikut adalah contoh dari tendensi alami dari mata dalam melihat sebuah pola visual.

Similarity

Objek yang sama akan terlihat secara bersamaan sebagai kelompok. Hal ini dapat ditentukan lewat bentuk, warna, arah, dan ukuran.

Tendensi :
Mata akan mengelompokkan kotak-kotak yang miring sekaligus melihat tanda tambah atau silang.



Continuation
Penataan visual yang dapat menggiring gerak mata mengikuti ke sebuah arah tertentu.

Tendensi :
Gerak mata akan mengikuti ke arah kanan.






Proximity
Sebuah kesatuan atau pengelompokan yang terbentuk karena adanya korelasi antara elemen-elemen yang saling berdekatan.



Tendensi :
Pandangan mata akan menuju pertama kali kepada kelompok yang terdiri dari empat buah elemen yang saling berdekatan.




Closure
Bentuk yang tertutup atau menyambung terlihat lebih stabil.
Tendensi :
Tanpa disadari mata akan mencoba menyambung bagian dari lingkaran yang terputus.



Contoh sederhana dari proses perancangan dalam desain tipografi yang menerapkan beberapa prinsip persepsi visual untuk mencapai kesatuan rancangan yang kohesif.

Naskah dasar yang belum diolah ke dalam rancangan tipografi
Menggunakan satu jenis huruf dengan mengubah parameter tipografi guna memberikan penekanan lewat pengelompokan berbagai ukuran huruf (similarity), menyusun alur visual naskah sesuai dengan penekanan informasi (continuation), penerapan tata-letak atau sering disebut layout yang berdasarkan pada kelompok besar kecilnya ukuran huruf (proximity), keseimbangan leading (closure).
Menambah penekanan dengan mengubah parameter pada berat dan kemiringan huruf serta kerning.
Gelap terang warna menunjukkan variasi parameter yang digunakan.

Pemilihan Huruf Pada Typography (Bagian 3)

Contoh dari sebuah desain untuk menu hidangan yang mengunakan huruf dekoratif.

Contoh dari huruf dekoratif dan huruf script serta terapannya dalam desain label dan judul buku.

Kesimpulan

Naskah yang dicetak dengan huruf besar kecil (upper-lower case) akan lebih nyaman dibaca. Bila dibandingkan dengan fisik upper case, bentuk lower case lebih mudah dibedakan antara huruf yang satu dan yang lain. Naskah yang keseluruhannya dicetak sengan huruf besar (all caps) terasa akan lebih cepat melelahkan mata. memilih huruf secara baik dan tepat sehingga rancangan yang dihasilkan dapat merepresentasikan pesan ataupun karakteristik yang akan diangkat. Huruf-huruf yang memiliki perlakuan efek khusus (special effect) biasanya digunakan untuk periklanan sebagai penguat agar rancangan dapat tampil lebih vocal serta menambah nilai dramatik dari sebuah pesan.

Rabu, 21 September 2016

Pemilihan Huruf Pada Typography (Bagian 2)

Di bawah ini adalah contoh pemilihan huruf dalam desain grafis. 
Gambar. Desain Grafik Communications Ltd. New York, USA, tahun pembuatan 1983.
Gambar. Huruf untuk majalah House & Garden  yang diterbitkan di Amerika diciptakan khusus oleh Jonathan Hoefler. Huruf dengan sentuhan old style ini memberikan citra elegan, bersih, dan teratur yang merepresentasikan selera estetika dari sebuah majalah yang memfokuskan kepada penataan rumah dan taman.

Gambar. Batman Forever Roman adalah jenis huruf yang digunakan secara eksklusif oleh Warner Bros untuk tipografi film Batman Forever. Diciptakan khusus untuk merefleksikan karakteristik dari film tersebut dengan memberikan kesan action dan kuat, serta memiliki paduan antara nuansa modern dan elegan.

Huruf-huruf yang memiliki perlakuan efek khusus (special effect) biasanya digunakan untuk periklanan sebagai penguat agar rancangan dapat tampil lebih vocal serta menambah nilai dramatik dari sebuah pesan. Dalam sebuah rancangan grafis, penggunaan huruf dengan efek-efek khusus sebaiknya diputuskan bukan sebagai pilihan utama, selama jenis huruf-huruf lain (yang tanpa efek) masih dapat mengakomodasi karakter ataupun atmosfir-atmosfir dari citra atau pesan yang akan disampaikan.
Kini, teknologi digital telah memungkinkan diciptakannya berbagai macam bentuk efek visual dengan meggunakan teknologi komputer. Namun yang perlu diingat adalah bahwa penggunaan efek-efek khusus pada huruf harus disesuaikan dengan kebutuhan desain. Penerapan efek-efek yang eksesif akan mempengaruhi legibility serta merusak estetika dari rancangan.

Huruf-huruf dekoratif dan scriptmemiliki limitasi dalam penggunaannya, tidak seperti huruf-huruf mainstream yang memiliki kompatibilitas untuk digunakan dalam berbagai tujuan. Biasanya penggunaan huruf-huruf dekoratif dan script diterapkan untuk keperluan  atau tujuan-tujuan tertentu seperti dalam desain logo, label, judul buku, ataupun menu hidangan.

Selasa, 20 September 2016

Pemilihan Huruf Pada Typography

Pemilihan Huruf
Perwajahan huruf adalah sebuah konsep yang abstrak seperti halnya musik. Dengan mendengarkan sebuah lagu kita dapat merangkum karakteristik, kesan, suasana hati, ataupun atmosfir-atmosfir yang terdapat di dalamnya, seperti perasaan gembira, sedih, optimis, tenteram, ataupun romantic. Interpretasi tersebut adalah sebuah bentuk asosiasi terhadap suatu realita yang didapat dari berbagai macam referensi serta rekaman beragam pengalaman.
Di bawah ini adalah contoh penggunaan jenis huruf yang kurang tepat.
Tampilan fisik dari jenis-jenis huruf di bawah ini saling berbeda dan masing-masing bentuk huruf memiliki potensi dalam merefleksikan sebuah kesan.

Beberapa contoh berikut adalah berbagai hasil rancangan grafis yang dapat mewakili konsep serta latar belakang dari pemilihan dan pemanfaatan huruf sebagai perangkat komunikasi visual yang memiliki nilai fungsional dan estetik. Dari contoh-contoh tersebut dapat dilihat bagaimana memilih huruf secara baik dan tepat sehingga rancangan yang dihasilkan dapat merepresentasikan pesan ataupun karakteristik yang akan diangkat.

Karya seni yang menggunakan huruf sebagai medium ekspresi. Sebuah karya dari Jenny Holzer (1985-1986) seorang feminis serta seniman conceptual art dari Amerika. Karya-karya seni kontemporer dari Henny Holzer memiliki kekuatan yang berbasis pada kata-kata yang diciptakan guna mengekspresikan nilai-nilai kebenaran.



Spread (halaman bentangan) dari majalah musik ternama di Amerika, Rolling Stone, yang mengangkat sebuah artikel tentang kelompok musik Metallica yang beraliran heavy metal. Pemilihan jenis huruf yang berkesan kokoh dan keras pada display type ditujukan untuk lebih memberikan ‘visual voice’terhadap isi artikel serta menciptakan korelasi terhadap karakter visual dari fotografi yang ditampilkan dalam halaman pembuka dari artikel tersebut.
Sebuah trend dalam tipografi lahir karena terkonfrontasi oleh kebutuhan jaman. Sebelum menggunakan jenis-jenis huruf yang dianggap trendysebaiknya dilakukan investigasi terlebih dahulu terhadap trend yang sedang berlangsung.
Jenis-jenis huruf sebaiknya digunakan sesuai dengan kebutuhan dari rancangan. Untuk mengangkat citra up-to-datetidak harus menggunakan jenis-jenis huruf yang dianggap trendy, huruf-huruf mainstreamseperti Garamond, Bodoni, ataupun Helvetica yang memiliki long life span, masih banyak digunakan dalam desain grafis masa kini.

Sebuah rancangan tipografi yang isi pesannya memiliki korelasi dengan periode waktu tertentu sebaiknya memunculkan fenomena-fenomena yang hadir pada jaman tersebut dengan menampilkan karakteristik huruf yang menjadi perwakilan visual dari sebuah masa.

Senin, 19 September 2016

Pedoman Penggunaan Huruf Secara Efektif (Bagian 2)

Contoh tulisan dengan leadingnormal.
Contoh tulisan dengan leadingnegatif, menunjukan ada ruang tumpang tindih antara descender dan ascender.
 
Naskah yang panjang sebaiknya dicetak dengan menggunakan huruf dari kelompok berat regular. Bila huruf bold diterapkan dalam sebuah naskah, maka ketebalannya akan banyak memberikan pengaruh terhadap legibility dan keindahan rancangan. Di samping itu, huruf bold dapat memberikan kesan masif dan pekat terhadap ruang.
Contoh naskah yang dicetak dengan menggunakan huruf bold.

Huruf yang digunakan untuk judul disebut dengan display type. Ukuran minimum untuk display type adalah 14 pt. Huruf yang lebih kecil dari 14 pt disebut text type. Pemilihan ukuran untuk text type tergantung kepada jenis huruf yang dipakai berikut besar x-height. Untuk naskah yang panjang, apabila huruf dicetak terlalu kecil akan cepat melelahkan mata atau bahkan mungkin akan sukar dibaca, dan bila dicetak terlalu besar akan mengganggu estetika rancangan.

Interstate adalah jenis huruf yang telah diuji faktor legibility-nya di Amerika guna memenuhi persyaratan sebagai standar huruf untuk rambu-rambu jalan bebas hambatan dan trotoar (highway signs and pavement markings). Huruf Interstate ini juga telah banyak digunakan di jalan-jalan bebas hambatan di kota Jakarta dan sekitarnya.

Bila ditinjau dari grand desaintipografi, pendekatan terhadap permasalahan tipografi dibedakan menjadi dua kelompok :
  • Tipografi mikro
Menyangkut tampilan visual rancangan huruf secara mendasar, seperti desain tata letak serta eksekusi-eksekusi visual yang terdiri dari perhitungan huruf, leading, dan kerning.
  • Tipografi makro
Menyangkut kepada pengintegrasian permasalahan strategi kreatif mulai dari konsep desain, filosofi, kaitan huruf dengan sejarah, sasaran khalayak, serta penggunaan huruf sebagai sebuah solusi komunikasi

Minggu, 18 September 2016

Pedoman Penggunaan Huruf Secara Efektif

Pedoman Penggunaan Huruf
Tipografi merupakan representasi visual dari sebuah bentuk komunikasi verbal dan merupakan properti visual yang pokok dan efektif. Lewat kandungan nilai fungsional dan nilai estetikanya, huruf memiliki potensi untuk menerjemahkan atmosfir-atmosfir yang tersirat dalam sebuah komunikasi verbal yang dituangkan melalui abstraksi bentuk-bentuk visual.
Huruf memiliki energi yang dapat mengaktifkan gerak mata. Energi ini dapat dimanfaatkan secara positif apabila dalam penggunaannya senantiasa memperhatikan kaidah-kaidah estetika, kenyamanan keterbacaannya, serta interaksi huruf terhadap ruang dan elemen-elemen visual di sekitarnya.

LEGIBILITY
Legibility memiliki pengertian sebagai kualitas huruf atas naskah dalam tingkat kemudahannya untuk dibaca. Tingkat keterbacaan ini tergantung kepada tampilan bentuk fisik huruf, ukuran, serta penataan dalam sebuah naskah.
Gambar berikut salah satu contoh dari pengujian terhadap legibility sebuah huruf.
Mata dapat mengenal bentuk huruf walaupun hanya setengah bagian ke atas dari fisik huruf yang tampil. Huruf seriflebih memiliki karakter pada setengah bagian ke atas dibandingkan dengan sans serif, oleh karena itu huruf serif lebih mudah dibaca. Dari fungsinya, serif bertindak sebagai pengait yang secara maya dapat menjembatani ruang antara huruf yang saru dengan yang lain.Huruf serif dapat menyebabkan kerja mata menjadi lebih ringan pada saat membaca naskah dengan jumlah kata yang banyak.


Naskah yang dicetak dengan huruf besar kecil (upper-lower case) akan lebih nyaman dibaca. Bila dibandingkan dengan fisik upper case, bentuk lower case lebih mudah dibedakan antara huruf yang satu dan yang lain. Naskah yang keseluruhannya dicetak sengan huruf besar (all caps) terasa akan lebih cepat melelahkan mata.

Di bawah ini contoh perbandingan antara all caps dan upper-lower case yang digunakan dalam sebuah naskah.

Interval ruang antarhuruf atau kata memiliki dampak yang sangat berarti terhadap legibility. Susunan huruf yang terlalu rapat akan mengaburkan bentuk huruf, sedangkan susunan huruf yang terlalu renggang akan sangat mempengaruhi kecepatan membaca,
Interval ruang bukan hanya berpengaruh terhadap legibility saja, tetapi juga dapat memberikan pengaruh terhadap keindahan dan harmoni sebuah rancangan. Kerningatau tracking positif diperlukan diperlukan untuk huruf-huruf yang dicetak dalam ukuran kecil.

Penyesuaian interval ruang antarbaris juga harus diperhatikan, karena dapat membantu kecepatan dan kenyamanan membaca. Bila interval ruang terlalu sempit atau terlalu besar akan memakan waktu lebih lama bagi mata dalam menemukan atau menyambung pada baris-baris kata selanjutnya. Huruf dengan ukuran x-heightyang besar ataupun yang kecil memerlukan ukuran leading yang besar

Sabtu, 17 September 2016

Karakteristik Fisik Huruf (Bagian 3)

Pada waktu dua huruf atau lebih dikombinasikan maka akan menimbulkan kekontrasan akibat perbedaan tampilannya. Kontras juga menunjuk pada kekuatan intensitas visual yang dihasilkan. Menurut Freddy Adiono Basuki (2000), kombinasi yang dapat menyebabkan kekontrasan adalah :
  1. Tebal-tipisnya huruf, menyangkut berat dan ringannya, tebal dan tipis, serta kesan kuat-lemahnya huruf.
  1. Besar-kecilnya huruf, terletak pada besar kecil skala perbandingan ukuran dengan satu tipe keluarga huruf.
  1. Keras-lembutnya huruf, kekontrasan pada sensasi karena perbedaan tipe huruf.
  1. Lebar-sempitnya huruf, kekontrasan adalah ukuran horisontal huruf, jauh dekat, sempit ke lebar dan tinggi ke luas.
  1. Tegak-miringnya huruf, kekontrasan tetap dinamis, tegak lurus ke kaku dan berhenti menuju ke sesuatu.
  1. Padat konturnya huruf, kekontrasan berkait dengan penuh dan kosong, posisitf dan negatif, hitam ke putih, hidup dan mati
  1. Padat bergeraknya huruf, menyangkut kekontrasan antara penuh dengan bagian-bagian, lengkap dan tidak lengkap, tenang dan kacau.

Jumat, 16 September 2016

Karakteristik Fisik Huruf (Bagian 2)

KEMIRINGAN
Huruf yang tercetak miring dalam terminologi tipografi disebut italic. Huruf italic biasanya digunakan untuk memberikan penekanan pada sebuah kata. Di samping itu, huruf-huruf ini juga dipakai untuk menunjukkan istilah atau kata yang berasal dari bahasa asing. Umumnya, huruf italic digunakan untuk teks dalam jumlah yang tidak terlalu panjang, seperti untuk keterangan gambar (caption), highlight dari naskah (copy blurb) serta sebagai headline atau sub-head. Huruf italicdirancang dengan sudut kemiringan tertentu untuk mencapai toleransi terhadap kenyamanan mata dalam membacanya. Sudut kemiringan yang terbaik adalah 120.

SET CHARACTERS
Setiap alfabet memiliki berbagai character yang terdiri dari huruf besar yang disebut upper case/capitals/cap, dan huruf kecil yang disebut lower case. Istilah ini berasal dari  subsistem teknologi mesin cetak yang ditemukan oleh Johan Gutenberg. Pada masa itu cetakan huruf yang berupa potongan-potongan blok metal disimpan dalam sebuah kotak yang disebut typecase. Huruf besar disimpan dalam kotak atas (upper case), sedangkan huruf kecil diletakkan pada bagian bawah (lower case).
Kelengkapan characterdalam sebuah alfaber (set characters) memiliki upper case sejumlah 26 dan lower case dalam jumlah yang sama. Satu set characters terdiri dari lebih 200 jenis character. Penambahan character seperti ligatures disebut sebagai expert set characters.
Berikut adalah jenis-jenis character tambahan selain upper case dan lower case.


Ligatures
Dua buah character atau lebih yang digabungkan menjadi kesatuan

Modern Figures
Angka-angka yang memiliki ketinggian sama dengan upper case. Modern figures sering juga disebut sebagai lining figures.

Old Style Figures
Angka-angka yang memiliki ketinggian yang sama dengan meanline dari lower case.

Foreign Accents
Character yang melengkapi sebuah set characters dalam sebuah bahasa tertentu, seperti beberapa tanda baca atau huruf-huruf tertentu yang terdapat dalam bahasa Jerman atau Perancis.

Small Caps
Upper case yang memiliki tinggi yang sama dengan lower case (x-height).

Fractions
Angka-angka pecahan

Punctuation Marks
Tanda-tanda baca.