Tipografi : Visual Language : bahasa yang dapat dilihat
Salah satu sarana untuk menterjemahkan kata-kata yang
terucap ke halaman yang dapat dibaca.
Ilmu yang mempelajari bentuk huruf; dimana huruf, angka,
tanda baca, dan sebagainya tidak hanya dilihat sebagai simbol
dari suara tetapi terutama dilihat sebagai suatu bentuk desain.
Huruf : bentuk visual yang dibunyikan sebagai kebutuhan
komunikasi verbal

pengertian
Evolusi Bahasa Tulis
Simbol > Lukisan Gua > Petroglyphs (ukiran batu) >
Berbagai Pictogram (pictograph) > Idiogram > Alfabet

Evolusi Bahasa Tulis
Simbol + Lukisan Gua
Chauvet-Pont-d’Arc Cave
gua yang terletak di Prancis
selatan. terdapat beberapa
lukisan yang, sejauh ini, di
klaim sebagai lukisan tertua di
dunia, +/- 32.000 tahun
sumber : http://iniunic.blogspot.com/2008/10/keindahan-chauvet-cavelukisan-tertua.html#ixzz2LJazveKn

Evolusi Bahasa Tulis
Lukisan dinding goa di Afrika dan Eropa 35000-4000 SM

Evolusi Bahasa Tulis
Cyrus Cylinder (Akkadian cuneiform), 6th century BC. On display:
Room 55, British Museum.

Evolusi Bahasa Tulis
Pictograph (pict : gambar , graph : tulisan)
Merupakan awal dari seni
gambar yang merekam objek
ataupun peristiwa yang
terjadi dalam kehidupan suatu
masyarakat.
The Yei adalah orang suci supranatural
yang berkomunikasi antara Navaho dan
dewa-dewa mereka. Mereka biasanya
ditampilkan membawa dahan pinus,
strip yucca dan mainan kerincingan
dalam upacara penyembuhan.

Evolusi Bahasa Tulis
mengungkap ciri manusia
dengan ekspresinya pada
masa itu.
idiogram adalah sumber
awal untuk sebagian besar
penulisan logograpic
seperti script di cina.
karena bahasa dibentuk
dari penggambaran ideide,tentang bagaimana sifat
garis, tentang bagaimana
keterwakilan manusia
dalam bentuk tulisan

Evolusi Bahasa Tulis
Alfabet / alphabet : alfa + beta
Sebuah sistem tulisan yang berdasarkan lambang fonem vokal dan
konsonan
Fonem (bunyi) adalah satuan bunyi terkecil yang dapat membedakan arti.
Misal : [g] [k] - cagar cakar

Evolusi Bahasa Tulis
Sejarah Huruf A

Evolusi Bahasa Tulis
Sejarah Huruf E

Evolusi Bahasa Tulis
perkembangan
Huruf, Perangkat dan Media

Perkermbangan Perangkat dan Media
Perkermbangan Perangkat dan Media
movable type :
huruf / karakter yang
dibentuk dan diukir
menonjol diatas kayu atau
logam secara individual.

Perkermbangan Perangkat dan Media
Monotype
/Lynotype

1886 ditemukan mesin typecasting
(lynotype) line of type

Phototype

dasar penemuan “Cetak Offset”
Cetak offset , teknik cetak dimana bagian yang
mencetak kedudukannya sama datar dengan
bagian yang tak mencetak, memakai lempengan
logam /plat CMYK

Perkermbangan Perangkat dan Media
1900

1913

Lynotype adalah versi hemat
untuk typecasting Linotype,
membuat typesetting yang
terjangkau. Gambar di atas adalah
orang yang mengoperasikan
mesin Linotype dari The Book
Of Wonders, buku tahun 1915
mengenai ‘keajaiban alam dan
keajaiban yang dihasilkan oleh
manusia’

Édouard Belin mengembangkan
Belinograph, perangkat untuk
mengirim gambar via saluran
telepon. Mengirim foto halftone
dengan telegraf atau telepon disebut wirephoto, telephotography
atau Belino. The Associated Press
memakainya pada tahun 1935,
menggunakan gambar dari sebuah
kecelakaan pesawat.

http://www.prepressure.com

1926

Eric Gill menciptakan Gill Sans, jenis huruf
sans-serif yang populer setelah terpilih pada
tahun 1929 sebagai jenis huruf yang unik untuk
the London dan poster kereta api serta bahan
publikasi. (atas)
Sebuah jenis huruf terlihat serupa dari era yang
sama, yang masih populer saat ini adalah Futura,
diciptakan oleh desainer Jerman, Paul Renner .

Perkermbangan Perangkat dan Media
1949

Photon mengumumkan mesin
pertama mereka, Lumitype,karya dua
insinyur Perancis. Teknologi ‘cold type’,
Typesetting dilakukan tanpa pengecoran
logam. Terobosan komersial akan
berlangsung di awal tahun lima puluhan.
Gambar di atas adalah Lumitype 550

1950

The A.B. Dick 350 adalah
mesin cetak satu warna di
produksi AS sampai tahun
1986. Create business of
quick printing

1951

Acara drupa yang diadakan di
Dusseldorf, Jerman. Drupa : ‘Druck
und Paper’ (print & kertas).Dipajang
5 mesin Linotype typecasting, salah
satunya ini. Selama 50an tahun
terdapat di seluruh dunia lebih
dari 100000 mesin. gambar model
Linotype 31.

Perkermbangan Perangkat dan Media

1954

Perusahaan Addressograph-Multilith
memperkenalkan the Multi-1250.
Bersama dengan mesin AB Dick
350, mereka mendominasi offset
kecil pasar.

http://www.prepressure.com
1955

1957

1958

the quick brown fox
jumps over the lazy dog.
THE QUICK BROWN FOX
JUMPS OVER THE LAZY DOG
Howard Kettler mendesain huruf Courier untuk
IBM. Hal ini awalnya digunakan untuk mesin ketik
tapi akhirnya mereka pakai untuk komputer,
seperti Microsoft Windows 3.1

http://www.prepressure.com

Pabrik percetakan Harris-Seybold join dengan
Intertype Corporation.

H. Berthold AG,Jerman, memperkenalkan
peralatan typesetting pertama. The Diatype adalah
mesin desktop-untuk pembuatan judul dan teks
pendek. Dengan memindahkan pemicu di depan
mesin operator dapat memilih karakter huruf
dari master-nya. Sistem ini dikenal sebagai ;duckshooter’ di UK. menjadi perhatian khusus selama
ajang drupa tahun 1958

Perkermbangan Perangkat dan Media
1961

Letraset Ltd mulai memasarkan
Lettering (penulisan) dengan sistem
instan,

1962

Andy Warhol mempopulerkan sablon,
juga disebut serigraphy, sebagai bentuk
seni. ‘Turquoise Marilyn’ diproduksi
dengan menggunakan cat akrilik dan
cetak silkscreen pada kain.

Perkermbangan Perangkat dan Media

1969

1973 - 1975

Memasukkan teks dengan
menggunakan komputer dan
menulis informasi ke tape. cikal
bakal penyimpanan data
Laserprinters pertama, seperti IBM 3800
dan Xerox 9700, masuk pasar. Mereka
mahal tapi berguna untuk aplikasi seperti
percetakan.

http://www.prepressure.com
phototype kini (pre-press)

Perkermbangan Perangkat dan Media
Era Teknologi Apple Comp &
Digital1973 Microsoft Corp

Perkermbangan Perangkat dan Media

http://www.prepressure.com
Font : Serangkaian huruf alpabet dalam satu
ukuran lengkap dengan tanda baca, Font
angka dan symbol.
Character : Setiap Individu huruf, angka dan tanda
baca dalam tipografi

Analisis Bentuk Huruf
stem

baseline		
capline		
meanline		
x - height		

: Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf besar
: Garis lurus horisontal yang menjadi bagian teratas dari setiap huruf besar
: Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf kecil
: Ketinggian huruf kecil / jarak antara meanline dengan baseline

Ascender		
Descender		

: Bagian dari huruf kecil yang posisinya tepat diantara Capline + Meanline
: Bagian dari huruf kecil yang posisinya tepat dibawah Baseline

Stem			
terminal		

: batang
: baguan ujung ditemukan beberapa garis akhir sebagai penutup

Analisis Bentuk Huruf : Anatomi Huruf
STRESS

APEX /puncak

ASCENDER

SHOULDER

DOT

CAPLINE

MIDLINE

CROSSBAR

AXIS

TAIL

EYE

LEG

CROSS STROKE

HOOK

SERIF

FINIAL

BALL TERMINAL

BRACKET

LIGATURE

LINK/NECK EAR

APERTURE

BOWL

STEM

OVERHANG

COUNTER

TWO-STROREY LETTER

ARCH

BASELINE

ASCENDER LINE

DESCNDER LINE

SPINE
CAP HEIGHT
X-HEIGHT
BODY HEIGHT

LOBE

LOOP

DESCENDER

TAIL
garis tegak datar 			 E F H I L
garis tegak miring			 A K M N V Z X Y W
garis tegak-lengkung		 B D G J P R U
garis lengkung				 C O Q S
ruang negatif sudut lengkung		 B C D G O P Q R S U
ruang negatif sudut segi empat 	 E F H I L T
ruang negatif sudut segi tiga		 A K M N V W X Y Z

Analisis Bentuk Huruf : Anatomi Huruf
Point

(pt)

+ Pica

72 point = 6 pica = 1 inch = 2.539 cm
12 point = 1 pica
inches

picas
points

Sistem pengukuran dalam tipografi : point dan pica
14 point

24 point

34 point

44 point

54 point
Sistem pengukuran dalam tipografi : point dan pica
Sistem pengukuran dalam tipografi : x - height
aku suka kamu lo
aku suka kamu lo
aku suka kamu lo

JARAK ANTAR KATA

aku
aku

JARAK ANTAR HURUF

aku suka aku suka
aku suka aku suka
aku suka aku suka

aku suka
aku suka
aku suka

JARAK ANTAR BARIS

Sistem pengukuran dalam tipografi : ruang tipografi
keluarga huruf : berat
keluarga huruf : proporsi
keluarga huruf : kemiringan
ABCDEFGHIJKMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
!"#$%&'()*+,-./:;<=>?@[]^_`{|}~¡¨°±´¸¿ÀÁÂÃÄÅÆÇÈÉÊËÌÎÍÏÐÑÒÓÔÕ
ÖØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿĄąĆćĐđĘęıŁłŃń
ŒœŚśŠšŸŹźŻżŽžˆˇ˚˜–—‘’‚“”„•…⁄€№™−≠≤≥�
ABCDEFGHIJKMNOPQRSTUVWXYZ
abcdefghijklmnop qrstuvwxyz
1234567890
!”#$%&’()*+,-./:;<=>?@[]^_`{|}~¡¨°±´¸¿ÀÁÂÃÄÅÆÇÈÉÊËÌÎÍÏÐÑÒÓÔÕÖØÙ
ÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿĄąĆćĐđĘęıŁłŃńŒœŚś
ŠšŸŹźŻżŽžˆˇ˚˜–—‘’‚“”„•…⁄€№™−≠≤≥�

keluarga huruf : set character
Old Style

Transitional

Modern

Eqyptian/Slab Serif

Contemporary/Sans Serif

klasifikasi huruf

Garamond,

1617

Baskerville,

1757

Bodoni,

1788

Century Expanded,
Helvetica,

1957

1895
roman square capitals

perjalanan desain dan gaya huruf
roman scripts

perjalanan desain dan gaya huruf
uncial scripts

perjalanan desain dan gaya huruf
half uncial scripts

perjalanan desain dan gaya huruf
carolingian minuscule scrips

perjalanan desain dan gaya huruf
angka arab | gothic | renaissance | baroque scripts | era revolusi industri

perjalanan desain dan gaya huruf
art nouveau

perjalanan desain dan gaya huruf
bauhaus

perjalanan desain dan gaya huruf
sans serif / serif

perjalanan desain dan gaya huruf
Tipografi 2 mahasiswa
Tipografi 2 mahasiswa
Tipografi 2 mahasiswa
Tipografi 2 mahasiswa
Tipografi 2 mahasiswa
Tipografi 2 mahasiswa
Tipografi 2 mahasiswa
Tipografi 2 mahasiswa

Tipografi 2 mahasiswa

  • 2.
    Tipografi : VisualLanguage : bahasa yang dapat dilihat Salah satu sarana untuk menterjemahkan kata-kata yang terucap ke halaman yang dapat dibaca. Ilmu yang mempelajari bentuk huruf; dimana huruf, angka, tanda baca, dan sebagainya tidak hanya dilihat sebagai simbol dari suara tetapi terutama dilihat sebagai suatu bentuk desain. Huruf : bentuk visual yang dibunyikan sebagai kebutuhan komunikasi verbal pengertian
  • 3.
    Evolusi Bahasa Tulis Simbol> Lukisan Gua > Petroglyphs (ukiran batu) > Berbagai Pictogram (pictograph) > Idiogram > Alfabet Evolusi Bahasa Tulis
  • 4.
    Simbol + LukisanGua Chauvet-Pont-d’Arc Cave gua yang terletak di Prancis selatan. terdapat beberapa lukisan yang, sejauh ini, di klaim sebagai lukisan tertua di dunia, +/- 32.000 tahun sumber : http://iniunic.blogspot.com/2008/10/keindahan-chauvet-cavelukisan-tertua.html#ixzz2LJazveKn Evolusi Bahasa Tulis
  • 5.
    Lukisan dinding goadi Afrika dan Eropa 35000-4000 SM Evolusi Bahasa Tulis
  • 6.
    Cyrus Cylinder (Akkadiancuneiform), 6th century BC. On display: Room 55, British Museum. Evolusi Bahasa Tulis
  • 7.
    Pictograph (pict :gambar , graph : tulisan) Merupakan awal dari seni gambar yang merekam objek ataupun peristiwa yang terjadi dalam kehidupan suatu masyarakat. The Yei adalah orang suci supranatural yang berkomunikasi antara Navaho dan dewa-dewa mereka. Mereka biasanya ditampilkan membawa dahan pinus, strip yucca dan mainan kerincingan dalam upacara penyembuhan. Evolusi Bahasa Tulis
  • 8.
    mengungkap ciri manusia denganekspresinya pada masa itu. idiogram adalah sumber awal untuk sebagian besar penulisan logograpic seperti script di cina. karena bahasa dibentuk dari penggambaran ideide,tentang bagaimana sifat garis, tentang bagaimana keterwakilan manusia dalam bentuk tulisan Evolusi Bahasa Tulis
  • 9.
    Alfabet / alphabet: alfa + beta Sebuah sistem tulisan yang berdasarkan lambang fonem vokal dan konsonan Fonem (bunyi) adalah satuan bunyi terkecil yang dapat membedakan arti. Misal : [g] [k] - cagar cakar Evolusi Bahasa Tulis
  • 10.
  • 11.
  • 12.
    perkembangan Huruf, Perangkat danMedia Perkermbangan Perangkat dan Media
  • 13.
  • 14.
    movable type : huruf/ karakter yang dibentuk dan diukir menonjol diatas kayu atau logam secara individual. Perkermbangan Perangkat dan Media
  • 15.
    Monotype /Lynotype 1886 ditemukan mesintypecasting (lynotype) line of type Phototype dasar penemuan “Cetak Offset” Cetak offset , teknik cetak dimana bagian yang mencetak kedudukannya sama datar dengan bagian yang tak mencetak, memakai lempengan logam /plat CMYK Perkermbangan Perangkat dan Media
  • 16.
    1900 1913 Lynotype adalah versihemat untuk typecasting Linotype, membuat typesetting yang terjangkau. Gambar di atas adalah orang yang mengoperasikan mesin Linotype dari The Book Of Wonders, buku tahun 1915 mengenai ‘keajaiban alam dan keajaiban yang dihasilkan oleh manusia’ Édouard Belin mengembangkan Belinograph, perangkat untuk mengirim gambar via saluran telepon. Mengirim foto halftone dengan telegraf atau telepon disebut wirephoto, telephotography atau Belino. The Associated Press memakainya pada tahun 1935, menggunakan gambar dari sebuah kecelakaan pesawat. http://www.prepressure.com 1926 Eric Gill menciptakan Gill Sans, jenis huruf sans-serif yang populer setelah terpilih pada tahun 1929 sebagai jenis huruf yang unik untuk the London dan poster kereta api serta bahan publikasi. (atas) Sebuah jenis huruf terlihat serupa dari era yang sama, yang masih populer saat ini adalah Futura, diciptakan oleh desainer Jerman, Paul Renner . Perkermbangan Perangkat dan Media
  • 17.
    1949 Photon mengumumkan mesin pertamamereka, Lumitype,karya dua insinyur Perancis. Teknologi ‘cold type’, Typesetting dilakukan tanpa pengecoran logam. Terobosan komersial akan berlangsung di awal tahun lima puluhan. Gambar di atas adalah Lumitype 550 1950 The A.B. Dick 350 adalah mesin cetak satu warna di produksi AS sampai tahun 1986. Create business of quick printing 1951 Acara drupa yang diadakan di Dusseldorf, Jerman. Drupa : ‘Druck und Paper’ (print & kertas).Dipajang 5 mesin Linotype typecasting, salah satunya ini. Selama 50an tahun terdapat di seluruh dunia lebih dari 100000 mesin. gambar model Linotype 31. Perkermbangan Perangkat dan Media 1954 Perusahaan Addressograph-Multilith memperkenalkan the Multi-1250. Bersama dengan mesin AB Dick 350, mereka mendominasi offset kecil pasar. http://www.prepressure.com
  • 18.
    1955 1957 1958 the quick brownfox jumps over the lazy dog. THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG Howard Kettler mendesain huruf Courier untuk IBM. Hal ini awalnya digunakan untuk mesin ketik tapi akhirnya mereka pakai untuk komputer, seperti Microsoft Windows 3.1 http://www.prepressure.com Pabrik percetakan Harris-Seybold join dengan Intertype Corporation. H. Berthold AG,Jerman, memperkenalkan peralatan typesetting pertama. The Diatype adalah mesin desktop-untuk pembuatan judul dan teks pendek. Dengan memindahkan pemicu di depan mesin operator dapat memilih karakter huruf dari master-nya. Sistem ini dikenal sebagai ;duckshooter’ di UK. menjadi perhatian khusus selama ajang drupa tahun 1958 Perkermbangan Perangkat dan Media
  • 19.
    1961 Letraset Ltd mulaimemasarkan Lettering (penulisan) dengan sistem instan, 1962 Andy Warhol mempopulerkan sablon, juga disebut serigraphy, sebagai bentuk seni. ‘Turquoise Marilyn’ diproduksi dengan menggunakan cat akrilik dan cetak silkscreen pada kain. Perkermbangan Perangkat dan Media 1969 1973 - 1975 Memasukkan teks dengan menggunakan komputer dan menulis informasi ke tape. cikal bakal penyimpanan data Laserprinters pertama, seperti IBM 3800 dan Xerox 9700, masuk pasar. Mereka mahal tapi berguna untuk aplikasi seperti percetakan. http://www.prepressure.com
  • 20.
  • 21.
    Era Teknologi AppleComp & Digital1973 Microsoft Corp Perkermbangan Perangkat dan Media http://www.prepressure.com
  • 23.
    Font : Serangkaianhuruf alpabet dalam satu ukuran lengkap dengan tanda baca, Font angka dan symbol. Character : Setiap Individu huruf, angka dan tanda baca dalam tipografi Analisis Bentuk Huruf
  • 24.
    stem baseline capline meanline x - height :Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf besar : Garis lurus horisontal yang menjadi bagian teratas dari setiap huruf besar : Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf kecil : Ketinggian huruf kecil / jarak antara meanline dengan baseline Ascender Descender : Bagian dari huruf kecil yang posisinya tepat diantara Capline + Meanline : Bagian dari huruf kecil yang posisinya tepat dibawah Baseline Stem terminal : batang : baguan ujung ditemukan beberapa garis akhir sebagai penutup Analisis Bentuk Huruf : Anatomi Huruf
  • 25.
    STRESS APEX /puncak ASCENDER SHOULDER DOT CAPLINE MIDLINE CROSSBAR AXIS TAIL EYE LEG CROSS STROKE HOOK SERIF FINIAL BALLTERMINAL BRACKET LIGATURE LINK/NECK EAR APERTURE BOWL STEM OVERHANG COUNTER TWO-STROREY LETTER ARCH BASELINE ASCENDER LINE DESCNDER LINE SPINE CAP HEIGHT X-HEIGHT BODY HEIGHT LOBE LOOP DESCENDER TAIL
  • 26.
    garis tegak datar E F H I L garis tegak miring A K M N V Z X Y W garis tegak-lengkung B D G J P R U garis lengkung C O Q S ruang negatif sudut lengkung B C D G O P Q R S U ruang negatif sudut segi empat E F H I L T ruang negatif sudut segi tiga A K M N V W X Y Z Analisis Bentuk Huruf : Anatomi Huruf
  • 27.
    Point (pt) + Pica 72 point= 6 pica = 1 inch = 2.539 cm 12 point = 1 pica inches picas points Sistem pengukuran dalam tipografi : point dan pica
  • 28.
    14 point 24 point 34point 44 point 54 point Sistem pengukuran dalam tipografi : point dan pica
  • 29.
    Sistem pengukuran dalamtipografi : x - height
  • 30.
    aku suka kamulo aku suka kamu lo aku suka kamu lo JARAK ANTAR KATA aku aku JARAK ANTAR HURUF aku suka aku suka aku suka aku suka aku suka aku suka aku suka aku suka aku suka JARAK ANTAR BARIS Sistem pengukuran dalam tipografi : ruang tipografi
  • 31.
  • 32.
  • 33.
    keluarga huruf :kemiringan
  • 34.
  • 35.
    Old Style Transitional Modern Eqyptian/Slab Serif Contemporary/SansSerif klasifikasi huruf Garamond, 1617 Baskerville, 1757 Bodoni, 1788 Century Expanded, Helvetica, 1957 1895
  • 36.
    roman square capitals perjalanandesain dan gaya huruf
  • 37.
  • 38.
  • 39.
    half uncial scripts perjalanandesain dan gaya huruf
  • 40.
  • 41.
    angka arab |gothic | renaissance | baroque scripts | era revolusi industri perjalanan desain dan gaya huruf
  • 42.
  • 43.
  • 44.
    sans serif /serif perjalanan desain dan gaya huruf