Download - t5 Asas Grafik 2012
KONSEP ASAS GRAFIK
Apakah maksud grafik?
• Kombinasi gambar, lakaran, lukisan, huruf,
angka, lambang, perkataan atau citra yang
menjadi satu media pengajaran untuk memberi
dan menterjemahkan konsep atau idea
• Suatu bentuk komunikasi visual yang
menggunakan teks atau gambar untuk
menyampaikan informasi atau mesej
Fungsi Visual
Visual hanya akan berfungsi dengan baik sekiranya
mempunyai ciri-ciri berikut:
mudah dan jelas
bermesej (sesuai mengikut peringkat umur)
mendorong interaksi yang aktif
membantu memfokuskan perhatian (dengan
isi pelajaran).
4.2 Elemen Reka Bentuk Visual
Elemen
Grafik
Garis
Ruang
Permukaan Titik
Huruf
Bentuk
Contoh penggunaan garisan;
Garisan tegak
Garisan melintangt Garisan condong
Garisan tegak
… Prinsip Reka Bentuk Visual
Beri pendapat anda
Warna
Warna terbahagi kepada 2
kumpulan yang besar iaitu:
Kromatik Akromatik
Hiu
Valiu
Kroma Valiu Kroma
WARNA
1. Kromatik.
- Hiu – warna yang khusus seperti merah, biru dsb
- Valiu – sejauh mana gelap atau cerahnya sesuatu warna.
- Kroma – kekuatan atau intensiti sesuatu warna.
2. Akromatik.
- Valiu – sejauh mana gelap atau cerahnya sesuatu
warna.
- Kroma – kekuatan atau intensiti sesuatu warna.
… Warna
Pigmen – bahan yang memberi warna
kepada objek. Terdapat 4 jenis pigmen
warna:
warna utama
warna sekunder
warna pertengahan
warna tertiar
… Warna Utama
Warna asas
biru
kuning merah
… Warna Sekunder
hasil campuran 2 warna utama
Warna asas
biru
kuning merah
jingga
… Warna Pertengahan
campuran warna sekunder dengan warna
utama bersebelahan
Hasilnya dinamakan mengikut
warna ibu bapa.
Contoh, kuning hijau.
… Warna Tertiar
campuran 2 warna sekunder. Contoh,
oren dan ungu.
Pemilihan Warna
Fungsi
warna
Membuat penegasan / tumpuan
Memudahkan item dilihat (tindanan
positif, tindanan negatif)
Perasaan harmoni (selesa, tenteram)
Melahirkan kesan tertentu (w.panas,
w.sejuk, psikologi
Warna PANAS
Warna SEJUK
Warna Psikologi
Warna yang ada kaitan dengan budaya
masyarakat setempat. Contohnya merah bagi
kaum cina, ketika menyambut perayaan tahun
baru.
Huruf
7 perkara yang perlu diberi pertimbangan:
Stail huruf
Bilangan Stail huruf
Warna huruf
HuRuF bEsAr dAn hUrUf KeCiL
… huruf
… 7 perkara yang perlu diberi pertimbangan:
J a ra k an ta ra hu r uf
Saiz huruf
Jarak antara
baris
CADANGAN PEMILIHAN HURUF
• Pilih jenis huruf yang senang dibaca.
• Guna huruf besar hanya untuk tajuk yang pendek
• Tajuk yang panjang gunakan huruf kecil dengan huruf besarnya yang tertentu.
• Jarak di antara dua perkataan ialah 1
atau 1 ½ lebar huruf.
* Jarakkan huruf dengan penglihatan. biarkan ruang di antara huruf kelihatan sama walaupun jaraknya berbeza.
HURUF
WARNA
L/BELAKANG
WARNA HURUF
PUTIH Merah,hijau,biru,hitam,coklat, ungu
KUNING Merah,biru,hitam,coklat,hijau
BIRU MUDA Kuning,coklat,ungu,hitam,biru tua,merah
BIRU TUA Merah,hijau,kuning,putih
HIJAU MUDA Coklat,merah,hitam
HIJAU TUA Hitam,putih,kuning
MERAH MUDA Hijau,hitam,biru
MERAH TUA Hijau,putih,kuning
WARNA
SAIZ DAN JENIS HURUF KOMPUTER BAGI
BAHAN TAYANG
Bahan Saiz Huruf
(minimum)
Jenis Huruf
Slaid 18 poin
Arial (Sans serif)
Times New Roman (Serif)
Transparensi 18 poin Arial (Sans serif)
Times New Roman (Serif)
Video 30 poin Arial (Sans serif)
Times New Roman (Serif)
Power point 20 poin Arial (Sans serif)
Times New Roman (Serif)
© 2001Prof. Madya Dr.Yusup Hashim
Jenis huruf
• Jenis huruf akan menentukan sama ada visual
tersebut dapat di baca dengan mudah atau tidak
• Jenis/stail huruf :
Roman (Contoh: Roman)
Gotik (Contoh: Gotik)
Sambung atau cursive (Contoh: Sambung)
Teks (Contoh: Teks)
Novelti (Contoh: Novelti)
* 3 jenis maksimum
Bersama…
CONTRAST
Warna
Imej
Tipografi (font)
[ Adakan kontras yang jelas ]
Warna
Imej
Tipografi (font)
ALIGNMENT
Teks1
Imej-imej
Teks2
[ Adakan susunan yang sejajar ]
Teks1
Imej-imej
Teks2
[ Permudahkan persembahan ]
PROXIMITY
Jarak Antara Teks
Jarak antara grafik
Jarak antara teks dan grafik
[ Adakan jarak yang sesuai antara objek ]
Jarak Antara Teks
Jarak antara grafik
Jarak antara teks dan grafik
[ Adakan satu item utama ]
REPETITION
Ketekalan warna
Mata huruf yang piawai
Imej dan bentuk yang berkaitan
[ Gunakan ulangan di mana perlu ]
Ketekalan warna
Mata huruf yang piawai
Imej dan bentuk yang berkaitan
Always remember CASPER….
SOALAN AMALI:
DENGAN MENGAPLIKASIKAN
PRINSIP REKA LETAK VISUAL, BINA
SATU POSTER BERTEMAKAN ALAM
SEKITAR.
Rumusan
Visual yang berkualiti akan
menyemai nilai estetika di
kalangan murid / pelajar dan ini
akan menimbulkan disiplin yang
positif kepada mereka.