Prinsip Komunikasi Visual

Prinsip komunikasi visual

Untuk menyediakan visual yang baik dalam

instruksi, guru harus pertimbangkan tiga elemen
reka bentuk visual berikut:

 1. Elemen Visual (Pilih jenis visual)

 2. Elemen Verbal (Pilih jenis huruf)
 3. Elemen yang menarik perhatian
(Kejutan, tektur, interaksi)

2
1. Elemen Visual

Terdapat tiga jenis visual:

 A. Visual realistik
 B. Visual analogik
 C. Visual organisasional

3
A. Visual realistik

 Lebih detail dan hampir serupa dengan bahan asal

 Mudah difahami tetapi boleh mengelirukan jika
pertama kali ditunjukkan kepada pelajar
 Sesuai untuk pelajar dewasa.
 Darjah atau kadar realisme visual menjadi kurang
berkesan jika visual a) terlalu realistik, atau b) terlalu
abstrak

4
Visual realistik Visual kurang realistik

5
 Kadar atau darjah realistik

Tinggi
Visual

Rendah

Tidak realistik Kesederahaan Sangat realistik

6
B. Visual analogik

 Meyampaikan konsep/topik secara

analogy
 Contoh: Visual sel putih melawan
jangkitan bakteria atau sistem solar
untuk menjelaskan komposisi atom

7
 Sistem solar
Sistem solar biasanya digunakan sebagai analogi visual
untuk menjelaskan komposisi sesuatu atom

Neutron

Proton Elektron

8
C. Visual organisasional

 Meliputi carta aliran, graf, peta, dan carta

organisasi
 Visual ini boleh menunjukkan hubungan
antara satu konsep dengan lain atau
menjelaskan susunan konsep dalam
bentuk teks (tulis)

9
 Carta organisasi

Penubuhan Jawatan Kuasa Bertindak

UPBK
NAIB CANSELOR
(Penasihat)

Timb.Naib Canselor
(Pengerusi)

Penyelaras Dekan Dekan Dekan Dekan

(Setiausaha)

Pakar Rujuk

10
2. Elemen Verbal

Pemilihan huruf/fon
 Stail huruf

 Saiz dan jenis huruf

 Warna

11
 Penghurufan

Gaya dan sumber penghurufan:

 Stensil
 Unistensil
 Huruf tampal (Mesin Kroy)
 Huruf potong (Majalah)
 Huruf pindah
 Huruf komputer (digital)

12
 Teks yang terlalu banyak mengelirukan

Prinsip asas penghurufan

 Gunakan antara 8 - 10 perkataan dalam satu baris

 Gunakan antara 8 – 10 ayat dalam satu skrin/slaid
 Gunakan jarak optikal (huruf A, I, K dan W dan huruf
H, M, N dan S dan huruf C, G, O dan Q susah
disusun)
 Gunakan huruf besar jika tajuk itu pendek (tidak lebih
daripada 3 perkataan)
 Gunakan huruf kecil bagi ayat atau frasa yang
panjang

MH WA
13
 Teks yang terlalu banyak mengelirukan

Prinsip asas penghurufan

 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
 Konsistensi menjadikan bahan multimedia lebih mudah
dipelajari, digunakan dan diingati
 Teks panjang yang ditulis dalam huruf kecil lebih jelas
dibaca dari teks yang ditulis dalam huruf besar
 Jangan tulis terlalu banyak teks dalam satu skrin.
Tingkatkan jarak antara ayat jika teks itu terlalu panjang

14
Stail huruf

 Ada tiga jenis: Sans serif, serif dan pelbagai

 Harus Konsisten
 Harmoni dengan elemen lain
 Pilih fon sans serif untuk instruksi seperti
verdana, ariel, tahoma atau helvetika
 Biasanya fon sans serif digunakan untuk bahan
tayang dan skrin komputer seperti Verdana dan
Ariel dan fon serif untuk bahan cetak seperti
Times Roman dan Verdana
 Gunakan satu atau dua jenis fon untuk satu
persembahan PowerPoint

15
Prinsip asas penghurufan… Samb.

• KOS MEMINJAMKAN BAHAN

• PUSAT SUMBER SEKOLAH

• PUSAT SUMBER SEKOLAH

16
Prinsip asas penghurufan… Samb.

Barisan ayat yang sangat rapat atau jarak susah dibaca

• Teks sukar dibaca jika

barisan terlalu rapat
antara satu dengan lain

• Teks menjadi terputus jika

barisan terlalu jarak antara

satu dengan lain

• Teks mudah dibaca jika

barisan antara satu dengan
lain ialah 1.5 kali tinggi huruf ‘m’

17
Prinsip asas penghurufan… Samb.

Contoh tajuk huruf besar dan huruf kecil

PUSAT TEKNOLOGI INSTRUKSIONAL DAN MULTIMEDIA

(20 poin Ariel)

Pusat Teknologi Instruksional dan Multimedia

(20 poin Ariel)

18
 Saiz dan Jenis huruf

Jarak pandangan dan tinggi huruf bagi bahan bukan tayang

Jarak Pandangan *Tinggi huruf (minimum)

10 kaki 1/2 inci

20 kaki 1 inci
30 kaki 2 inci
40 kaki 3 inci
60 kaki 4 inci
70 kaki 5 inci
80 kaki 6 inci

*Huruf kecil
Sesuai untuk poster dan papan buletin
19
 Saiz dan jenis huruf komputer bagi bahan tayang

Bahan Saiz huruf (minimum) Jenis huruf

Slaid 18 poin Ariel (Sans serif)
Times Roman

Transparensi 18 poin Ariel (Sans serif)

Times (Serif)

Video 30 poin Ariel (Sans serif)

Times (Serif)

PowerPoint 20 poin Ariel (Sans serif)

Times (Serif)
20
 Contoh huruf komputer mengikut saiz dan jenis
(Sans Serif)

Ariel 20 poin Ariel 20 poin

Ariel 24 poin Ariel 24 poin
Ariel 28 poin Ariel 28 poin
Ariel 32 poin Ariel 32 poin

Ariel Narrow 20 poin Ariel Narrow 20 poin

Ariel Narrow 24 poin Ariel Narrow 24 poin
Ariel Narrow 28 poin Ariel Narrow 28 poin
Ariel Narrow 32 poin Ariel Narrow 32 poin

21
Contoh huruf komputer mengikut saiz dan jenis (Serif)

Times Roman 20 poin

Times Roman 24 poin
Times Roman 28 poin
Times Roman 32 poin

Courier New 20 poin

Courier New 24 poin
Courier New 28 poin
Courier New 32 poin

22
Sambungan: Contoh huruf komputer mengikut saiz dan jenis

Jenis Sans Serif

Verdana 20 poin
Verdana 24 poin
Verdana 28 poin
Verdana 32 poin

Jenis Serif

Times Roman 20 poin

Times Roman 24 poin
Times Roman 28 poin
Times Toman 32 poin
23
 Warna

 Pilih warna yang ada kontras antara

latar dengan imej atau teks
 Pilih warna yang lembut dan selesa
dipandang
 Gunakan maksimum lima + 2 warna (7)
atau tolak 2 (3) warna dalam satu
skrin/slaid

24
 Warna (Sambungan)

 Warna dapat menjelaskan konsep atau

menunjukkan penegasan
 Warna boleh digunakan untuk memberi
penegasan kepada teks atau grafik
 Pilih warna yang sesuai dengan budaya dan
sistem sosial
 Gunakan warna yang terang untuk kanak-
kanak
 Warna tidak semestinya boleh meningkatkan
pencapaian pelajar

25
Warna
 Untuk jadikan visual lebih jelas

 Dapatkan kontras yang baik antara latar dengan visual

 Contoh:

Imej/teks Latar

Hitam Kuning

Hijau Putih

Merah Putih

Biru Putih

26
Warna……Sambungan

Teks Latar

Putih Biru

Hitam Putih

Kuning Hitam

Putih Hitam

27
Warna……Sambungan

Visual Latar

28
Warna……Sambungan

Contoh warna yang tidak kontras (Susah dibaca)

Teks Latar

Putih Biru muda

Hitam Coklat tua

Kuning Putih

Hitam Biru tua

Kuning Merah

29
Warna……Sambungan

Elak dari menggunakan warna komplementari, Contoh:

Kuning Merah

Oren Biru tua

Hijau Merah

30
C. Elemen Tarikan

 Kejutan:
 Tektur:
 Interaksi

31
Kejutan

 Dapat menarik dan mengekalkan perhatian

 Tumpuan bergantung kepada elemen visual
yang luar biasa

32
Tektur

 Menjadikan visual lebih realistik

 Terdapat dalam bahan tiga dimensi

33
Tektur

34
Interaksi

 Sediakan aktiviti yang boleh melibatkan interkasi

antara pelajar dengan bahan seperti soalan, kuiz
demontrasi, arahan dan manipulasi bahan

35
 Lain-lain elemen visual

 Kesatuan
 Susunan

 Garisan

 Imbangan

36
Kesatuan:

 Elemen visual perlu berkait antara satu dengan

lain

 Gunakan anak panah, garisan, warna, bentuk

dan ruang untuk menyatukan antara elemen

37
 Kesatuan elemen

Program Akademik PTPM

Sarjana Muda
Pendidikan Sarjan Pendidikan
(Minor TP) Program Tek. Pend
Akademik

Kedoktoran
Tek. Pend.

38
Susunan

 Gunakan ‘peraturan sepertiga’

 Susun visual ikut rentak: dari kiri ke kanan
 Kawasan sudut kiri atas paling sesuai
 Elemen harus rapat dan berkait antara satu
dengan lain (proksimiti)
 Gunakan anak panah, warna, dll. untuk
menyusun elemen
 Susunan harus konsisten

39
Peraturan sepertiga

Ruang

40
Gambar A

41
Gambar B

42
43
44
Anak panah dan warna digunakan untuk menyusun maklumat

Contoh 1

Nyata objektif

Analisis
Pilih media

Model
ASSURE

Penilaian Guna media

Gerak balas
© Prof Madya Dr. Yusup Hashim

45
Anak panah dan warna digunakan untuk menyusun maklumat

Contoh 2

3 5

2 6

Konsep Pembelajaran Penguasaan

(Mastery Learning)
46
Kawasan paling kuat

Pergerakan mata bermula dari kiri

47
Garisan

 Menunjukkan gerakan, arahan dan

perlakuan
 Contoh: Garisan melintang
menunjukkan kestabilan dan
ketenangan
 Tegak: Kekuatan
 Pepenjuru: Gerakan dan dinamik
 Garisan perlu tebal dan jelas

48
Garisan tegak

Garisan condong

Garisan melintang

49
Imbangan

 Dua jenis imbangan: Imbangan formal (Simetrikal dan

imbangan tidak formal (asimetrikal)
 Imbangan formal: Elemen sama berat kiri dan kanan
timbulkan keadaan harmoni dan statik
 Imbangan tidak formal: Elemen sama berat kiri dan
kanan tetapi tidak serupa dari segi bentuk atau
kedudukan
 Imbangan tak formal lebih dinamik dan dapat perhatian

50
 Imbangan tak formal

Imbangan formal

51
 Animasi

 Animasi dapat membantu pelajar menjelaskan

sesuatu konsep yang abstrak (contoh sains)
 Animasi digunakan untuk membantu
komunikasi verbal
 Gunakan animasi apabila perlu. Animasi yang
berlebihan akan mengganggu tumpuan dan
perhatian pelajar

52
 Audio

 Gunakan suara atau ucapan untuk menyampaikan

maklumat
 Jika ucapan dijadikan penyampai utama maklumat,
teks ucapan harus ditulis di atas skrin. Ini akan
membantu proses pembelajaran
 Gunakan muzik (calm) untuk menyediakan suasana
pembelajaran yang selesa
 Gunakan muzik yang kuat untuk memberi amaran
atau menyampaikan mesej

53
 Media
Media instruksional terbahagi kepada dua
• Media cetak
• Media bukan cetak
 Media Instruksional

Media Bukan Cetak Media Cetak

Media Tayang Media Bukan Tayang Buku

teks
Grafik
Media Tayang
Kaku Visual
kaku modul
Media Tayang
Bahan
Gerak
pameran nota
Alat
paparan

Bahan
audio
Klasifikasi Media Mengikut Atribut
55
 Media Tayang

Video

Filem Cakera video

interaktif

Bahan web Contoh Media Cakera video

(Hipermedia/ Tayang Gerak padat
multimedia)

Bahan PBK Cakera video

digital

56
 Media Tayang

Slaid

Transparensi Filem jalur

Contoh Media
Tayang Kaku

Bahan web
Bahan PBK

57
58
59
 Kriteria penilaian dan pemilihan bahan

• Kesesuaian
• Kredibiliti dan semasa
• Teknikal
• Kerelevanan
• Ciri fizikal
 Kemahiran internet/ICT dalam pendidikan

• ICT bermaksud teknologi maklumat dan teknologi

komunikasi dalam bentuk digital yang digunakan
untuk berkomunikasi serta menyalurkan maklumat
dalam talian atau secara telematik untuk membantu
manusia membangunkan negara
• Bagi membudayakan ICT guru dan pelajar perlu celik
ICT
• Celik ICT boleh didefinisikan sebagai keupayaan
individu menguasai kemahiran dan pengetahuan
teknikal dan kemahiran kognitif
 Pengetahuan Teknikal Pengetahuan kognitif

Kemahiran
berfikir dan
Penggunaan alat menyelesaikan
dan perisian ICT, masalah,
komputer. kemahiran
Internet, Literasi mengakses,
laman web, ICT
mengurus,
search engin, mengintegrasi,
word, windows dan menilai dan
lain lain membina
maklumat
 Kemahiran reka bentuk
Literasi ICT
instruksional

Kemahiran teknikal Kemahiran merancang,

menggunakan alat dan membina dan melaksanakan
bahan ICT pengajaran

Kemahiran kognitif •Analisis keperluann

untuk menyelesaikan intruksi
masalah menggunakan •Reka bentuk instruksional
ICT •Bina bahan menggunalan
alat dan sumber ICT
•Akses •Laksana pengajaran
•Urus menggunakan bahan ICT
•Integrasi dan kaedah instruksional
•Nilai •Nilai keupayaan dan
•bina keberkesanan pengajaran
 Strategi perlaksanaan ICT dalam pendidikan

• Peringkat emerging (pengenalan)

• Peringkat applying ( aplikasi)
• Peringkat integrating (integrasi)
• Peringkat transforming (transformasi)