Dokumen tersebut membahas konsep grafik dan tipografi, termasuk definisi grafik, jenis-jenis grafik, unsur-unsur reka letak grafik, dan jenis-jenis huruf."

1. TAJUK 2
KONSEP ASAS GRAFIK:
MENGHASIL BAHAN GRAFIK
YANG BAIK

2. KANDUNGAN
Prinsip reka letak grafik
Tipografi
Kesimpulan
Bibliografi
1
2
3
4
5
6

3. KONSEPKONSEP
Grafik ialah kombinasi gambar, lambang,
simbol, huruf, angka, perkataan, lukisan,
lakaran yang menjadi satu media
pengajaran untuk memberikan dan
menterjemahkan konsep atau idea
daripada penhantar kepada penerima
maklumat
Grafik ialah kombinasi gambar, lambang,
simbol, huruf, angka, perkataan, lukisan,
lakaran yang menjadi satu media
pengajaran untuk memberikan dan
menterjemahkan konsep atau idea
daripada penhantar kepada penerima
maklumat

4. Kronologi grafik dalam pendidikan :Kronologi grafik dalam pendidikan :
Pengenalan awal grafikPengenalan awal grafik Media cetak
BukuBuku
MajalahMajalah
BrosurBrosur
KONSEP

5. Kronologi grafik dalam pendidikan :Kronologi grafik dalam pendidikan :
Grafik sekarang Media
elektronik
Grafik
interaktif
Grafik
interaktif
Grafik
multimedia
Grafik
multimedia
KONSEP

6. Perisian atau aplikasi yang berasaskan
dan menggabungkan sekurang-kurangnya
2 / lebih daripada media iaitu teks, grafik,
animasi, audio dan video.
Perisian atau aplikasi yang berasaskan
dan menggabungkan sekurang-kurangnya
2 / lebih daripada media iaitu teks, grafik,
animasi, audio dan video.
Multimedia :
Multimedia yang
interaktif :
Aplikasi multimedia yang
membolehkan pengguna berinteraksi
dengan aplikasi tersebut melalui
peranti input seperti mouse dan
keyboard.
Aplikasi multimedia yang
membolehkan pengguna berinteraksi
dengan aplikasi tersebut melalui
peranti input seperti mouse dan
keyboard.
KONSEP

7. Bagi membangunkan perisian grafik
interaktif dan multimedia, ianya
memerlukan pengetahuan
pengaturcaraan, daya kecekapan
menggunakan perisian, perkakasan dan
aksesori juga amat penting.
Bagi membangunkan perisian grafik
interaktif dan multimedia, ianya
memerlukan pengetahuan
pengaturcaraan, daya kecekapan
menggunakan perisian, perkakasan dan
aksesori juga amat penting.
Bagi membangunkan perisian grafik
interaktif dan multimedia, ianya
memerlukan pengetahuan pengaturcaraan,
daya kecekapan menggunakan perisian,
perkakasan dan aksesori juga amat
penting.
Bagi membangunkan perisian grafik
interaktif dan multimedia, ianya
memerlukan pengetahuan pengaturcaraan,
daya kecekapan menggunakan perisian,
perkakasan dan aksesori juga amat
penting.
KONSEPKONSEP

8. Elemen Asas Reka Letak Grafik

9. Menandakan sesuatu kedudukan dalam ruangMenandakan sesuatu kedudukan dalam ruang
Tidak mempunyai ukuran panjang dan
lebar
Tidak mempunyai ukuran panjang dan
lebar
StatikStatik Pusat sesuatu unsurPusat sesuatu unsur
Tidak mempunyai arahTidak mempunyai arah Relatif bebasRelatif bebas
Penggunaan titik secara kreatif dapat melahirkan pelbagai perasaan kepada
audiens
Penggunaan titik secara kreatif dapat melahirkan pelbagai perasaan kepada
audiens
Titik-titik yang bersambung akan mengarahkan penglihatan mata.
Boleh mensipta ilusi tona dan warna pada sesuatu visual apabila
diletakkan sebelah menyebelah dengan banyak
Elemen yang paling mudahElemen yang paling mudah Penggerak utama sesuatu bentukPenggerak utama sesuatu bentuk
Ini akan mencetuskan perubahan perasaan dan imbangan

10.  Satu elemen yang paling ringkas dan amat mustahak. Tanpanya tidak
akan wujud gambaran objek, manusia, suasana dll.
 Bentuk 2D (cth: lakaran pensel) dan 3D (cth: piramid)
 Fungsi:
1. Menunjukkan pergerakan / arah
2. Suasana aman / ganas
3. Menggambarkan kemegahan
4. Menggambarkan kekusutan
5. Melukis objek / benda
6. Menghubungkan satu-satu elemen
 Satu elemen yang paling ringkas dan amat mustahak. Tanpanya tidak
akan wujud gambaran objek, manusia, suasana dll.
 Bentuk 2D (cth: lakaran pensel) dan 3D (cth: piramid)
 Fungsi:
1. Menunjukkan pergerakan / arah
2. Suasana aman / ganas
3. Menggambarkan kemegahan
4. Menggambarkan kekusutan
5. Melukis objek / benda
6. Menghubungkan satu-satu elemen

11.  Sesuatu permukaan boleh dirawat dengan memberi warna dan
tekstur.
 Permukaan yang kasar atau licin akan memberi kesan ke atas
rupa garisan yang dibuat di atasnya.
 Warna: garisan pada papan hijau kurang jelas berbanding
garisan pada papan putih
 Tekstur: permukaan yang kasar memberi kesan yang kasar
berbanding permukaan licin.
 Contoh permukaan:
 Sesuatu permukaan boleh dirawat dengan memberi warna dan
tekstur.
 Permukaan yang kasar atau licin akan memberi kesan ke atas
rupa garisan yang dibuat di atasnya.
 Warna: garisan pada papan hijau kurang jelas berbanding
garisan pada papan putih
 Tekstur: permukaan yang kasar memberi kesan yang kasar
berbanding permukaan licin.
 Contoh permukaan:

12. Bentuk 2D (Shape)
 Bentuk dua dimensi mempunyai hanya dimensi panjang dan lebar
seperti sekeping kertas.
 3 jenis bentuk 2D:
Geometri
Abstrak
Bentuk Gambaran

13. Bentuk 3D (Form)Bentuk 3D (Form)
 Bentuk tiga dimensi mempunyai dimensi panjang, lebar
dan tinggi. Ia boleh didapati dalam dua kategori:
 3D Sebenar: bahan sebenar yang mempunyai dimensi
panjang, lebar dan tinggi.
 3D Tiruan: kelihatan seolah-olah mempunyai dimensi
panjang, lebar dan tinggi atau tebal (gambar foto dan
lukisan yang diberi bayang).
 Bentuk tiga dimensi mempunyai dimensi panjang, lebar
dan tinggi. Ia boleh didapati dalam dua kategori:
 3D Sebenar: bahan sebenar yang mempunyai dimensi
panjang, lebar dan tinggi.
 3D Tiruan: kelihatan seolah-olah mempunyai dimensi
panjang, lebar dan tinggi atau tebal (gambar foto dan
lukisan yang diberi bayang).

14. 3D Sebenar
3D Tiruan

15.  Ruang adalah keluasan yang disediakan bagi
sesuatu visual, sama ada sebesar kertas A4,
kertas manila mahupun seluas padang bola.
 Ruang terbahagi kepada dua jenis:
 Ruang Positif – ruang yang digunakan.
 Ruang Negatif – ruang yang kosong.
 Ruang perlu digunakan secara seimbang antara
positif dan negatif agar komposisi visual kelihatan
cantik dan menarik.
 Ruang adalah keluasan yang disediakan bagi
sesuatu visual, sama ada sebesar kertas A4,
kertas manila mahupun seluas padang bola.
 Ruang terbahagi kepada dua jenis:
 Ruang Positif – ruang yang digunakan.
 Ruang Negatif – ruang yang kosong.
 Ruang perlu digunakan secara seimbang antara
positif dan negatif agar komposisi visual kelihatan
cantik dan menarik.

16. Ruang Negatif
Ruang positif

18. Fungsi
Membuat penegasan
&
mewujudkan tumpuan
Memudahkan sesuatu
item dilihat
Mewujudkan perasaan
harmoni
Melahirkan kesan
tertentu

19. Membuat Penegasan dan Mewujudkan TumpuanMembuat Penegasan dan Mewujudkan Tumpuan
Latar belakang Latar Depan, Imej dan Teks Highlights
Putih Biru gelap Merah, oren
Kelabu cerah Biru, hijau, hitam Merah
Biru muda Biru gelap, hijau gelap Merah, oren
Kuning muda Ungu, coklat Merah
 Warna yang digunakan dapat menegaskan sesuatu elemen.
warna
 Penegasan dibuat menggunakan warna yang berbeza.
warnawarna warna warna

20. Memudahkan Sesuatu Item DilihatMemudahkan Sesuatu Item Dilihat
Tindihan warna dapat menjelaskan sesuatu item.
Warna subjek yang terang
diletakkan di atas latar
berwarna kontras.
Warna kontras yang lemah
menghasilkan gabungan
warna yang kelihatan sama.
Tindihan + Tindihan -
kunin
g
ungu
coklat
merah
merah
hijau
putih
kunin
g
putih
hitam

21. Mewujudkan Perasaan HarmoniMewujudkan Perasaan Harmoni
 Menggunakan warna analogus.
Analogus (warna yang terletak berhampiran
dalam roda warna).
 Contoh : Kuning, kuning hijau & hijau.
Merah, merah ungu & ungu.
 Penggabungan warna wujudkan perasaan
yang selesa & tenteram .

22. Melahirkan Kesan TertentuMelahirkan Kesan Tertentu
Kategori Warna
Warna PanasWarna Panas Warna SejukWarna Sejuk
Warna
Psikologi
Warna
Psikologi
Biru, ungu & hijau.
Kelembutan, kedamaian
& kesayuan
Merah, jingga & kuning.
Kedekatan, kegarangan
& kekuatan
Dipengaruhi budaya
masyarakat.
Merah=Tahun Baru
Cina

25. Contrast (kontras)
Prinsip kontras menyatakan bahawa jika dua item
tidak serupa, maka perbezaan hendaklah ditonjolkan
dengan ketara seperti warna hitam dengan warna
putih.
Kontras ada kaitan dengan imej, warna dan tipografi.
Contoh:
jadikan kontras antara fon jenis kecil dan besar
garis halus dengan garis kasar
warna sejuk dengan warna hangat
tekstur licin dengan tekstur kasar
garis berjauhan dengan garis berdekatan antara satu
sama lain

27. Imbangan Simetri Imbangan Tak Simetri

28. Simplicity (simplisiti)

29. Proximity (Jarak antara Objek)

30. Emphasis (penekanan)

31. Repetition (pengulangan)

32. Tipografi
Suatu ilmu dalam memilih dan menyusun
fon pada ruang-ruang yang tersedia untuk
mencipta kesan tertentu.
Memilih fon-fon yang sepadan dengan
paparan grafik adalah penting bagi
menyampaikan mesej kepada pelajar.
Tipografi ini dipertimbangakan kepada dua
perkara:
Stail fon Saiz fon

34. Roman/Serif
• CIRI-memiliki sirip/kaki/serif yang berbentuk lancip pada
hujungnya.
• KESAN-klasik, anggun, lemah gemalai dan feminin.
• APLIKASI-buku dan surat khabar
• KELEBIHAN- sifatnya yang tebal dan nipis, pantas
ditangkap oleh deria mata dan diterjemahkan oleh deria
otak kita walaupun secara sepintas lalu.
• CONTOH FON: Bookman Old Style, Century Schoolbook,
Georgia, Times New Roman

35. Bentuk fon serif
Sy Georgia SyBookman Old Style
Sy Times New Roman Sy Century Schoolbook

36. Sans serif
•CIRI- tidak mempunyai sirip/serif, memiliki
ketebalan huruf yang sama atau hampir sama.
•KESAN- moden, kontemporari dan efisien.
•KELEBIHAN- mudah dibaca dan sesuai.
•APLIKASI- poster, iklan dan notis pemberitahuan.
•
CONTOH FON: Arial, Gill Sans MT Sy

37. Skrip atau kursif
•CIRI- dihasilkan melalui goresan tangan dengan
menggunakan pen atau pensel yang tajam dan biasanya
miring ke kanan.
•KESAN- sifat peribadi dan akrab.
•KELEBIHAN- rupa fon bergaya, sukar dibaca tetapi
cantik.
•APLIKASI- kad ucapan, kad jemputan dan tajuk buku
klasik.
•CONTOH FON: Script Mt Bold, Lucida handwriting

38. Contoh-contoh fon skrip
Black Jack
(Script MT Bold)
Black Jack
(Lucida Handwriting)

39. Egyptian
• CIRI- kaki/sirip/serif yang berbentuk persegi
seperti papan dengan ketebalan yang sama
atau hampir sama.
• KESAN- kukuh, kuat dan stabil.
• CONTOH FON: Playbill
PENGAJARAN Pengajaran

40. Dekoratif
• CIRI- hiasan, ornamen atau garis-garis dekoratif
ditambah pada bentuk-bentuk fon yang sudah ada.
• KESAN- dekoratif dan ornamental.
• CONTOH FON: Jokerman, Curlz MT, Snap ITC
Pembelajaran
Pembelajaran
Pembelajaran

42. Contoh-contoh saiz fon
Teknologi Pengajaran 6
Teknologi Pengajaran 8
Teknologi Pengajaran 10
Teknologi Pengajaran 12
Teknologi Pengajaran 14
Teknologi Pengajaran 18
Teknologi Pengajaran 26
Teknologi Pengajaran 36
Teknologi Pengajaran 48
Teknologi Pengajaran 72

43. Cadangan Pemilihan Huruf
•Pilih jenis huruf yang mudah dibaca.
•Guna huruf besar hanya untuk tajuk yang pendek.
Bagi 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.

44. Prinsip Asas Penghurufan
• Gunakan antara 8 – 10 ayat dalam satu skrin/slaid.
• Gunakan jarak yang sesuai dan optikal.
• Gunakan huruf besar jika tajuk itu pendek (tidak
lebih daripada 3 perkataan)
• Gunakan huruf kecil bagi ayat atau teks.
• Tulis teks mengikut pola pergerakan mata. Dari
atas ke bawah atau dari kiri ke kanan.
• Format teks harus konsisten dari segi jenis dan
saiz fon, reka letak, warna dan lokasi.
• Jangan tulis terlalu banyak teks dalam satu skrin
atau slaid.

45. KESIMPULAN
Pengetahuan asas ini, pembaca dapat menghasilkan
pelbagai jenis bahan P&P yang memuatkan pelbagai jenis
penampilan grafik yang berkualiti dan berkesan kepada
pelajar tanpa mengabaikan nilai-nilai estetika.

46. RUJUKAN
IPIslam. (2011). Nota Prinsip Reka Letak. Diperoleh
pada 17 Julai 2011 daripada
http://ipislam.edu.my/kplir/O2003/nota_prinsiprekalet
ak.htm
Noriati A. Rashid et. al. (2009). Teknologi dalam
Pengajaran dan Pembelajaran. Shah Alam: Oxford
fajar Sdn. Bhd.
PPDHL. (2010). Persembahan Elektronik. Diperoleh
pada 16 Julai 2011 daripada
http://www.ppdhl.net/v2/images/fbfiles/files/topik4.p
df

47. Terima Kasih