Grafik

7/15/2014

1

PRINSIP ASAS GRAFIK

1

Oleh:Muhammad Amin SimonIPG Kampus Tun Hussein Onn

1. Definisi Grafik

G fik d l h b h dil ki Grafik adalah bahan yang dilukis sebagai karangan visual. Ia dapat memberi satu atau lebih keterangan visual. Perkataan grafik sebenarnya berasal dari perkataan Greek graphikos bererti lukisan. Graphier pula ialah perbuatan dan ertinya

2

pula ialah perbuatan dan ertinya menulis dengan perkataan.

7/15/2014

2

1. Definisi Grafik (samb.)

G fik i l h k bi i bGrafik ialah kombinasi gambar-gambar, lambang-lambang, simbol-simbol, huruf, angka, perkataan, lukisan, lakaran yang dijadikan satu media untuk memberi konsep dan idea dari pengirim kepada sasarannya dalam proses menyampaikan

3

dalam proses menyampaikan maklumat.

2.Kepentingan Grafik dlm Pendidikan

Grafik penting untuk menyediakan p g ybahan-bahan pandangan (visual) yang sangat penting untuk menyampaikan sesuatu mesej tertentu dengan jelas.

4

7/15/2014

3

3. Prinsip Penghasilan Grafik

PPerancanganPenyediaan ilustrasiWarnaHurufPersembahan

5

Persembahan

Tentukan jenis visual yang akan

4.Perancangan

dihasilkan berdasarkan :Bahan yang sedia ada atau yang perlu disenaraikan seperti alat tulisTentukan objektif visual dan jumlah audien bagi menetukan kesesuaian dan mengelakkan pembaziranPerlu tahu bentuk visual sama ada untuk

6

Perlu tahu bentuk visual sama ada untuk tayangan (lutsinar, slaid, filem, video), bukan tayang (carta, buku, pena) atau pameran.(poster, lukisan)

7/15/2014

4

5. Prinsip reka bentuk

Prinsip MudahPrinsip PenyatuanPrinsip PenegasanPrinsip Seimbang

7

a. Prinsip mudah

8

Rajah : Prinsip MudahSumber : Sharifah Alwiah AlSagoff (1996)

7/15/2014

5

Prinsip mudah

9

Prinsip mudah

10

7/15/2014

6

Prinsip mudah

11

b. Prinsip penyatuan

12

Rajah : Prinsip PenyatuanSumber : Sharifah Alwiah AlSagoff (1996)

7/15/2014

7

Prinsip penyatuan

13

c. Prinsip penegasan

14

Rajah : Prinsip PenegasanSumber : SharifahAlwiah AlSagoff (1996)

7/15/2014

8

Prinsip Penegasan

15

d. Prinsip seimbang

16

Rajah : Prinsip SeimbangSumber : Sharifah Alwiah AlSagoff (1996)

7/15/2014

9

17

Grafik-Apa dia Grafik

18

7/15/2014

10

Grafik-Apa dia Grafik

19

Contoh Bitmap Contoh Bitmap VektorVektor

Grafik-Bagaimana menghasilkan grafik

20

Software: StreamlineSoftware: Streamline

7/15/2014

11

6. Keperluan Visual memenuhi prinsip rekabentuk

Garisan BentukRuangWarnaPenggunaan warna

21

Prinsip reka bentuk

22

Rajah : Prinsip SeimbangSumber : Sharifah Alwiah AlSagoff (1996)

7/15/2014

12

Gunakan warna untuk mengasingkan dan menegaskan sesuatu elelmen tumpuan.

7.Panduan am mewarna

menegaskan sesuatu elelmen tumpuan.Gunakan warna yang berharmoni seperti warna monokoromik, warna berhampiran atau warna penggenap.Gunakan warna supaya visual kelihatan mudah dilihat dan difahami.Rancangkan penggunaan warna untuk

l hi k k t t t

23

melahirkan kesan tertentu.Permukaan hitam akan kelihatan lebih jelas jika warna putih digunakan sebagai warna latar. Ini diikuti dengan warna merah, oren, hijau, biru, ungu dan kuning.

The Three Worlds Model (NationsOnline org 2005)

7.Panduan am mewarna

(NationsOnline.org, 2005)

24

7/15/2014

13

8. Skema Warna

25

9. Alat Mewarna

Pena bermata feltPensel warna, kapur warna, pastel dan krayonCat airC t b

26

Cat semburKertas berwarna dan plastik berwarna

7/15/2014

14

10. Penghurufan

PenghurufanP b h fik h f b ik d Persembahan grafik huruf yang baik dan bermutu dapat menyampaikan mesej dengan lebih berkesan. Prinsip penghasilan huruf ialah saiiz huruf yang ditulis, jarak antara huruf dengan huruf, perkataan dengan perkataan dan baris

27

dengan baris; kontras diantara huruf dengan warna latar; jenis atau bentuk huruf yang digunakan.

11. Penghurufan

Saiz Huruf

Jarak Huruf

Jenis Huruf

Cara Menulis Huruf

Tulisan bebas

Huruf yang dipotong

28

Huruf yang dipotong

Huruf stensil

7/15/2014

15

Kenapa kita gunakan Teks

29

Teks & GrafikDigunakan dalam komponen Antaramuka

Latarbelakang skrinTetingkap & panelButang & kawalanTeksImejAudio

30

AudioVideoAnimasi

7/15/2014

16

Teks & Grafik

Digunakan dalam Butang & Kawalan

Terdapat dalam bentuk perkataaneg: seterusnys, ke belakang, ke hadapan, keluar

Juga terdapat dalam bentuk roll-over bil j k ik b d

31

eg: apabila penunjuk tetikus berada di atas ikon, perkataan dipaparkan

Komponen TeksKomponen Teks

Digunakan untuk menyampaikan maklumat atau fakta kepada pengguna

32

7/15/2014

17

What is text?

33

Kategori fontKategori font


SerifSans Serif

34

Decoratif

7/15/2014

18


SerifSerif

35

Sans SerifSans Serif


36

7/15/2014

19

PerbezaanPerbezaan


37

DecoratifDecoratif


38

7/15/2014

20

Isu kesesuian main semulaIsu kesesuian main semula


Font yang dipilih tiada pada sistem komputer main semulaFont default akan dipilih dan kesesuian dengan klien terganggu

39

Fakta tidak boleh dibacapenyampaian maklumat gagal

Cara mengatasiCara mengatasi


Pilih Font yang biasa/popularMenyediakan font installerMenggunakan teks sebagai

40

grafik

7/15/2014

21

Jadikan teks sebagai grafikJadikan teks sebagai grafik


41

Rekabentuk Teks

42

7/15/2014

22

PanduanPanduan


Penggunaan teks yang perlu diambil kira

warna, saiz, fonts, spacingkuantiti tekskedudukan teks

43

kedudukan teks

A Warna teks

PanduanPanduan


A. Warna tekswarna teks mesti kontras dengan warna latarbelakang

B. Kuantiti tekspada satu-satu skrin 10 - 12 ayat sederhana panjang dipaparkan

C. Kedudukan teks

44

konsisten & tetap serta jarak margin mudah dibaca

7/15/2014

23

Tidak terlalu banyak PanduanPanduan


ymaklumat pada satu skrinselalunya 12 - 16 baris tekspecahan teks kepada perenggan setiap perenggan mempunyai 4 - 5 ayat

45

4 5 ayatjarak antar perenggan sesuai

t b h t PanduanPanduan


tambah peratus tumpuan ke atas teks (seperti letakkan teks dalam kotak atau

46

guna latarbelakag berwarna)

7/15/2014

24

Warna Teks dan latarbelakangWarna Teks dan latarbelakang


47

Kesan KhasKesan Khas


Kemudahan seperti kerlipan tekspenekanan warna

48

penekanan warnaSaiz teksBentuk Teks

7/15/2014

25

12. Cara Membuat Gambar

Menekap (tracing) (guna karbon il k l k d h pensil, kapur atau pastel, kedah

tebuk.Petak gridPenyalinan gambar (fotostat)Kaedah pengunjuran ( OHP, Slaid)

49

Slaid)

Cara buat gambar

50

Grafik

Documents

Transcript of Grafik