TOPIK 5:

ASAS GRAFIK
OLEH:
MOHD. MAZNIHAN HJ.MOHAMAD NOOR
IPGK TENGKU AMPUAN AFZAN
KUALA LIPIS
PAHANG,

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen pembelajaran grafik / visual
Konsep, fungsi, ciri

Elemen
rekabentuk
Ruang
Garis
Permukaan
Bentuk 2D
Bentuk 3D
Warna

Huruf

Prinsip
Prinsip
Rekabentuk Rekaletak

Stail huruf
Bilangan stail
Huruf besar/kecil
Warna huruf
Saiz huruf
Jarak antara huruf
Jarak antara baris

Simplisiti
Domain
Pola
Seimbang
Variasi
Harmoni

C
A
S
P
E
R

Pemilihan warna
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Pengenalan
Visual adalah alat komunikasi yang dapat
menyediakan rujukan konkrit yang lebih
baik daripada pernyataan secara lisan. Ia
boleh di dapati dalam 3 bentuk iaitu
1. fotografik
2. elektronik
3. grafik
Ketiga-tiga bentuk ini boleh berdiri secara
sendiri atau secara kombinasi

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Pengenalan
Visual mempunyai fungsi sebagai alat
komunikasi dan perlu mempunyai ciri-ciri
berikut:
1. mudah, jelas dibaca dan di
fahami
2. mesej dapat ditafsir tanpa
bersusahpayah, jika terlalu senang,
mungkin kurang penelitian yang melihat
dan mudah jemu, terlalu sukar jemu
kecewa dan bosan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Pengenalan
... Ciri...
3. Mendorong interaksi yan gaktif antara
pelajar, guru dan maksud yang
terdapat dalam visual tersebut.
4. Membantu memfokoskan perhatian
kepada maksud yan gterdapat dalam
visual
5. Dapat tarik perhatian perkara penting.
Nota:
Untuk memenuhi ciri tersebut, perlu melihat itu sendiri, semuanya
mempunyai pola ( sawah padi), bentuk yan gharmonis ( bentuk awan)
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Peranan dalam pengajaran
1. Menjadikan idea ( perkataan ) lebih
konkrit
2. Memotivasikan pelajar dapat
menarik perhatian dan mengekalkan
perhatian pelajar
3. Memudahkan idea di fahami
4. Meningkatkan kefahaman
5. Membantu sebarang bentuk bukan
visual ( tutur / perkataan)

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Pengenalan
Fotografik dan Video
merupakan contoh kepada bahan
elektronik, ia menyediakan ilustrasi
melalui gambar, sejenis visual yang
mewakili realiti yang paling
reallistik, meyerupai sesuatu subjek
atau situasi sebenar

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Pengenalan
Oleh itu Grafik :
Adalah kombinasi gambar-gambar, lambanglambang, simbol- simbol, huruf, angka,
perkataan, lukisan, lakaran, yang menjadi
satu media pengajaran yang memberikan
konsep dan idea daripada guru kepada murid
dalam situasi pengajaran. Ia merangkumi
graf, gambarajah, carta aliran / organisasi,
poster, peta dan sebagainya

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Pengenalan
Grafik
Meyediakan ilustrasi secara artistik ata u simbolik
yang terdiri daripada 2 kategori visual
1. visual analogik
menerangkan sesuatu konsep dengan
menunjukan simbol yang dianggap s
sebagai konsep tersebut.
contoh: kartun sel putih melawan kuman,
karektor itu di anggap menyamai konsep
asal
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Pengenalan
2. visual organisasi Merangkumi carta aliran, graf,
peta, organisasi dan sebagainya

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Ruang
Keluasan yang disediakan bagi sesuatu
visual. Tanpa ruang sesuatu visual tidak
dapat dihasilkan.
Terdapat 2 jenis:
-ruang positif ruang yang di gunakan
-ruang negatif ruang kosong

Ruang perlu di guna secara seimbang

supaya komposisi nampak menarik
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Ruang

Ruang negatiff

Ruang positif

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Garisan
Elemen yang paling ringkas dan amat mustahak
untuk mewujudkan gambaran objek, manusia dan
suasana.
Terdapat dalam 3D dan 2D dan berfungsi untuk:
-menunjuk pergerakan arah.
-menunjukkan suasana.
-menunjukkan kemegahan /
kekuatan.
-menunjukkan ketidaksetabilan.
-melukis objek.
-menghubungkan antara satu
elemen dengan elemen lain.
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Garisan menunjukan arah pergerakan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Garisan menunjukan suasana

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Garisan menunjukan kemegahan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Garisan Perhubungan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Garisan menunjukan kekusutan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Permukaan
Boleh dirawat dan diolah dengan
memberi warna dan tekstur.
Garis, warna dan tekstur yang
berbeza memberi kesan yang
tertentu.
Kesemuanya perlu disatukan dengan
wajar supaya permukaan kelihatan
menarik.
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Bentuk 2 Dimensi

Bentuk ini hanya mempunyai 2

dimensi iaitu panjang dan lebar
1. Bentuk geometri
2. Bentuk Abstrak
3. Bentuk Gambaran

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Bentuk 2 Dimensi - Bentuk geometri

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Bentuk 2 Dimensi - Bentuk Abstrak

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Bentuk 2 Dimensi - Bentuk Gambaran

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Bentuk 3 Dimensi
Bentuk ini hanya mempunyai 3 dimensi iaitu
panjang, Lebar dan tinggi.
2 bentuk 3D:
1. Bentuk 3D sebenar
- adalah bahan sebenar yang mempunyai
dimensi panjang, lebar dan tinggi seperti
meja, kerusi dsb
2. Bentuk 3D tiruan
- adalah bentuk 2 dimensi tetapi kelihatan
seolah-olah 3D (lukisan yang di beri
bayang)
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Elemen Rekabentuk
Bentuk 3 Dimensi -tiruan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk
Berkaitan dengan kaedah atau cara
menggunakan elemen grafik untuk
penghasilan yang menarik dan
berkesan.
Dapat memandu kita dalam
menghasilkan sesuatu rekaan yang
baik.

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Simplisiti
Harmoni

Dominan

Variasi

Pola
Seimbang

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Simplisiti
Ia bermaksud sesuatu rekaan itu haruslah
memungkinkan kefahaman yang cepat dan jelas
Cara terbaik mempersembahkan satu perkara dalam
satu masa

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Dominan
Boleh di ertikan sebagai pusat tumpuan atau minat di
dalam sesuatu rekaan visual.
Objek atau item dalam visual di tonjolkan agar dapat di
lihat dan di baca oleh penonton dengan mudah.
Item ini mestilah menguasai dan item lain menyokong.

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Dominan cara.
Menggunakan peraturan rule of third, mengikut kajian perhatian
lebih tertumpu kepada bahagian seperti di bawah

41 %

20 %

25 %

14 %

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Dominan cara.
- Warna yang contrass
- Saiz yang lebih besar
--Menggunakan anak panah yang menunjukan
item utama
-Mewujudkan garis-garis yang menunjuk ke arah
item utama
-Mewujudkan pergerakan dalam rekaan visual
seperti pergerakan cecair, guli atau kipas
-Menggunakan lampuatau cahaya yang
memancar

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Pola
- Menarik penglihatan mata kearah item yang utama
- menggerakan penglihatan mata kepada
keseluruhan visual dalam arah yang betul
- Mengekalkan penglihatan mata dan seterusnya
mengikut aliran persembahan sehingga sampai
kepada titik akhir
- ringkasnya :
penyusunan elemen visual bagi menarik dan
mengekalkan perhatian penonton/pembaca
melhat maksud yang terkandung dalam visual

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Pola
terdapat beberapa jenis:
a- pola berbentuk geometri
b- pola berbentuk huruf

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Pola
Contoh: penyusunan bebayang akanmenarik mata
kearah dalam lagi di lukisna tersebut

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Seimbang
Setiap benda dalam dunia ini perlu seimbang, jika
tidak ia akan tumbang, oleh itu elemn grafi di
susun supaya berat seimbang pada setiap
bahagian rekabentuk, tidak kira samada antara
bahagian kir ikanan atau atas bawah, ini
membolehkan mata merasa selesa memandang
2 jenis keseimbangan
1. seimbang formal
2. seimbang tak formal

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Seimbang
1. Seimbang formal
pembahagian samarata ( bysymmetrical)
antara 2 bahagian visual

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Seimbang
2. seimbang tak formal
Pembahagian yang tidak samarata antara
bahagian, sesuatu rekaan visual, ringkasnya
pada pandangan mata kita tidak dapat meyukat
keseimbangan berat visual tersebut

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
Elemen di dalam sesuatu visual seolah-olah hidup
dan bergerak.
Perlu pelbagaikan elemen yang di gunakan
supaya ia memberikan kesegaran dan minat,
tegasnya variasi menyokong pola untuk
meningkatkan tarikan dalam visual

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
saiz

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
warna

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
tekstur

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
Garisan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
Kedudukan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
Demensi

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
Kontras

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Variasi
Susunan

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekabentuk

Harmoni
Kesemua elemen dalam grafik perlu menunjukan
kesinambungan idea dan buah fikiran. Ini membolehkan
mata dan fikran penonton membaca mengikut
perkembangan keseluruhan visual
Keharminian memberikan rasa yakin dan pasti kepada
penonton, kerana mereka melihat hubungan antara elamen,
arah aliran persembahan, dan kesatuan mesej.

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Warna

kromatik

Akromatik

Menjelaskan kekuatan sesuatu warna, cth warna merah

cerah lebih kuat berbanding denganmerah pucat, semakin
banyak bahan asing semakin kurang kekuatannya
Menjelaskan sejauh mana gelap atau cerahnyasesuatu
warna itu kelihatan, warna putih tercerah olejh itu ia
mempunyai valiu yan gtinggi
Menjelaskan warna yang khusus, iaitu merah , biru dsb
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Warna

kromatik
Kecerahan warna yang
jelas berdasarkan
kecerahan dan
kegelapan warna
seperti warna hitam
putih.

Akromatik
Kecerahan warna yang
kurang jelas berdasarkan
gabungan warna dari
pelbagai warna yang
digunakan.

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Warna - Pigmen
Adalah bahan yang memberi warna kepada sesuatu objek (4)

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Warna - fungsi
a. Membuat penegasan dan kewujudan tumpuan
menegaskan elemen supaya mendapat perhatian
penonton, dicapai dengan menggunaan warna berbeza dr
yg lain, selalunya warna utama di gunakan. Penggunaan
konsep kontras (warna penggenap) digunakan, selalunya
ia bertengtangan d idalam roda warna.
b. Memudahkan sesuatu item di lihat
tindihan warna digunakan dalam menjelaskan item;
tindihan positif
subjek terang di letakan diatas warna yan g kontras
tindihan negatif
menggunakan warna kontras yan glemah dan
menghasilkan gabungan warn ayan gkelihatan sama

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Warna - fungsi
c. Mewujudkan perasaan harmoni
Dengan menggunakan warna
analogus.
d. Melahirkan kesan tertentu

Dibahagikan berdasarkan
kesannya.

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Warna - fungsi
c.

Mewujudkan perasaan harmoni

menggunakan warna analogos, iaitu warna yang terletak
bersebelahan, gabungan in imenimbulkan perasaan
tenteram dan selesa.

d. Melahirkan kesan tertentu

Warna panas
PANAS

merah
jingga
kuning
melambangkan
kekuatan
Matahari dan api

Warna Sejuk
SEJUK
biru

ungu
hijau
langit dan tumbuhan
lembut dan damai

Warna psikologi
PSIKOLOGI
pengaruh budaya

sentitif
warna yang ada
maksud

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf ( kepentingan)
Penting dalam penggunaan
tajuk, soalan dan perkataan.
Mengelakkan sesuatu visual
disalah tafsir.
Dapat meningkatkan
keberkesanan sesuatu paparan
visual.
Penting untuk memantapkan
maksud sesuatu perkataan.
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf ( jenis)

Roman
Gotic
Cursive /sambung
TEKS
NOVELTI
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf Roman
Mempunyai strok yang berselang seli
antara strok nipis dan strok tebal.
Mempunyai kaki (syerif)
Garis kecil melintang ditapak huruf..
Mudah untuk dibaca.
Digunakan di dalam kebanyakan buku
atau majalah.

Contoh:

ABC

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf Gotik

Mempunyai strok yang sama

seluruhnya dan tidak mempunyai serif.
Paling banyak digunakan dalam
rekabentuk visual.
Bersifat bold yang sesuai untuk
pelbagai bentuk mesej.
Digunakan dalam penerbitan buku.

Contoh:

ABC

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf Cursive

Tulisan tangan kerana hurufnya ditulis

bersambung-sambung.
Pelbagai dimana nipis, tebal, licin,
kasar.
Tidak digunakan secara meluas.
Menyukarkan bacaan.
Sesuai untuk mesej yang berbentuk
hiburan dan perayaan.
Contoh:

ABC

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf Cursive

Kelihatan antik dan cantik tetapi sukar

dibaca.
Sesuai untuk tema cerita lama.

Contoh:

ABC

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Contoh Huruf teks.

Kelihatan antik dan

cantik tetapi sukar
dibaca.
Sesuai untuk tema
cerita lama.
Contoh:

ABC
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Contoh Huruf novelti.

Memberi kesan yang berlainan

daripada semua huruf.
Bertujuan untuk menarik perhatian.
Digunakan dalam kadar yang
paling sedikit.
Contoh:

ABC
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Contoh Huruf Novelti
Novelti
untuk
mendapatkan
kesan
berlainanan
daripada
huruf yan
glainnya.. Ia
menyerupai
bentuk
tertentu

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Perkara lain penghurufan.

Tidak melebihi tiga stail

Stail huruf bersesuaian dengan
mesej
Terdapat beberapa perkara yang
diambil kira iaitu:
- Huruf besar dan huruf kecil
- Warna huruf
- Saiz huruf
- Jarak antara huruf
- Jarak antara baris
- Susunan huruf
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf ( jarak)
Huruf perlu seimbang, tidak terlalu jauh atau
terlalu dekat, huruf perlu di jarakan mengikut
keselesaan penglihatan
Bagi tranparensi:
-Bilangan perkataan dalam sebaris yang sesuai
adalah 6
4
3

Ketinggian huruf
dalam inci

2 1/2
2

20
40
50
Jarak penglhatan dalam kaki

60

80

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf ( susunan)
Right flush
saya ada kucing
Namanya mena, saya rindu pada kucing
saya, Tapi kucing itu tidak rindukan saya,
apalah kucing
Left flush
saya ada kucing
Namanya mena, saya rindu pada kucing
saya, Tapi kucing itu tidak rindukan saya,
apalah kucing
Central flush
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Huruf ( susunan)
Central flush

saya ada kucing

Namanya Menna, saya rindu
pada kucing saya, Tapi kucing
itu tidak rindukan saya, apalah
punya kucing

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik

Prinsip Rekaletak

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik : Prinsip Rekaletak

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik : Prinsip Rekaletak

Warna

Imej
Tipografi (font)

CONTRAST
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik : Prinsip Rekaletak

Warna

Imej
Tipografi (font)
[ Adakan kontras yang jelas ]

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

5.0 Asas Grafik : Prinsip Rekaletak

Teks1
Teks2
|
Imej-imej
|

ALIGNMENT
www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

Teks1

Teks2
Imej-imej

[ Adakan susunan yang sejajar ]

[ Permudahkan persembahan ]

Jarak Antara Teks

Jarak antara grafik

Jarak antara teks dan grafik

PROXIMITY

Jarak Antara Teks

Jarak antara grafik

Jarak antara teks dan grafik

[ Adakan jarak yang sesuai antara objek ]

[ Adakan satu item utama ]

Ketekalan warna
Mata huruf yang piawai

Imej dan bentuk yang berkaitan

REPETITION

Ketekalan warna
Mata huruf yang piawai

Imej dan bentuk yang berkaitan

[ Gunakan ulangan di mana perlu ]

Always remember CASPER.

5.0 Asas Grafik

sekian

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)