SlideShare a Scribd company logo
Typorafi
SENI DESAIN GRAFIS
Mengenal Typografi
Ilmu memilih &
menata huruf sesuai
pengaturannya pada
ruang-ruang yang
tersedia guna
menciptakan kesan
tertentu, sehingga
pembaca mendapat
kenyamanan membaca
semaksimal mungkin
Seni typografi :
karya atau desain
yang
menggunakan
pengaturan huruf
sebagai elemen
utama
Pedoman Penggunaan Typografi
Anatomi Bentuk Huruf
 =
basic stroke secondary stroke (s)
rrserif
terminal
stem
Keterangan:
• stroke: goresan-goresan
• basic stroke: goresan
pertama
• serif: tangkai/hiasan
• terminal: ujung
Geometri Huruf
EMotion
A
Karakteristik Huruf
KAPITAL
mengekspresikan hal penting atau
ingin ditonjolkan, namun jika
digunakan pada seluruh teks akan
menyulitkan mata untuk dapat
membaca dengan lancar, sehingga
urat mata menjadi cepat lelah dan
jenuh
italic
akan menarik mata, namun jika
terlalu banyak akan sulit dibaca.
biasa digunakan jika ada kata asing
bold
akan mengundang perhatian, namun
terlalu banyak akan mengaburkan
fokus pada makna teks. bisa dipakai
pada judul/sub judul
underline
menandakan adanya sesuatu yang penting. biasa
dipakai pada hyperlink di web
berwarna
cara membedakan teks dapat
menggunakan warna
Hal yang harus dihindari
Menggunakan
font yang
terlalu banyak
Menggunakan
font yang
terlalu mirip
Tidak cukup
kontras
Flat
Curlz MT Bernard MT
Condensed Algerian
Edwadian Script Aharoni
algerian Bauhaus
Times New Roman
Georgia
kontras
flat flat flat flat flat flat
flat flat flat flat flat flat
flat flat flat flat flat flat
flat flat flat flat flat flat
WarnaSENI DESAIN GRAFIS
Warna Dasar
Fungsi Warna
Fungsi
Identitas
Fungsi
Isyarat
Fungsi
Psikologis
Fungsi
Alamiah
Fungsi
Pembentuk
Keindahan
Pembagian Warna
Warna
Netral
Warna
Tersier
Warna
Sekunder
Warna
Primer
Kombinasi Warna
Paduan warna
secara
analogus
Paduan warna
secara
monokromatik
Kombinasi dari warna-
warna terdekat
• Biru-ungu, ungu, dan merah ungu
• Merah, merah jingga, dan jingga
• Kuning, kuning-jingga, dan jingga
Perpaduan beberapa warna
yang bersumber dari satu warna
dengan nilai dan intensitas berbeda.
• Biru, biru muda, dan biru tua
• Merah, merah tua, dan merah muda
Psikologi Warna
Warna Respon Psikologis
Merah Power, energi, kehangatan, cinta, nafsu, agresi, bahaya
Biru Kepercayaan, konservatif, keamanan, teknologi, kebersihan, keteraturan
Hijau Alami, sehat, keberuntungan, pembaruan
Kuning Optimis, harapan, filosofi, ketidakjujuran, pengecut (untuk budaya
barat), penghianatan
Ungu/ Jingga Spritual, misteri, kebangsawanan, transformasi, kekasaran, keangkuhan
Orange Energy, keseimbangan, kehangatan
Coklat Tanah/bumi, reliability, comfort, daya tahan
Abu-abu Intelek, masa depan (seperti warna milenium), kesederhanaan, kesedihan
Putih Kesucian, kebersihan, ketepatan, ketidakbersalahan, steril, kematian
Hitam Power, seksualitas, kecanggihan, kematian, misteri, ketakutan, kesedihan,
keanggunan
RGB & CMYK
Red-Green-Blue
Penginderaan dan
presentasi gambar
dalam tampilan visual
elektronik (komputer/
tv/fotografi).
Difungsikan untuk
tampilan di monitor
dengan latar hitam
Cyan-Magenta-
Yellow-blacK
Warna yang dikenal
dalam proses printing
dan percetakan.
Digunakan untuk
tampil seimbang
dengan latar putih dari
bahan cetak (kertas
dll)
Wibowo, IT. 2015. Belajar Desain Grafis. Yogyakarta: Nootebook
Sumber

More Related Content

What's hot

Media Visual (matakuliah media BK)
Media Visual (matakuliah media BK)Media Visual (matakuliah media BK)
Media Visual (matakuliah media BK)
Afaaf AlHawariyah
 
Pelatihan public speaking
Pelatihan public speakingPelatihan public speaking
Pelatihan public speaking
kipanmulyana
 
Desain komunikasi visual
Desain komunikasi visualDesain komunikasi visual
Desain komunikasi visual
iwan setiawan
 
Rundown acara festival baduy 2016
Rundown acara festival baduy 2016Rundown acara festival baduy 2016
Rundown acara festival baduy 2016
Aji Sahdi Sutisna
 
Soal uts technopreneurship
Soal uts technopreneurshipSoal uts technopreneurship
Soal uts technopreneurship
Masriani Situmorang
 
Power point manajemen rapat
Power point manajemen rapatPower point manajemen rapat
Power point manajemen rapatainichristiansah
 
Ruang lingkup
Ruang lingkupRuang lingkup
Ruang lingkup
Fajar Baskoro
 
Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)
Area Pratama
 
PM Risk management plan
PM Risk management planPM Risk management plan
PM Risk management plan
Bagus Wahyu
 
Program Kerja
Program KerjaProgram Kerja
Program Kerja
Husaeri Priatna
 
Proposal sponsorship civfest
Proposal sponsorship civfestProposal sponsorship civfest
Proposal sponsorship civfest
Ihsan Muhamad
 
contoh proposal kewirausahaan
contoh proposal kewirausahaancontoh proposal kewirausahaan
contoh proposal kewirausahaan
RISA ANDRIANI
 
Materi STS 1-Seni Rupa kls 5.pdf
Materi STS 1-Seni Rupa kls 5.pdfMateri STS 1-Seni Rupa kls 5.pdf
Materi STS 1-Seni Rupa kls 5.pdf
Miss OO
 
POWER OF COMMUNICATION
POWER OF COMMUNICATIONPOWER OF COMMUNICATION
Entrepreneur ppt
Entrepreneur pptEntrepreneur ppt
Entrepreneur ppt
Fariz Mido
 
BAHASA VISUAL
BAHASA VISUALBAHASA VISUAL

What's hot (20)

Media Visual (matakuliah media BK)
Media Visual (matakuliah media BK)Media Visual (matakuliah media BK)
Media Visual (matakuliah media BK)
 
Job desk seminar
Job desk seminarJob desk seminar
Job desk seminar
 
Pelatihan public speaking
Pelatihan public speakingPelatihan public speaking
Pelatihan public speaking
 
Desain komunikasi visual
Desain komunikasi visualDesain komunikasi visual
Desain komunikasi visual
 
Rundown acara festival baduy 2016
Rundown acara festival baduy 2016Rundown acara festival baduy 2016
Rundown acara festival baduy 2016
 
Soal uts technopreneurship
Soal uts technopreneurshipSoal uts technopreneurship
Soal uts technopreneurship
 
Power point manajemen rapat
Power point manajemen rapatPower point manajemen rapat
Power point manajemen rapat
 
Ruang lingkup
Ruang lingkupRuang lingkup
Ruang lingkup
 
Event organizer
Event organizerEvent organizer
Event organizer
 
Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)Contoh Laporan Tugas Akhir (TA)
Contoh Laporan Tugas Akhir (TA)
 
PM Risk management plan
PM Risk management planPM Risk management plan
PM Risk management plan
 
Program Kerja
Program KerjaProgram Kerja
Program Kerja
 
Tata cara persidangan
Tata cara persidanganTata cara persidangan
Tata cara persidangan
 
Proposal sponsorship civfest
Proposal sponsorship civfestProposal sponsorship civfest
Proposal sponsorship civfest
 
POWERPOINT OTOMATISASI KANTOR
POWERPOINT OTOMATISASI KANTORPOWERPOINT OTOMATISASI KANTOR
POWERPOINT OTOMATISASI KANTOR
 
contoh proposal kewirausahaan
contoh proposal kewirausahaancontoh proposal kewirausahaan
contoh proposal kewirausahaan
 
Materi STS 1-Seni Rupa kls 5.pdf
Materi STS 1-Seni Rupa kls 5.pdfMateri STS 1-Seni Rupa kls 5.pdf
Materi STS 1-Seni Rupa kls 5.pdf
 
POWER OF COMMUNICATION
POWER OF COMMUNICATIONPOWER OF COMMUNICATION
POWER OF COMMUNICATION
 
Entrepreneur ppt
Entrepreneur pptEntrepreneur ppt
Entrepreneur ppt
 
BAHASA VISUAL
BAHASA VISUALBAHASA VISUAL
BAHASA VISUAL
 

More from Atika Rusli

Riset Ekologi Media
Riset Ekologi MediaRiset Ekologi Media
Riset Ekologi Media
Atika Rusli
 
Komunikasi organisasi dan motivasi
Komunikasi organisasi dan motivasiKomunikasi organisasi dan motivasi
Komunikasi organisasi dan motivasi
Atika Rusli
 
Riset media
Riset mediaRiset media
Riset media
Atika Rusli
 
Sistem pers (1)
Sistem pers (1)Sistem pers (1)
Sistem pers (1)
Atika Rusli
 
Hipotesis
HipotesisHipotesis
Hipotesis
Atika Rusli
 
Distorsi pesan
Distorsi pesanDistorsi pesan
Distorsi pesan
Atika Rusli
 
Jaringan komunikasi
Jaringan komunikasiJaringan komunikasi
Jaringan komunikasi
Atika Rusli
 
Aliran informasi dalam organisasi
Aliran informasi dalam organisasiAliran informasi dalam organisasi
Aliran informasi dalam organisasi
Atika Rusli
 
Audience profil research
Audience profil researchAudience profil research
Audience profil research
Atika Rusli
 
Dimensi kognitif riset periklanan
Dimensi kognitif riset periklananDimensi kognitif riset periklanan
Dimensi kognitif riset periklanan
Atika Rusli
 
Perencanaan dan strategi dalam komunikasi pembangunan
Perencanaan dan strategi dalam komunikasi pembangunanPerencanaan dan strategi dalam komunikasi pembangunan
Perencanaan dan strategi dalam komunikasi pembangunan
Atika Rusli
 
Partisipasi Masyarakat dalam Pembangunan
Partisipasi Masyarakat dalam PembangunanPartisipasi Masyarakat dalam Pembangunan
Partisipasi Masyarakat dalam Pembangunan
Atika Rusli
 
Fasilitator dan Penerima Manfaat dalam Komunikasi Pembangunan
Fasilitator dan Penerima Manfaat dalam Komunikasi PembangunanFasilitator dan Penerima Manfaat dalam Komunikasi Pembangunan
Fasilitator dan Penerima Manfaat dalam Komunikasi Pembangunan
Atika Rusli
 
Outdoor Graphic Design
Outdoor Graphic DesignOutdoor Graphic Design
Outdoor Graphic Design
Atika Rusli
 
Mitos Komunikasi dan Pembangunan
Mitos Komunikasi dan PembangunanMitos Komunikasi dan Pembangunan
Mitos Komunikasi dan Pembangunan
Atika Rusli
 
Metode dan teknik komunikasi dalam penyuluhan
Metode dan teknik komunikasi dalam penyuluhanMetode dan teknik komunikasi dalam penyuluhan
Metode dan teknik komunikasi dalam penyuluhan
Atika Rusli
 
Studi Teoritis Komunikasi Pembangunan
Studi Teoritis Komunikasi PembangunanStudi Teoritis Komunikasi Pembangunan
Studi Teoritis Komunikasi Pembangunan
Atika Rusli
 
Cyber extension communication
Cyber extension communicationCyber extension communication
Cyber extension communication
Atika Rusli
 
Pengenalan Aplikasi Desain Grafis
Pengenalan Aplikasi Desain GrafisPengenalan Aplikasi Desain Grafis
Pengenalan Aplikasi Desain Grafis
Atika Rusli
 
Prinsip dan Elemen Desain Grafis
Prinsip dan Elemen Desain GrafisPrinsip dan Elemen Desain Grafis
Prinsip dan Elemen Desain Grafis
Atika Rusli
 

More from Atika Rusli (20)

Riset Ekologi Media
Riset Ekologi MediaRiset Ekologi Media
Riset Ekologi Media
 
Komunikasi organisasi dan motivasi
Komunikasi organisasi dan motivasiKomunikasi organisasi dan motivasi
Komunikasi organisasi dan motivasi
 
Riset media
Riset mediaRiset media
Riset media
 
Sistem pers (1)
Sistem pers (1)Sistem pers (1)
Sistem pers (1)
 
Hipotesis
HipotesisHipotesis
Hipotesis
 
Distorsi pesan
Distorsi pesanDistorsi pesan
Distorsi pesan
 
Jaringan komunikasi
Jaringan komunikasiJaringan komunikasi
Jaringan komunikasi
 
Aliran informasi dalam organisasi
Aliran informasi dalam organisasiAliran informasi dalam organisasi
Aliran informasi dalam organisasi
 
Audience profil research
Audience profil researchAudience profil research
Audience profil research
 
Dimensi kognitif riset periklanan
Dimensi kognitif riset periklananDimensi kognitif riset periklanan
Dimensi kognitif riset periklanan
 
Perencanaan dan strategi dalam komunikasi pembangunan
Perencanaan dan strategi dalam komunikasi pembangunanPerencanaan dan strategi dalam komunikasi pembangunan
Perencanaan dan strategi dalam komunikasi pembangunan
 
Partisipasi Masyarakat dalam Pembangunan
Partisipasi Masyarakat dalam PembangunanPartisipasi Masyarakat dalam Pembangunan
Partisipasi Masyarakat dalam Pembangunan
 
Fasilitator dan Penerima Manfaat dalam Komunikasi Pembangunan
Fasilitator dan Penerima Manfaat dalam Komunikasi PembangunanFasilitator dan Penerima Manfaat dalam Komunikasi Pembangunan
Fasilitator dan Penerima Manfaat dalam Komunikasi Pembangunan
 
Outdoor Graphic Design
Outdoor Graphic DesignOutdoor Graphic Design
Outdoor Graphic Design
 
Mitos Komunikasi dan Pembangunan
Mitos Komunikasi dan PembangunanMitos Komunikasi dan Pembangunan
Mitos Komunikasi dan Pembangunan
 
Metode dan teknik komunikasi dalam penyuluhan
Metode dan teknik komunikasi dalam penyuluhanMetode dan teknik komunikasi dalam penyuluhan
Metode dan teknik komunikasi dalam penyuluhan
 
Studi Teoritis Komunikasi Pembangunan
Studi Teoritis Komunikasi PembangunanStudi Teoritis Komunikasi Pembangunan
Studi Teoritis Komunikasi Pembangunan
 
Cyber extension communication
Cyber extension communicationCyber extension communication
Cyber extension communication
 
Pengenalan Aplikasi Desain Grafis
Pengenalan Aplikasi Desain GrafisPengenalan Aplikasi Desain Grafis
Pengenalan Aplikasi Desain Grafis
 
Prinsip dan Elemen Desain Grafis
Prinsip dan Elemen Desain GrafisPrinsip dan Elemen Desain Grafis
Prinsip dan Elemen Desain Grafis
 

Typografi dan Warna

  • 2. Mengenal Typografi Ilmu memilih & menata huruf sesuai pengaturannya pada ruang-ruang yang tersedia guna menciptakan kesan tertentu, sehingga pembaca mendapat kenyamanan membaca semaksimal mungkin Seni typografi : karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama
  • 4. Anatomi Bentuk Huruf  = basic stroke secondary stroke (s) rrserif terminal stem Keterangan: • stroke: goresan-goresan • basic stroke: goresan pertama • serif: tangkai/hiasan • terminal: ujung
  • 6. Karakteristik Huruf KAPITAL mengekspresikan hal penting atau ingin ditonjolkan, namun jika digunakan pada seluruh teks akan menyulitkan mata untuk dapat membaca dengan lancar, sehingga urat mata menjadi cepat lelah dan jenuh italic akan menarik mata, namun jika terlalu banyak akan sulit dibaca. biasa digunakan jika ada kata asing bold akan mengundang perhatian, namun terlalu banyak akan mengaburkan fokus pada makna teks. bisa dipakai pada judul/sub judul underline menandakan adanya sesuatu yang penting. biasa dipakai pada hyperlink di web berwarna cara membedakan teks dapat menggunakan warna
  • 7. Hal yang harus dihindari Menggunakan font yang terlalu banyak Menggunakan font yang terlalu mirip Tidak cukup kontras Flat Curlz MT Bernard MT Condensed Algerian Edwadian Script Aharoni algerian Bauhaus Times New Roman Georgia kontras flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat flat
  • 12. Kombinasi Warna Paduan warna secara analogus Paduan warna secara monokromatik Kombinasi dari warna- warna terdekat • Biru-ungu, ungu, dan merah ungu • Merah, merah jingga, dan jingga • Kuning, kuning-jingga, dan jingga Perpaduan beberapa warna yang bersumber dari satu warna dengan nilai dan intensitas berbeda. • Biru, biru muda, dan biru tua • Merah, merah tua, dan merah muda
  • 13. Psikologi Warna Warna Respon Psikologis Merah Power, energi, kehangatan, cinta, nafsu, agresi, bahaya Biru Kepercayaan, konservatif, keamanan, teknologi, kebersihan, keteraturan Hijau Alami, sehat, keberuntungan, pembaruan Kuning Optimis, harapan, filosofi, ketidakjujuran, pengecut (untuk budaya barat), penghianatan Ungu/ Jingga Spritual, misteri, kebangsawanan, transformasi, kekasaran, keangkuhan Orange Energy, keseimbangan, kehangatan Coklat Tanah/bumi, reliability, comfort, daya tahan Abu-abu Intelek, masa depan (seperti warna milenium), kesederhanaan, kesedihan Putih Kesucian, kebersihan, ketepatan, ketidakbersalahan, steril, kematian Hitam Power, seksualitas, kecanggihan, kematian, misteri, ketakutan, kesedihan, keanggunan
  • 14. RGB & CMYK Red-Green-Blue Penginderaan dan presentasi gambar dalam tampilan visual elektronik (komputer/ tv/fotografi). Difungsikan untuk tampilan di monitor dengan latar hitam Cyan-Magenta- Yellow-blacK Warna yang dikenal dalam proses printing dan percetakan. Digunakan untuk tampil seimbang dengan latar putih dari bahan cetak (kertas dll)
  • 15. Wibowo, IT. 2015. Belajar Desain Grafis. Yogyakarta: Nootebook Sumber