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….

Rumusan

Visual yang berkualiti akan

menyemai nilai estetika di

kalangan murid / pelajar dan ini

akan menimbulkan disiplin yang

positif kepada mereka.