Tipografi (Typography) dalam Multimedia

By

Liew Tho Lip

 

Definisi     Sejarah Tipografi        Anatomi dalam Tipografi

Jenis Tipografi      Panduan Penggunaan Taip     Cadangan penggunaan

Kesimpulan

Definisi

Tipografi bermaksud seni memilih, mengatur, dan mengguna huruf.  Seni ini penting kerana hampir semua jenis rekaan grafik dalam multimedia menggunakan huruf untuk memberi makna dan maklumat.  Tipografi yang berkualiti membolehkan pembaca membaca atau mentafsirkan maklumat yang hendak disampaikan dengan mudah dalam sesebuah perisian multimedia sama ada sebagai menu utama ataupun sistem navigasi.  Contohnya pembaca mestilah dapat membezakan huruf c dari a , B dengan angka 8 dengan mudah.

 

Sejarah Tipografi

Sejarah mukataip(typeface) bermula bersama-sama dengan sejarah tulisan.  Seorang daripada tenaga pengajar Sekolah Seni Bahaus di German(1913 – 1933) Moholy Nagy menulis :

“ Tyopography ia a tool of communication. It must be communication in its most intense form.  The emphasis must be on absolute clarity”.

“typography is the art form that records the essence of human expression for future generation. Evolved fron the graphic images on cave wall to digital content imaged on a web page, typography makes human understanding available to the seeker of knowledge today and for days to come”.  Interview of Siynn bar-Diyonn/Dennis Ortiz-Lopez, a Professional of the form.

Tipografi paling awal digunakan oleh orang-orang Phoenecian (1000 B.C) yang dibaca dari kiri ke kanan dan huruf seperti yang wujud sekarang ialah Roman(403 B.C).  Huruf Roman didapati dan dimodifikasikan daripada huruf Greek. Sebanyak 13 huruf tidak berubah rupanya iaitu A, B, E, H, I, K, M, N, O, T, X, Y, Z.  Manakala lapan lagi iaitu C, D, G, L, P, R, S V direka semula dan dua lagi iaitu F dan Q telah ditambah. Huruf J, U dan W kemudianya baru dicipta. Kecilnya serif pada huruf Roman disebabkan ianya dipahat di atas batu.

 

Anatomi dalam Tipografi

Sebelum menggunakan tipografi, perhatian harus diberikan kepada anatominya. Ini turut melibatkan saiznya yang diukur mengikut sistem poin/point(sistem Amerika).  12 poin(pts) menjadi 1 pika manakala 6 pika menjadi 1 inci.  Taip berukuran 72 poin mempunyai persamaan yang hampir dengan 1 inci.  Sementara huruf san serif yang hampir dengan 1 inci boleh dilihat dari jarak 30 kaki (Follis dan Hammer, 1979).

Pengetahuan juga perlu berkenan dengan serif (sirip) yang wujud pada hujung taip.

Serif garis - Copperplate

Serif cembung – Garamond

Serif  kotak – Clarendon

Serif tajam – Time Roman

Jenis Tipografi( Timeline )    

Kumpulan terbesar taip dalam penerbitan sesebuah multimedia dibahagikan kepada 4 :

(adapted from the Association Typographique Internationale (ATypI))

 

Taip(type)

Penerangan Contoh taip

Serifs

Serif merujuk kepada garisan atau lenkungan yang terdapat pada hujung aksara.

Time New Roman,                 New Century,                          SchoolBook,                           Palatino.

San Serifs

San serif merujuk kepada perkataan yang tanpa serif.

Arial,

Helvitica,

Optima

Dekoratif

Sesuai untuk peristiwa tertentu

Arnold Böcklin ,

Codex

Skrip dan teks

Sesuai untuk peristiwa tertentu

Lithographia,

Ariston

 

http://www.tinmonkey.com/workshop/samplecode/font_size.html

 

Panduan penggunaan Taip

Pilihan tertakluk kepada jenis maklumat yang ingin disampaikan.  Ini berikut taip yang dicipta juga mencerminkan karektor atau sifatnya.  Berikut adalah panduan dalam penggunaan taip :

Serif lebih sesuai untuk teks dan bacaan.  Senang dibaca dan banyak digunakan.

San serif untuk peragaan. (bandingan serif dan san serif dalam pelbagai saiz http://asp2.wlv.ac.uk/sad/mashow2002/file/bma.htm#)

Dekoratif pula untuk peristiwa-peristiwa yang khusus.

 

Taip juga mempunyai variasinya:

Tebal

Nipis

Tinggi rendahnya serta lain-lain.

 

Menjarakan taip juga penting supaya memperolehi legibility yang tinggi, selesa lagi berkesan.  Perlu juga dipastikan jarak pembacaan dan masa berinteraksi denganya sebelum menyusun taip.  Ini kerana ruang boleh menjauh dan merapatkan rupa atau imej.

Diantara mukataip untuk teks yang mudah dibaca dan begitu popular di kalangan pentyusun atur taip ialah Baskerville yang direka oleh John Baskerville pada kurun kurun ke lapanbelas.  Ianya juga mempunyai kontras yang ekstrim diantara huruf besar dengan huruf kecil.  Bagi jenama Clarendon iaiti mukataip jenis Egyptian yang direka oleh Besley tahun 1845 adalah dari jenis yang berat.  Ianya boleh digunakan untuk tujuan peragaan dan tajuk utama yang besar dalam sesuatu persembahan multimedia.

Taip jenis Century yang dicipta oleh Benton dan Vinne pada tahun 1894 pula mudah dibaca walapun saiznya yang kecil.  Ianya juga ekonamikal sekaligus dapat menjimat ruang.  Manakala jenama Bodoni yang direka oleh Bodoni Giambatista tahun 1785 di Itali mempunyai stress yang menegak, sirip yang rata dan tidak melengkung.  Kontras tajam pada stroknya yang berat memberikan penegasan pada garisan halusnya.

Selain dari memilih dan menentukan jenis dan jenama taip, seseorang pereka bentuk pereka akan melakukan pengubahusaian untuk memberi satu persembahan dan makna yang paling tepat.  Ini boleh dilakukan dilakukan melalui garis tapak, ilustrasi dan huruf bermakna. 

Pereka terkenal di dalan bidang ini Herb Lubalin(1918 – 1981).  Ciptaanya seperti “mother and Child”,  “Aha”,   “Beard”,   Marriages”,  Families” dan mukataip “Avant Garde.

 

Cadangan penggunaan Tipografi  

Penggunaan taip yang sewenang-wenangnya akan menjejaskan komunikasi melalui perkataan dan berikut merupakan beberapa cadangan berdasarkan penyelidikan yang dilakukan berdasarkan tipografi:

Penggunaan semua huruf besar untuk mendapatkan perhatian segera tetapi ada huruf akn tertinggal sewaktu membaca dan ianya boleh melambatkan pembacaan. Disyorkan supaya menggunakan di antara 4 – 5 patah perkataan sahaja apabila menggunakan kesemuanya huruf besar.

Contoh :   MUDAH DIBACA     -     Ada huruf tertinggal

         Mudah Dibaca    -     Paling Mudah

         Mudah dibaca             -      Agak Lambat

         mudah dibaca             -      Paling Lambat

 

Menyusun taip dengan menggunakan cara seperti :

1.     Atur Keliling  :     Sesuai untuk diset bersama ilutrasi bagi mewujudkan  kesatuan yang kuat.

2.     Kanan santak  :     Sesuai untuk keterangan gambar bagi reka letak paparan dua dan lajur kandungan tetapi kurang digunakan.

3.     Kiri santak      :   Paling mudah dan merehatkan pembaca dan sesuai untuk mengeset taip bahan bacaan

4.     Set imbang      :  Untuk lajur yang kecil seperti akhbar bagi pembacaan yang cepat dan laju.

5.     Tepat tengah   :    Di mana mesej digunakan untuk peragaan dan digunakan secara paling minima.

Bila mengeset taip untuk pembacaan yang mudah lagi selesa seeloknya diset di antara 39 hingga karektor.  Untuk lajur yang besar atau lanskap boleh dibesarkan saiz taipnya.

Tiap tebal untuk penegasan bagi tajuk atau ayat pada perenggan serta membezakan antara tajuk dan isi teks.  Jangan gunakan terlalu kerap ianya akan memberatkan pembacaan.

Taip jenis italic tidak sesuai untuk teks tetapi digunakan untuk kenytaaan dan petikan.   Kalau banyak sukar untuk dibaca.

Taip yang digaris mendapatkan perhatian segera untuk dibaca , lagi perkara-perkara penting taip tebal lebih berkesan lagi penggunaannya.

Jangan susun taip di atas permukaan berilustrasi.  Taip apabila dibuat pembalikkan gunakan jenis serif besar seperti Souvenier atau Clarendon atau American Typerwriter untuk mengelakkan kehilangan cetakan serifnya.  Taip kelihatan lebih besar daripada saiznya yang sebenar apabila dibuat pembalikkan.

Di dalam kajian Tinker juga mendapati taip yang paling mudah dibaca untuk teks ialah dari jenis serif dan jenama Garamond yang paling tinggi diikuti dengan Roman, Antique, Bodoni, Old style dan caslon.

Variasi taip boleh menentukan kehendak perkataan dan keadaan seperti :

1.     Taip sederhana

2.     Taip tebal

3.     Taip nipis

4.     Taip italik

5.     Taip melar

6.     taip padat

 

  Taip jenis san serif digunakan untuk tujuan peragaan dan identifikasi di mana jenis taipnya :

1.   Mudah diingati

2.     Dapat dibaca dari jarak yang jauh

3.     Mudah untuk dihasilkan bagi saiz yang besar

Kelebihan taip dari jenama Optima apabila dilihat dari dekat seolah ada serif cembung manakala dari jauh kelihatan blok atau Gothic.  Taip skrip dan teks sukar dibaca.  Jenis dekoratif untuk keadaan atau peristiwa khusus dijadikan logotaip.

Taip akan nampak tidak sama besar saiznya apabila diset dengan jenama yang berlainan.  Ini disebabkan ianya diukur dengan menggunakan panduan tangkai atas dengan tangkai bawah.   Keadaan tangkai tidak samaukuranya di antara jenama yang ada.

Menyusun taip mengikut format sama ada potret atau lanskap.  Sekiranya lanskap menggunakan saiz yang besar untuk mengelakkan masalah lebar optimum.  Gunakan lajur yang sesuai dan ukuran jarak ruang di antara lajur untuk tujuan kerehetan mata dan mengelakkan kebosanan membaca.

Untuk mengelakkan gangguan pembacaan, gunakan di antara dua hingga tiga jenis saiz atau dua hingga tiga jenama taip.  Jenis yang sesuai digabungkan ialah Helvetica, Time Roman dan Courier.  Ianya mempunyai beberapa kelainan seperti berat dan gaya.  Variasi juga boleh digunakan untuk membanding dengan jenama taip atau saiz.  Bagaimanapun, sekiranya digunakan variasi lebih sesuai digunakan di antara satu hingga dua jenama taip sahaja bagi mengelakkan kecelaruan untuk mengingati karektor.

Satu contoh untuk mengeset taip yang baik :

Teks               : Times Roman                  : 12 / 14 / 16 poin

Penegasan              : Times Roman Italik         : 12 / 14 / 16poin

Tajuk              : Times Roman tebal         : 16 / 18 poin

Nota Kaki              : Times Roman                  : 10 / 12 / 14 poin

Petunjuk Rajah             : Times Roman Tebal        : 9 / 12 / 14 poin

 

 

    Panduan ini adalah bergantung kepada penerbitan :

1.     Pada screen computer

2.     Ditayangkan pada dewan dan juga bergantung kepada jarak audien.

Untuk taip bagi tayangan sebagai contoh hasil daripada penyelidikan mendapati 18 poin menjadi 1 inci dari jarak 5 kaki dengan jarak skrin.  Taip 1 inci dari jenis Helvetica akan dapat dibaca dari jarak 30 kaki.  Bagi setiap dua poin berubah suku inci pembesarnya.

Taip jenis padat memerlukan ruang untuk jarak yang lebih berbanding dengan taip jenism melar.  Perlu diingati jarak menjadi semakin rapat sekiranya taip dibaca dari jarak yang jauh.  Untuk taip saiz 5 inci ke atas gunakan cara menjarak jenis mekanikal.

Adalah menjadi sukar sekiranya membaca taip yang diset dengan warna putih di atas latar belakang hitam.  Ianya menganggu mata, bercahaya sehingga menyebabkan pembacaan menjadi susah.

Cadangan mengikut cadangan Tinker(1936) :

Hitam atas putih

Hijau atas putih

Biru atas putih

Hitam atas kuning

Oren atas hitam

Merah atas hijau                                                                         

 

Kesimpulan

Penggunaan pelbagai tipografi sebagai media utama dengan gabungan elemen-elemen multimedia yang lain seperti audio, video, grafik dan animasi dapat menarik perhatian pembaca atau pengguna multimedia.  Penerbitan atau pembangunan sesebuah aplikasi

multimedia harus setiasa ingat bahawa elemen tipografi adalah seiring sejalan dengan elemen-elemen lain bagi menghidupkan sesebuah persembahan multimedia yang berkesan.

 

Timeline 

 

Classifications

Back

Makna dari font/jenis huruf (Tipografi) Pengertian tipografi menurut buku Manuale Typographicum adalah :

Typography can defined a art of selected right type printing in accordance with specific purpose ; of so arranging the letter, distributing the space and controlling the type as to aid maximum the reader's.

Dari pengertian diatas, memberikan penjelasan bahwa tipografi merupakan seni memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan khusus, sehingga akan menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

Sebagai bagian dari kebudayaan manusia, huruf tak pernah lepas dari kehidupan keseharian. Hampir setiap bangsa di dunia menggunakannya sebagai sarana komunikasi. Sejarah perkembangan tipografi dimulai dari penggunaan pictograph. Bentuk bahasa ini antara lain dipergunakan oleh bangsa Viking Norwegia dan Indian Sioux. Di Mesir berkembang jenis huruf Hieratia, yang terkenal dengan nama Hieroglyphe pada sekitar abad 1300 SM. Bentuk tipografi ini merupakan akar dari bentuk Demotia, yang mulai ditulis dengan menggunakan pena khusus.

Bentuk tipografi tersebut akhirnya berkembang sampai di Kreta, lalu menjalar ke Yunani dan akhirnya menyebar keseluruh Eropa. Puncak perkembangan tipografi, terjadi kurang lebih pada abad ke-8 SM di Roma saat orang Romawi mulai membentuk kekuasaannya. Karena bangsa Romawi tidak memiliki sistem tulisan sendiri, mereka mempelajari sistem tulisan Etruska yang merupakan penduduk asli Italia serta menyempurnakannya sehingga terbentuk huruf-huruf Romawi.

Perkembangan tipgrafi saat ini mengalami perkembangan dari fase penciptaan dengan tangan (hand drawn) hingga mengalami komputerisasi. Fase komputerisasi membuat penggunaan tipografi menjadi lebih mudah dan dalam waktu yang lebih cepat dengan jenis pilihan huruf yang ratusan jumlahnya. Berikut ini beberapa jenis huruf berdasarkan klasifikasi yang dilakukan oleh James Craig, antara lain sbb :

1. RomanCiri dari huruf ini adalah memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Huruf Roman memiliki ketebalan dan ketipisan yang kontras pada garis-garis hurufnya. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminin.

2. EgyptianAdalah jenis huruf yang memiliki ciri kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulakn adalah kokh, kuat, kekar dan stabil.

3. Sans SerifPengertian San Serif adalah tanpa sirip/serif, jadi huruf jenis ini tidak memiliki sirip pada ujung hurufnya dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer dan efisien.

4. ScriptHuruf Script menyerupai goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifast pribadi dan akrab.

5. MiscellaneousHuruf jenis ini merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental.

Types of typefacesSee also: List of typefaces and VOX-ATypI classification

Illustration of different font types and the names of specific specimens

Because an abundance of typefaces have been created over the centuries, they are commonly categorized according to their appearance. At the highest level (in the context of Latin-script fonts), one can differentiate Roman, Blackletter, and Gaelic types. Roman types are in the most widespread use today, and are sub-classified as serif, sans serif, ornamental, and script types. Historically, the first European fonts were blackletter, followed by Roman serif, then sans serif and then the other types. The use of Gaelic faces was restricted to the Irish language, though these form a unique if minority class. Typefaces may be monospaced regardless of whether they are Roman, Blackletter, or Gaelic. Symbol typefaces are non-alphabetic. The Cyrillic script comes in two varieties, Roman type (called гражданский шрифт graždanskij šrift) and traditional Slavonic type (called славянский шрифт slavjanskij šrift).

[edit] Roman typefaces

[edit] Serif typefacesMain article: Serif

Serif, or Roman, typefaces are named for the features at the ends of their strokes. Times Roman and Garamond are common examples of serif typefaces. Serif fonts are probably the most used class in printed materials, including most books, newspapers and magazines. Serif fonts are often classified into three subcategories: Old Style, Transitional, and Modern. Old Style typefaces are influenced by early Italian lettering design.[9] Though some argument exists as to whether Transitional fonts exist as a discrete category among serif fonts, Transitional fonts lie somewhere between Old Style and Modern style typefaces. Transitional fonts exhibit a marked increase in the variation of stroke weight and a more horizontal serif compared to Old Style, but not as extreme as Modern. Lastly, Modern fonts often exhibit a bracketed serif and a substantial difference in weight within the strokes.

Sample text in Baskerville font

Examples of these are Times, New Baskerville, and Bodoni, respectively.

Roman, italic, and oblique are also terms used to differentiate between upright and italicized variations of a typeface. The difference between italic and oblique is that the term italic usually applies to serif faces, where the letter forms are redesigned.[10]

[edit] Sans serif typefacesMain article: Sans serif

Sans serif (lit. without serif) designs appeared relatively recently in the history of type design. The evolution of the sans serif font very likely stemmed from the slab serif font. The earliest slab serif font, Antique, later renamed Egyptian, designed in 1815 by the English typefounder Vincent Figgins[11] was succeeded one year later by the first sans serif font, created by William Caslon IV. The evidence of this is clearly shown in the uniform strokes in the letter forms. Sans serif fonts are commonly but not exclusively used for display typography such as signage, headings, and other situations demanding legibility above high readability. The text on electronic media offers an exception to print: most web pages and digitized media are laid out in sans serif typefaces because serifs often detract from readability at the low resolution of displays.[citation needed]

A well-known and popular sans serif font is Max Miedinger's Helvetica, popularized for desktop publishing by inclusion with Apple Computer's LaserWriter laserprinter and having been one of the first readily available digital typefaces. Arial, popularized by Microsoft, is a widely used sans serif font that is often compared to and substituted for Helvetica. Other fonts such as Futura, Gill Sans, Univers and Frutiger have also remained popular over many decades.

[edit] Script typefacesMain article: Script (typefaces)

Script typefaces imitate handwriting or calligraphy. They do not lend themselves to quantities of body text, as people find them harder to read than many serif and sans-serif typefaces; they are typically used for logos or invitations. Examples include Coronet and Zapfino.

[edit] Ornamental typefaces

Ornamental (also known as novelty or sometimes display) typefaces are used exclusively for decorative purposes, and are not suitable for body text. They have the most distinctive designs of all fonts, and may even incorporate pictures of objects, animals, etc. into the character designs. They usually have very specific characteristics (e.g., evoking the Wild

West, Christmas, horror films, etc.) and hence very limited uses. See below for the historical definition of display typeface.

[edit] Mimicry typefaces

Simulated Hebrew.

A group of decorative typefaces, sometimes called simulation typefaces, have been designed that represent the characters of the Roman alphabet but evoke another writing system. This group includes typefaces designed to appear as Arabic, Chinese characters, Cyrillic, Indic scripts, Greek, Hebrew, Kana, or Thai. These are used largely for the purpose of novelty to make something appear foreign.

[edit] Blackletter typefacesMain article: Blackletter

Blackletter fonts, the earliest typefaces used with the invention of the printing press, resemble the blackletter calligraphy of that time. Many people refer to them as gothic script. Various forms exist including textualis, rotunda, schwabacher, and fraktur.

[edit] Gaelic typefacesMain article: Gaelic type

Gaelic fonts were first used for the Irish language in 1571, and were used regularly for Irish until the early 1960s, though they continue to enjoy use in display type and type for signage, being perceived in Ireland as having cultural value. Their use was effectively confined to Ireland, though Gaelic typefaces were designed and produced in France, Belgium, and Italy. Gaelic typefaces make use of insular letterforms, and early fonts made use of a variety of abbreviations deriving from the manuscript tradition. Early fonts used for the Anglo-Saxon language, also using insular letterforms, can be classified as Gaelic typefaces, distinct from Roman or Antiqua typefaces.[12][13] Various forms exist, including manuscript, traditional, and modern styles, chiefly distinguished as having angular or uncial features.[14]

[edit] Monospaced typefacesMain article: Monospaced font

Monospaced fonts are typefaces in which every glyph is the same width (as opposed to variable-width fonts, where the w and m are wider than most letters, and the i is narrower). The first monospaced typefaces were designed for typewriters, which could only move the same distance forward with each letter typed. Their use continued with early computers, which could only display a single font. Although modern computers can display any desired typeface, monospaced fonts are still important for computer programming, terminal emulation, and for laying out tabulated data in plain text documents. Examples of monospaced typefaces are Courier, Prestige Elite, Fixedsys, and Monaco. There exist Roman, Blackletter, and Gaelic monospaced typefaces.

[edit] Symbol typefacesMain article: Dingbat

Symbol, or Dingbat, typefaces consist of symbols (such as decorative bullets, clock faces, railroad timetable symbols, CD-index, or TV-channel enclosed numbers) rather than normal text characters. Examples include Zapf Dingbats, Sonata, and Wingdings.