1 / 63

T IF OGRA FI DESAIN GRAFIS

T IF OGRA FI DESAIN GRAFIS. Tipografi. Tipografi merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

cree
Download Presentation

T IF OGRA FI DESAIN GRAFIS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. TIFOGRAFIDESAIN GRAFIS

  2. Tipografi • Tipografi merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

  3. Tipografimerupakanrepresentasi visual darisebuahbentukkomunikasi verbal danmerupakanproperti visual yang pokokdanefektif. • Hadirnyatipografidalamsebuah media terapan visual merupakanfaktor yang membedakanantaradesaingrafisdan media ekspresi visual lain sepertilukisan. • Lewatkandungannilaifungsionaldannilaiestetiknya, hurufmemilikipotensiuntukmenterjemahkanatmosfir-atmosfir yang tersiratdalamsebuahkomunikasi verbal yang dituangkanmelaluiabstraksibentuk-bentuk visual.

  4. Perjalanandesaindangayahuruflatinmulaiditerapkanpadaawalmasakejayaankerajaan ROMAWI. • KejayaankerajaanRomawidiabadpertama yang berhasilmenaklukkanYunani, membawaperadabanbarudalamsejarah Barat dengandiadaptasikannyakesusasteraan, kesenian, agama, sertaalfabet Latin yang dibawadariYunani. • Padaawalnyaalfabet Latin hanyaterdiridari 21 huruf : A, B, C, D, E, F, G, H, I, K, L, M, N, O, P, Q, R, S, T, V, dan X, kemudianhuruf Y dan Z ditambahkandalamalfabet Latin untukmengakomodasikata yang berasaldaribahasaYunani. • Tigahuruftambahan J, U dan W dimasukkanpadaabadpertengahansehinggajumlahkeseluruhanalfabet Latin menjadi 26.

  5. Didot • PiereDidot (1761-1853) • Putra sulung Francois DidotAmbroisemenciptakanornamencetakversiklasik yang populerdengannama Louvre Edition. • FirminDidot (1764-1836) • Penemuan plat cetak yang dicor (beriringandenganpenemuanhuruftimah yang dicoroleh Guttenberg). • Desainhuruf yang diberinamaDidot.

  6. GiambattistaBodoni (1740-1813) • Desainer modern pertama yang dengankaryanyaberupahuruf roman style dengannamaBodoni Book. • Huruftersebutdidesaintahun 1798 denganciriperbedaantebaltipispadabagianhurufnya.

  7. Frederic William Goudy (1865-1947) • Hasilkaryahuruf Frederic mencapailebihdariseratusjenis font. • Font yang populerhinggasaatiniantara lain Camelot, Goudy, Goudy Old Style, Titling, Vilage.

  8. John Warnock • Typefounder paling populerabadini yang menciptakan font Warnock Pro. • Presidendan CEO Adobe periode 90-an hingga 2000. • Adobe mendominasiteknologipercetakandanpublikasisebagaistandarprofesional. • Adobe menguasai (memilikihakciptasebagian font yang ada.

  9. AnatomiHuruf • Setiapbentukhurufdalamsebuahalfabetmemilikikeunikanfisik yang menyebabkanmatakitadapatmembedakanantarahuruf ‘m’ dengan ‘p’ atau ‘C’ dengan ‘Q’. • Keunikaninidisebabkanolehcaramatakitamelihatkorelasiantarakomponen visual yang satudengan yang lain. • SekelompokpakarpsikologidariJermandan Austria padatahun 1900 memformulasikansebuahteori yang dikenaldenganteori Gestalt. • Teoriiniberbasispada ‘pattern seeking’ dalamperilakumanusia

  10. Anatomi Font

  11. Format Font Digital • Postscript Fonts • Format font yang memilikiduabagian, yaitu screen fonts dan printer fonts. Printer Fonts padaprinsipnyaadalahbentuk outline yang kemudiandiisidengantitik-titiksemprotantintapadabentuk outline tersebut. Prosesinidisebutrasterization. Prosespengisiantitik-titiktersebutpadakomputermenggunakanperhitungankhusus yang disebut PostScript, olehkarenaitudisebut PostScript Fonts. • Contoh PostScript Fonts misalnyaKozuka Gothic Pro B, Kozuka Gothic Std R, Adobe Song Std L, Century Old Style, dll • TrueType Fonts • TrueType Fonts awalnyadiproduksioleh Apple, kemudianmenjadistandarpadasistem Windows danMacIntosh. Keuntungan TrueType Fonts adalahiahanyamemilikisatu file untuksemuaukuran font. • Contoh TrueType Fonts misalnya: Arial Black, Albertus, AvantGardeMd BT, Tahoma, Verdana, dll.

  12. Format Font Digital • OpenType Fonts • Format inidibuatataskerjasamaantara Microsoft dan Adobe. Opentype Fonts jugadapatditerimaolehsistemMacIntosh. • ContohOpenType Fonts misalnyaMyriad Pro Black Bondensed, Myriad Light Condensed, Lytos Pro Regular, Lytos Extra Ligth, dll • Multiple Master Font • Font Type 1 yang lebardanketebalannyadapatdimodifikasilangsungdari master desainnya. Keuntungandaripenemuanteknologiiniadalahkitamembelisatulisensi font dankitadapatmemodifikasinyatanpamerubahbentukasli font tersebut.manufakturdari font iniadalah Adobe Corp. • Contoh Multiple Master Fonts ialah ITC AvagarMM, ITC AvantGarde Gothic MM

  13. Kategori Huruf

  14. Oldstyle Ciri-ciri: • Selalu memiliki serif • Serif di huruf kecil selalu ada di sudut(miring) • Garis lengkung pada huruf memiliki pergeseran dari tebal ke tipis (transisi tebal/tipis) • Memiliki diagonal stress

  15. Modern Ciri-ciri: • Memiliki serif • Huruf serif horisontal dan sangat tipis • Strukturnya kuat • Transisi tebal/tipis radikal • Garis-garisnya kontras • Memiliki vertical stress • Tampilannya dingin dan elegan

  16. Slab Serif Ciri-ciri: • Serif pada huruf kecil horisontal dan tebal • Sangat sedikit dan atau tidak memiliki • transisi tebal/tipis, atau kontras padastroke • Memiliki vertical stress

  17. Sans Serif Ciri-ciri: • Tidak memiliki serif di ujung garis • Tidak memiliki transisi tebal/tipis • Ketebalannya sama rata (Monoweight)

  18. Script Ciri-ciri: • Bentuknya seperti tulisan kaligrafi dengan pena maupun pensil Macam-macam penulisan: • Menyambung/tidak menyambung • Seperti tulisan tangan • Menyerupai gaya kaligrafi tradisional

  19. Dekoratif Ciri-ciri: • Mudah dikenali dan digunakan • Penggunaannya terbatas, karena keistimewaannya • Ada satu font untuk setiap ide yang ingin kita sampaikan

  20. Hubungan Antar Huruf • Harmoni • Konflik • Kontras

  21. Harmoni atau Concordant • Penggunaan hanya satu bentuk huruf (typeface) • Tidak banyak variasi style, ukuran, weight, dll • Elemen yang lain kualitasnya sama dengan bentuk huruf (typeface) tersebut • Cenderung agak tenang dan formal • Harmoni adalah konsep yang jelas dan bermanfaat

  22. Konflik • Penggabungan dua typeface atau lebih yang memiliki kemiripan dalam style, ukuran, weight, dll • Konflik harus dihindari

  23. Kontras • Penggabungan elemen dan typeface yang sangat berbeda.

  24. 6 Cara mengkontraskan Huruf : • Ukuran • Weight • Struktur • Bentuk • Arah • Warna

  25. Ukuran • Besar Vs. Kecil • Kontras ukuran ≠ Pembesaran huruf • Jangan selalu menggunakan huruf kapital

  26. Kontras Ukuran • Kontraskan ukuran dengan cara yang tidak lazim dan provokatif • Gunakan nomor, ampersand, atau tanda bacasebagai elemen dekoratif

  27. Weight • Weight = ketebalan garis • Jenis-jenisnya: regular, bold, semi bold, extra bold atau light • Kontraskan regular weight dengan yang extra bold

  28. Manfaat kontras pada weight : • Membuat halaman lebih menarik • Membantu mengorganisasi informasi secara efektif • Membantu pembaca memahami hirarki informasi • Mengatasi kesulitan saat mencari sesuatupada indeks menurut abjad

  29. Struktur • Struktur adalah penggunaan dua kategori Huruf dengan struktur yang berbeda • Struktur adalah pemilihan dua atau lebih typeface dari dua atau lebihkategori

  30. Hal-hal yang harus diperhatikan: • Gunakan dua face dari dua kategori Huruf yang berbeda • Hindari menggunakan dua oldstyle di satu halaman • Hindari menggunakan dua modern, atau dua slab serif • Hindari menggunakan dua script dalam satu halaman • Tidak cukup mengkontraskan struktur saja, perlu dipadukan dengan ukuran atau weight • Lebih baik mengkontraskan kategori yang berbeda dari sans serif yang sama • Contoh: kategori modern & slab serif

More Related