PUBLISHING. You cannot not communicate Paul Watzlawick. Week 1: Typography by Hestiasari Rante-Pasila

dokumen-dokumen yang mirip
Klasifikasi Font Belajar tentang Tipografi

Font and typeface. Apa itu Font?

Pertemuan 07 Typografi

MEETING 4 (1) GRAPHIC DESIGNING. Huruf dan tipografi

Web Design is 95% Typography Oliver Reichenstein, By: Ahmad SYAUQI Ahsan

PEMBUATAN DESAIN TIPOGRAFI

Sistem Multimedia. Text & Hypertext. Donny Reza, S.Kom

Ahli Tipografi disebut TIPOGRAFER (ahlinya tipografi gitu...)

typos = bentuk grapho = menulis

TIPOGRAFI. Menggabungkan Teks dalam Sajian Multimedia

TYPOGRAFI DESAIN GRAFIS. Tipografi

Teks dan Background SERIF SANS-SERIF MONOSPACE

TIPOGRAFI DEDDY AWARD W. LAKSANA, M.Pd TI - D3

File yang berisi informasi sebuah typeface di komputer diberi istilah font

TIPOGRAFI. Oleh Mega Murti Sarilani U L I S A N SEN

Modul Praktikum 2 Dasar-Dasar Teknologi Informasi dan Komunikasi. Mengolah Kata Dengan Microsoft Word (1)

TIPOGRAFI SEBUAH ILMU TENTANG HURUF

Cara Value keterangan

Tipografi Aplikatif PENGENALAN HURUF. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 01Fakultas FAKULTAS DESAIN DAN SENI KREATIF

BAB II TINJAUAN TEORI TIPOGRAFI

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM

Pemrosesan Dokumen. Objektif


CEG4B3. Randy E. Saputra, ST. MT.

Learning Outcomes. Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Memahami Penggunaan Teks dan Hypertext pada Aplikasi Multimedia

RENCANA KEGIATAN PEMBELAJARAN

BAB IV TEKNIS PERANCANGAN DAN MEDIA

Team project 2017 Dony Pratidana S. Hum Bima Agus Setyawan S. IIP

Belajar Dasar Microsoft Word 2003

Peran dari pada tipografi itu sendiri adalah untuk mengkomunikasikan ide atau informasi dari halaman tersebut ke pengamat. Terkadang secara tidak

BAB 4 KONSEP DESAIN. 4.1 Landasan Teori Teori Publikasi

III. DATA DAN ANALISA PERANCANGAN

RENCANA KEGIATAN PEMBELAJARAN

Aplikasi Komputer. Microsoft Excel 2010 (Bag 1) Amin Shabana. Modul ke: Fakultas Ilmu Komunikasi. Program Studi Hubungan Masyarakat

BAB III TEORI PENUNJANG

Tipografi Aplikatif PENGELOMPOKAN HURUF. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 06Fakultas FAKULTAS TEKNI PERENCANAAN DAN DESAIN

APLIKASI KOMPUTER. Microsoft Word 2010 (Bag.1) Ida Farida, M.Kom. Modul ke: Fakultas MKCU. Program Studi MKCU.

ADAPTASI HURUF LATIN DENGAN 3 TEKNIK PERANCANGAN HURUF PADA STUDI KASUS KARYA FONT DESIGN

BAB IV HASIL KERJA PRAKTIKAN

Tipografi Aplikatif PENGGUNAN HURUF DISPLAY. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 10Fakultas FAKULTAS TEKNI PERENCANAAN DAN DESAIN

PERANCANGAN CUSTOM TYPEFACES DAN PENERAPANNYA PADA HALAMAN WEB

BAB 4 KONSEP DESAIN. 4.1 Landasan Teori

Latihan 1: Menyiapkan dan Membuat Presentasi Sederhana

Pertemuan X. Ali Tarmuji, S.T., M.Cs. Pemrograman Web. Teknik Informatika Fakultas Teknologi Industri.

Text dan Hypertext Pertemuan 3

BAB III DATA DAN ANALISA PERANCANGAN

Learning Outcomes. Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Menunjukkan Penggunaan Teks dan Hypertext pada Aplikasi Multimedia

E-BOOK CARA EDIT MATERI HASIL COPAS DARI INTERNET DI MS. WORD

MENGATUR FORMAT PARAGRAF Oleh Ade Sobandi Hendri Winata Rasto

Tipografi Aplikatif TIPOGRAFI IKLAN MEDIA CETAK. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 15Fakultas FAKULTAS DESAIN DAN SENI KREATIF

Pokok Bahasan. Konsep Dasar Desain Web. Konsep Dasar Desain Web (2) 20/01/2012. Konsep Dasar Desain Web Konsep Pewarnaan Tipografi Layout

Pokok Bahasan. Konsep Dasar Desain Web Konsep Pewarnaan Tipografi Layout

BAB IV KONSEP PERANCANGAN

pengayaan dan penomoran PENGAYAAN (STYLE)

3. Sistem pewarnaan gambar digital yang biasa digunakan pada tinta printer adalah. a. CMYK b. RGB c. Saturation d. Brighnest e.

DAFTAR ISI ABSTRAK... i. KATA PENGANTAR... ii. UCAPAN TERIMAKASIH... iii. DAFTAR ISI... v. DAFTAR GAMBAR... x. DAFTAR TABEL...

Aplikasi Komputer. Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Ita Novita, S.Kom, M.T.I. Modul ke: Fakultas Ilmu Komputer

EKSPERIMEN TIPOGRAFI DALAM VISUAL UNTUK ANAK

BAB 2 Teks dan Paragraph

BAB III LANDASAN TEORI

BAB 5 APLIKASI NOTASI TEKS DAN DIMENSI

MENGATUR FORMAT DOKUMEN, HALAMAN DAN PARAGRAF

[ KP215 - Otomasi Perkantoran ]

TI - D3 Perkenalan dan Pengenalan

Bab 3 Menulis Teks di dalam Kanvas

KATA PENGANTAR. Assalamualaikum Wr. Wb.

BAB II Analisis Data dan Fakta

Mengenal dan Memahami Konsep Desain Grafis untuk Media

PERKAKAS IDENTIFIKASI VISUAL A K S A R A

PENCIPTAAN LOGO DIES NATALIS UNY KE 43 TAHUN 2007

APLIKASI KOMPUTER MICROSOFT WORD 2010 (BAGIAN 1) Safitri Juanita, S.Kom, M.T.I. Modul ke: Fakultas Ekonomi. Program Studi Manajemen

BAB III TINJAUANPUSTAKA

RUMAH BELAJAR CINTA ANAK BANGSA

TIPOGRAFI DEDDY AWARD W. LAKSANA, M.Pd

Tipografi Aplikatif DASAR DASAR TIPOGRAFI. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 03Fakultas FAKULTAS DESAIN DAN SENI KREATF

Tipografi Aplikatif HURUF DAN PENGGUNAANNNYA. Ir. Kamil Rusdi Abdullah, M.Si. Modul ke: 09Fakultas FAKULTAS TEKNI PERENCANAAN DAN DESAIN

CUSTOM TYPEFACES PADA WEB MENGGUNAKAN EMBEDDING FONT

Esther Wibowo -

PENGGUNAAN UNSUR AKSARA NUSANTARA PADA HURUF MODERN

MODUL #1 Membuat Kartu Nama dengan CorelDraw

TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN. Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom

BAB III STRATEGI PERANCANGAN DAN KONSEP VISUAL

Rekayasa Web. Andronicus Riyono, M.T. Universitas Kristen Duta Wacana

XHTML dan Dasar-dasar CSS XHTML

Sejarah Desain Grafis

BAB II MENGATUR FORMAT DOKUMEN, HALAMAN DAN PARAGRAF

12/1/ Pengaturan 2.Keseimbangan 3.Warna 4.Legibilitas (Kemudahan dibaca) 5.Menarik

Toolbar standart Ikon Perintah Fungsi New Blank Document Membuat Document Baru yang masih kosong

Bentuk Primitif. Esther Wibowo -

Table of figure. Gambar Gambar Gambar

Berkreasi dengan Teks

Aplikasi Komputer. Ms. Powerpoint 2010 MODUL PERKULIAHAN. Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh

EBOOK CARA MEMBUAT CHART DI EXCEL Oleh:

LATIHAN SOAL UJIAN AKHIR SEMESTER GASAL MAPEL TEKNOLOGI INFORMASI DAN KOMUNIKASI SMP MUHAMMADIYAH 3 DEPOK

Teks dan Paragraph. Pada Bab ini anda akan mempelajari cara:

PENGENALAN MS WORD PAK2B-PSIKOLOGI. pak2b-dna

BAB II LANDASAN TEORI

PAGE LAYOUT. Copyright Asep Herman Suyanto

DESAIN. Interaksi Manusia & Komputer

DAFTAR ISI. KATA PENGANTAR... i ABSTRAK... ii DAFTAR ISI... iii DAFTAR GAMBAR... v DAFTAR TABEL... vii DAFTAR LAMPIRAN... ix

Transkripsi:

PUBLISHING You cannot not communicate Paul Watzlawick Week 1: Typography by Hestiasari Rante-Pasila

Typography is fun Typography by Rudann

Definition Berasal dari bahasa Yunani: typos (mould, impression, shape) graphein (writing, carving). Typography: Seni dan teknik dalam menyeleksi dan mengatur font type, point size, line lengths, line leading, character spacing, dan word spacing untuk ditampilkan dalam suatu aplikasi media.

Aims [1] 1. Meningkatkan dan mengoptimalkan nilai untuk dibaca 2. Menciptakan hubungan yang kontekstual 3. Memberikan informasi yang berarti dan menunjukkan hierarki 4. Menciptakan kesadaran, menunjukkan keberadaan 5. Mengkomunikasikan emosi Typography harus diseleksi dan digunakan dengan sepantasnya. Kita sebagai manusia berkomunikasi melalui apa yang kita lakukan dan yang tidak kita lakukan.

Aims [2] Oleh karena itu, typography merupakan tool serba guna untuk menyampaikan informasi. Selain mengkomunikasikan makna sesungguhnya, typography juga menyampaikan: asal (origin) tujuan (objective) sikon/lingkungan (environment) waktu saat itu (point in time)

History [1]

History [2]

History [3]

Anatomy [1]

Anatomy [2]

Anatomy [3]

Kerning

Tracking / Letterspacing

Leading / Line Spacing

Selecting Fonts Text menyampaikan isi pesan tetapi font yang dipilih dengan baik akan menyampaikan pesan jauh lebih mendalam. Hal-hal yang perlu diperhatikan sebelum memilih satu font: karakter font harus sesuai dengan karakter dari media/aplikasi yang akan dibuat tergantung pada target group isi/content dan media

Classification 1.1 Old Style Type 1.2 Transitional Type 1.3 Modern Type 1.4 Egyptian (Slab Serif) 2.1 Humanistic Sans Serif 2.2 Transitional Sans Serif 2.3 Geometric Sans Serif 3. Sans-Serif, Slab-Serif

1.1 Old Style Type Tipe font abad 15 hingga abad 16 teremulasi oleh classical calligraphy.

1.1 Old Style Type

1.2 Transitional Type Tipe font ini memiliki serifs yang lebih tajam pada axis vertikal.

1.2 Transitional Type

1.3 Modern Type Di akhir abad 18 dan awal abad 19: tipis, serifs lurus, axis vertikal, dan lengkungan yang kontras dari tebal ke tipis.

1.3 Modern Type

1.4 Egyptian (Slab Serif) Tipe tebal (bold) dan lebih dekorativ diperkenalkan pada abad 19 untuk digunakan dalam periklanan (advertising). Banyak dipengaruhi oleh Egyptian fonts yang tampak heavy.

1.4 Egyptian (Slab Serif)

2.1 Humanistic Sans Serif Tipe sans-serif menjadi terkenal di abad 20: kecil, lilting counter pada huruf a, dan calligraphic variations pada garis tebal.

2.1 Humanistic Sans Serif

2.2 Transitional Sans Serif Helvetica, didisain oleh Max Miedinger pada tahun 1957, merupakan satu dari tipe font yang paling banyak digunakan di seluruh dunia. Keseragaman dan ketegakan karakternya, membuatnya tampak mirip dengan huruf-huruf transitional serif. These fonts are also referred to as anonymous sans serif.

2.2 Transitional Sans Serif

2.3 Geometric Sans Serif Beberapa tipe sans-serif dibuat berdasarkan bentuk geometrik. Futura, yang didisain oleh Paul Renner pada tahun 1927 mempunyai bentuk O yang seperti lingkaran sempurna, dan sudut-sudut dari A dan M merupakan segitiga tajam.

2.3 Geometric Sans Serif

3. Sans-Serif, Slab-Serif

The Grow of Typography

Fonts for Print Helvetica, dibuat di Switzerland oleh Max Miedinger pada tahun 1957, salah satu font yang paling terkenal di dunia. Meski dibuat sebagai default untuk komputer, Helvetica pada awalnya didisain untuk dicetak/print. Times Roman, dibuat untuk koran London ( Times"), yang juga terkenal luas. Seiring waktu, font ini kemudian menjadi default untuk Websites, karena dapat dipastikan setiap komputer memiliki font ini. Fonts for Screen Verdana merupakan font sansserif yang didisain oleh Matthew Carter secara khusus untuk digital display. Verdana memiliki large x- height, lengkungan sederhana, dan bentuk yang lebih terbuka dibanding Helvetica. Georgia merupakan font serif screen yang didisain dengan lengkungan sederhana, bentuk yang terbuka, dan banyak letterspacing. Verdana dan Georgia, banyak digunakan sebagai font Web.

typo is everywhere Typography dapat dilihat pada hampir di setiap tempat dalam keseharian: Art Books Posters Magazines Advertising Packaging Signage systems Displays Trademarks

art, books, posters,

magazines, advertising, packaging

signage systems, displays

trademarks

Next week At home: Browse some logos, select and save the best ones Untuk praktikum: Bawa kertas A4, pensil 2B, dan eraser

http://lecturer.eepis-its.edu/~hestiasari