SlideShare a Scribd company logo
1 of 15
Download to read offline
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

It ctt diagram
It ctt diagramIt ctt diagram
It ctt diagramMn Hidayat
 
Tabel, Grafik, Diagram dan Bagan
Tabel, Grafik, Diagram dan BaganTabel, Grafik, Diagram dan Bagan
Tabel, Grafik, Diagram dan BaganDwi Firli Ashari
 
Cold and hot working
Cold and hot workingCold and hot working
Cold and hot workingFeliks Sitopu
 
Studi gerakan
Studi gerakanStudi gerakan
Studi gerakanISTA
 
Perumusan Masalah dan Hipotesis Penelitian
Perumusan Masalah dan Hipotesis PenelitianPerumusan Masalah dan Hipotesis Penelitian
Perumusan Masalah dan Hipotesis PenelitianSiti Sahati
 
pengenalan dan pengoperasian mesin CNC
pengenalan dan pengoperasian mesin CNC pengenalan dan pengoperasian mesin CNC
pengenalan dan pengoperasian mesin CNC Hettyk Sari
 
Penelitian kuantitatif dan kualitatif
Penelitian kuantitatif dan kualitatifPenelitian kuantitatif dan kualitatif
Penelitian kuantitatif dan kualitatifElza Oktaviani Silaen
 
Prototyping and Spiral Method
Prototyping and Spiral MethodPrototyping and Spiral Method
Prototyping and Spiral MethodDeza Qholby
 
Sistematika Makalah
Sistematika MakalahSistematika Makalah
Sistematika Makalahalsalcunsoed
 
Metodologi Penelitian (10) konsep dasar penelitian
Metodologi Penelitian (10) konsep dasar penelitianMetodologi Penelitian (10) konsep dasar penelitian
Metodologi Penelitian (10) konsep dasar penelitianjayamartha
 
KONSEP DASAR MONITORING DAN EVALUASI PPT.pptx
KONSEP DASAR MONITORING DAN EVALUASI PPT.pptxKONSEP DASAR MONITORING DAN EVALUASI PPT.pptx
KONSEP DASAR MONITORING DAN EVALUASI PPT.pptxheddypetra1
 

What's hot (20)

It ctt diagram
It ctt diagramIt ctt diagram
It ctt diagram
 
Diagram ttt
Diagram tttDiagram ttt
Diagram ttt
 
Tabel, Grafik, Diagram dan Bagan
Tabel, Grafik, Diagram dan BaganTabel, Grafik, Diagram dan Bagan
Tabel, Grafik, Diagram dan Bagan
 
Ppt toleransi linier dan toleransi sudut
Ppt toleransi linier dan toleransi sudutPpt toleransi linier dan toleransi sudut
Ppt toleransi linier dan toleransi sudut
 
(2)analisa tegangan
(2)analisa tegangan(2)analisa tegangan
(2)analisa tegangan
 
Cold and hot working
Cold and hot workingCold and hot working
Cold and hot working
 
Studi gerakan
Studi gerakanStudi gerakan
Studi gerakan
 
Perumusan Masalah dan Hipotesis Penelitian
Perumusan Masalah dan Hipotesis PenelitianPerumusan Masalah dan Hipotesis Penelitian
Perumusan Masalah dan Hipotesis Penelitian
 
Siklus diesel
Siklus dieselSiklus diesel
Siklus diesel
 
Work sampling
Work samplingWork sampling
Work sampling
 
Paper review
Paper reviewPaper review
Paper review
 
pengenalan dan pengoperasian mesin CNC
pengenalan dan pengoperasian mesin CNC pengenalan dan pengoperasian mesin CNC
pengenalan dan pengoperasian mesin CNC
 
Uji-T
Uji-TUji-T
Uji-T
 
Penelitian kuantitatif dan kualitatif
Penelitian kuantitatif dan kualitatifPenelitian kuantitatif dan kualitatif
Penelitian kuantitatif dan kualitatif
 
Prototyping and Spiral Method
Prototyping and Spiral MethodPrototyping and Spiral Method
Prototyping and Spiral Method
 
Sistematika Makalah
Sistematika MakalahSistematika Makalah
Sistematika Makalah
 
Metodologi Penelitian (10) konsep dasar penelitian
Metodologi Penelitian (10) konsep dasar penelitianMetodologi Penelitian (10) konsep dasar penelitian
Metodologi Penelitian (10) konsep dasar penelitian
 
KONSEP DASAR MONITORING DAN EVALUASI PPT.pptx
KONSEP DASAR MONITORING DAN EVALUASI PPT.pptxKONSEP DASAR MONITORING DAN EVALUASI PPT.pptx
KONSEP DASAR MONITORING DAN EVALUASI PPT.pptx
 
Ppt PROPOSAL PENELITIAN
Ppt PROPOSAL PENELITIANPpt PROPOSAL PENELITIAN
Ppt PROPOSAL PENELITIAN
 
Statistika Deskriptif - Distribusi Normal
Statistika Deskriptif - Distribusi NormalStatistika Deskriptif - Distribusi Normal
Statistika Deskriptif - Distribusi Normal
 

More from Atika Rusli

Riset Ekologi Media
Riset Ekologi MediaRiset Ekologi Media
Riset Ekologi MediaAtika Rusli
 
Komunikasi organisasi dan motivasi
Komunikasi organisasi dan motivasiKomunikasi organisasi dan motivasi
Komunikasi organisasi dan motivasiAtika Rusli
 
Jaringan komunikasi
Jaringan komunikasiJaringan komunikasi
Jaringan komunikasiAtika Rusli
 
Aliran informasi dalam organisasi
Aliran informasi dalam organisasiAliran informasi dalam organisasi
Aliran informasi dalam organisasiAtika Rusli
 
Audience profil research
Audience profil researchAudience profil research
Audience profil researchAtika Rusli
 
Dimensi kognitif riset periklanan
Dimensi kognitif riset periklananDimensi kognitif riset periklanan
Dimensi kognitif riset periklananAtika Rusli
 
Perencanaan dan strategi dalam komunikasi pembangunan
Perencanaan dan strategi dalam komunikasi pembangunanPerencanaan dan strategi dalam komunikasi pembangunan
Perencanaan dan strategi dalam komunikasi pembangunanAtika Rusli
 
Partisipasi Masyarakat dalam Pembangunan
Partisipasi Masyarakat dalam PembangunanPartisipasi Masyarakat dalam Pembangunan
Partisipasi Masyarakat dalam PembangunanAtika 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 PembangunanAtika Rusli
 
Outdoor Graphic Design
Outdoor Graphic DesignOutdoor Graphic Design
Outdoor Graphic DesignAtika Rusli
 
Mitos Komunikasi dan Pembangunan
Mitos Komunikasi dan PembangunanMitos Komunikasi dan Pembangunan
Mitos Komunikasi dan PembangunanAtika Rusli
 
Metode dan teknik komunikasi dalam penyuluhan
Metode dan teknik komunikasi dalam penyuluhanMetode dan teknik komunikasi dalam penyuluhan
Metode dan teknik komunikasi dalam penyuluhanAtika Rusli
 
Studi Teoritis Komunikasi Pembangunan
Studi Teoritis Komunikasi PembangunanStudi Teoritis Komunikasi Pembangunan
Studi Teoritis Komunikasi PembangunanAtika Rusli
 
Cyber extension communication
Cyber extension communicationCyber extension communication
Cyber extension communicationAtika Rusli
 
Pengenalan Aplikasi Desain Grafis
Pengenalan Aplikasi Desain GrafisPengenalan Aplikasi Desain Grafis
Pengenalan Aplikasi Desain GrafisAtika Rusli
 
Prinsip dan Elemen Desain Grafis
Prinsip dan Elemen Desain GrafisPrinsip dan Elemen Desain Grafis
Prinsip dan Elemen Desain GrafisAtika 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