TEKNOLOGI DALAM PENGAJARANTEKNOLOGI DALAM PENGAJARAN‐PEMBELAJARAN

(EDU 3053)(EDU 3053)

Prinsip reka bentuk visualPeralatan penghasilan grafikPeralatan penghasilan grafik

Prinsip Reka Bentuk Visual

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

Pola

PrinsipRekaRekaBentukVisualVisual ElemenSusunatur

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual• 1. Elemen

k k d l h l k d l• Merujuk kepada pemilihan visual ke dalamrajah visual.

• Elemen wujud dalam bentuk visual, lisan dandaya tarikan.

• Biasanya boleh dihuraikan dalam 3 jenisbentuk iaitu:

• i. Realistik: penyelidikan ke atas objek sebenar

Prinsip Reka Bentuk Visualp

• ii Analogi: mamaparkan hubungan antaraii.Analogi: mamaparkan hubungan antaraobjek dengan konsep. 

• iii. Organisasi: memaparkan hubungan di antarakonsep dan kandungan dalam elemen teksseperti carta alir, graf, peta, skema, cartaklasifikasi.

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual• 1.1 Elemen lisan

• Penggunaan teks meningkatkan keberkesanansesuatu paparan visual terutamanya untuk tujuan

jpengajaran.

• i. Stail huruf‐dapat mewujudkan konsitensi danharmoni.

• ii. Bilangan stail huruf‐tidak melebihi 3 jenis

• iii. Huruf besar dan kecil‐penggunaan huruf besarp gguntuk tajuk dan huruf kecil untuk sub tajuk.

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

Jenis‐jenis fon

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• iv Warna huruf‐ penggunaan prinsip kontrasiv. Warna huruf penggunaan prinsip kontras

•S i h f b k d k b l h• v. Saiz huruf‐bergantung kepada kebolehan

membaca dalam jarak tertentu.

• vi.Jarak antara huruf dan baris ‐ tidak terlalurapat berdasarkan kepada penglihatan. 

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• 1 2 Elemen daya tarik1.2 Elemen daya tarik

• A. Ruang‐menimbulkan rasa lapang dan selesa

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• B Garisan‐mengarahkan pemerhatian untukB. Garisan mengarahkan pemerhatian untukmelihat mengikut urutan.

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• C Permukaan‐memberi kesan ke atas rupaC. Permukaan memberi kesan ke atas rupagarisan yang dibuat.

Jenis‐jenis tekstur

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• 4 Bentuk‐digunakan untuk menunjukkan jenis4. Bentuk digunakan untuk menunjukkan jenisdimensi.

Bentuk 2 dimensi Bentuk 3 dimensi

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• 5. Warna5. a a• Warna panas‐merah, jingga, kuning• Membawa kesan aktif.Membawa kesan aktif.• Membangkitkan perasaan, menceriakan suasana.

• Warna sejuk‐hijau, biru, ungu• Membawa kesan pasifMembawa kesan pasif.• Dikaitkan dengan alam dan melahirkanketenangan, kelembutan.ketenangan, kelembutan.

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

Skema warna

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• 2. Pola2. Pola• Ia berkaitan dengan susunan item‐item dalamsesuatu rekaan visual.

• Menarik penglihatan mata ke arah item yang utama.M kk lih t t k d• Menggerakkan penglihatan mata kepadakeseluruhan visual dalam arah yang betul.

• Mengekalkan penglihatan mata dan mengikutaliran persembahan sehingga sampai kepada titikkhiakhir.

Gambar di bawah menggunakan pokok untuk menarikmata meninjau jauh ke dalam gambar.j j g

Contoh 1

Contoh 2

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

• Terdapat beberapa jenis pola yang digunakanTerdapat beberapa jenis pola yang digunakandalam rekaan visual:

• Pola mengikut bentuk geometri seperti bulat• Pola mengikut bentuk geometri seperti bulat, tiga segi.

Prinsip Reka Bentuk Visual

• 3 Susunatur

Prinsip Reka Bentuk Visual

3. Susunatur

• Menggunakan peraturan satu per tiga.(Rule of Third)Third)

• Ia berdasarkan kajian bagaimana manusiai ( ) klmenyaring(scan) sesuatu maklumat.

• Daripada kajian mendapati perhatiantertumpu lebih di sudut atas kiri daripadatempat‐tempat lain.

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

Peraturan 1/3(Rule of Third)

41%

Peraturan 1/3(Rule of Third)

41% 20%

14%25%

Prinsip Reka Bentuk VisualPrinsip Reka Bentuk Visual

Peraturan satu per tiga

Peralatan penghasilan grafikPeralatan penghasilan grafik

• Bagi grafik komputer peralatan sepertiBagi grafik komputer, peralatan sepertikomputer, pencetak , pengimbas imejdigunakandigunakan.

RRenungan

• Pilih beberapa keping gambar atau rekaanvisual. Kaji prinsip reka bentuk visual  yang digunakan dan mengapa ia digunakan.

RujukanRujukan• Dick, N., Carey, L. & Carey, J. O. (2005). The systematic design of instruction. Edisi ke 6. New York: Pearson, Allyn and Bacon.

• Muhamad Hasan Abdul Rahman (2000). Media pengajaran: penghasilan bahan pengajaran berkesan. Serdang: UniversitiPutra Malaysia.

• Muhamad Hasan Abdul Rahman (2001). Grafik asas: panduan penghasilan bahan pengajaran. Serdang: Universiti Putra Malaysia.

• Newby, T.J, (1996). Instructional technology for teaching and learning. New Jersey: Prentice Hall.

• Norasiah Abdullah, Nor Risah Jamilah Mat Lazim & Rosnah Ahmad Zain (2009). Teknologi dalam pengajaran danpembelajaran. Selangor: Multimedia 

• Noriati A. Rashid, Boon, P. Y., Sharifah Fakhriah Syed Ahmad, & Wan Kamaruddin Wan Hasan (2012). Teknologi dalampengajaran dan pembelajaran. Shah Alam: Oxford Fajar.

• Priscilla, N. & Karin, M. W. (2003). Teaching with technology: designing opportunities to learn. Edisi ke 2. Canada: Thomson Wadsworth.

• Smaldino, S. E., Lowther, D. L. & Russell, J. D. (2012). Instructional technology and media for learning. (10th ed.). Boston: Pearson. 

• Smaldino, S. E., Russell, J. D., Heinich, R., & Molenda, M. (2005). Instructional, , , , , , , ( )

• technology and media for learning. Edisi ke 8. New Jersey:  Prentice‐Hall.