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

Typografi dan Warna

  • 1.
  • 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
  • 3.
  • 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
  • 5.
  • 6.
    Karakteristik Huruf KAPITAL mengekspresikan halpenting 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 harusdihindari 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
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
    Kombinasi Warna Paduan warna secara analogus Paduanwarna 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 ResponPsikologis 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 Penginderaandan 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