t5 asas grafik 2012
TRANSCRIPT
![Page 1: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/1.jpg)
KONSEP ASAS GRAFIK
![Page 2: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/2.jpg)
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
![Page 3: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/3.jpg)
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).
![Page 4: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/4.jpg)
4.2 Elemen Reka Bentuk Visual
Elemen
Grafik
Garis
Ruang
Permukaan Titik
Huruf
Bentuk
![Page 5: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/5.jpg)
Contoh penggunaan garisan;
Garisan tegak
Garisan melintangt
Garisan condong
Garisan tegak
![Page 6: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/6.jpg)
… Prinsip Reka Bentuk Visual
Beri pendapat anda
![Page 7: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/7.jpg)
Warna
Warna terbahagi kepada 2
kumpulan yang besar iaitu:
Kromatik Akromatik
Hiu
Valiu
Kroma Valiu Kroma
![Page 8: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/8.jpg)
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.
![Page 9: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/9.jpg)
… Warna
Pigmen – bahan yang memberi warna
kepada objek. Terdapat 4 jenis pigmen
warna:
warna utama
warna sekunder
warna pertengahan
warna tertiar
![Page 10: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/10.jpg)
… Warna Utama
Warna asas
biru
kuning merah
![Page 11: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/11.jpg)
… Warna Sekunder hasil campuran 2 warna utama
Warna asas
biru
kuning merah
jingga
![Page 12: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/12.jpg)
… Warna Pertengahan
campuran warna sekunder dengan warna
utama bersebelahan
Hasilnya dinamakan mengikut
warna ibu bapa.
Contoh, kuning hijau.
![Page 13: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/13.jpg)
… Warna Tertiar
campuran 2 warna sekunder. Contoh,
oren dan ungu.
![Page 14: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/14.jpg)
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
![Page 15: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/15.jpg)
Warna PANAS
![Page 16: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/16.jpg)
Warna SEJUK
![Page 17: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/17.jpg)
Warna Psikologi
Warna yang ada kaitan dengan budaya
masyarakat setempat. Contohnya merah bagi
kaum cina, ketika menyambut perayaan tahun
baru.
![Page 18: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/18.jpg)
Huruf
7 perkara yang perlu diberi pertimbangan:
Stail huruf
Bilangan Stail huruf
Warna huruf
HuRuF bEsAr dAn hUrUf KeCiL
![Page 19: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/19.jpg)
… huruf
… 7 perkara yang perlu diberi pertimbangan:
J a ra k an ta ra hu r uf
Saiz huruf
Jarak antara
baris
![Page 20: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/20.jpg)
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
![Page 21: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/21.jpg)
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
![Page 22: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/22.jpg)
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
![Page 23: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/23.jpg)
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
![Page 24: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/24.jpg)
![Page 25: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/25.jpg)
Bersama…
![Page 26: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/26.jpg)
![Page 27: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/27.jpg)
CONTRAST
Warna
Imej
Tipografi (font)
![Page 28: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/28.jpg)
[ Adakan kontras yang jelas ]
Warna
Imej
Tipografi (font)
![Page 29: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/29.jpg)
ALIGNMENT
Teks1
Imej-imej
Teks2
![Page 30: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/30.jpg)
[ Adakan susunan yang sejajar ]
Teks1
Imej-imej
Teks2
![Page 31: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/31.jpg)
[ Permudahkan persembahan ]
![Page 32: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/32.jpg)
PROXIMITY
Jarak Antara Teks
Jarak antara grafik
Jarak antara teks dan grafik
![Page 33: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/33.jpg)
[ Adakan jarak yang sesuai antara objek ]
Jarak Antara Teks
Jarak antara grafik
Jarak antara teks dan grafik
![Page 34: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/34.jpg)
[ Adakan satu item utama ]
![Page 35: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/35.jpg)
REPETITION
Ketekalan warna
Mata huruf yang piawai
Imej dan bentuk yang berkaitan
![Page 36: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/36.jpg)
[ Gunakan ulangan di mana perlu ]
Ketekalan warna
Mata huruf yang piawai
Imej dan bentuk yang berkaitan
![Page 37: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/37.jpg)
Always remember CASPER….
![Page 38: T5 asas grafik 2012](https://reader035.vdocuments.pub/reader035/viewer/2022081720/5588238dd8b42acf458b45f4/html5/thumbnails/38.jpg)
Rumusan
Visual yang berkualiti akan
menyemai nilai estetika di
kalangan murid / pelajar dan ini
akan menimbulkan disiplin yang
positif kepada mereka.