P. 1
5 Asas Grafik

5 Asas Grafik

|Views: 1,549|Likes:
Dipublikasikan oleh Dato' Ilyas Zakaria

More info:

Published by: Dato' Ilyas Zakaria on Jan 12, 2011
Hak Cipta:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PPTX, PDF, TXT or read online from Scribd
See more
See less

08/20/2013

pdf

text

original

PISMP SEM 4 EDU 3015 Semester 2 2010

ASAS GRAFIK
Dr. Faridah Hanim bt Yahya Jabatan Teknologi Pendidikan IPG Kampus Pendidikan Teknik fhyzul@yahoo.com

Kandungan
y y y y y Definisi Jenis-jenis Grafik Elemen Asas Reka Letak Grafik Prinsip Asas Reka Bentuk Grafik Prinsip Reka Bentuk CASPER

DEFINISI GRAFIK
‡ Sebuah lukisan, gambar atau huruf yang dihasilkan dengan menggunakan media tertentu seperti pen, pensel, berus dan sebagainya. (Jamalludin Harun & Zaidatun Tasir, 2005) Perkara berkenaan lukisan, ukiran dan gambar rajah.
(DEWAN BAHASA & PUSTAKA)

‡

JENIS-JENIS GRAFIK
‡ Fotograf

JENIS-JENIS GRAFIK ‡ Lukisan .

JENIS-JENIS GRAFIK ‡ Kartun .

JENIS-JENIS GRAFIK ‡ Graf atau Carta .

Garis dan Butang Š { } ‰ . Simbol.JENIS-JENIS GRAFIK ‡ Ikon.

JENIS-JENIS GRAFIK ‡ Diagram .

ELEMEN ASAS REKA LETAK GRAFIK ‡ Titik ± ± ± . Elemen yang paling mudah TitikTitik-titik yang bersambung akan mengarahkan penglihatan mata Titik boleh mencipta ilusi tona dan warna pada sesuatu visual apabila diletakkan sebelah menyebelah dengan banyak.. . . .

Kedudukan titik rapat antara satu sama lain Satu garisan boleh didefinisikan sebagai pergerakan titik Kombinasi garis membentuk imej 2D atau 3D . .ELEMEN ASAS REKA LETAK GRAFIK ‡ Garisan ± ± ± . ..

.ELEMEN ASAS REKA LETAK GRAFIK ‡ Bentuk ± ± . Mempunyai luas.. bulatan dan segitiga sama . tinggi dan permukaan 3 bentuk asas : segiempat sama. .

.ELEMEN ASAS REKA LETAK GRAFIK ‡ Permukaan ± Apabila garisan diolah menjadi permukaan seperti permukaan atas. . permukaan menegak dan permukaan di bawah .. .

. . . . permukaan objek ini dapat ditimbulkan dengan menggunakan garisan grid perspektif. .ELEMEN ASAS REKA LETAK GRAFIK ‡ Ruang ± Rongga yang terdapat dalam sesuatu objek ± Bagi objek 2D dan 3D.

.ELEMEN ASAS REKA LETAK GRAFIK ‡ Warna ± Pembalikan cahaya daripada sesuatu objek atau permukaan ± Warna asas merah. . . .. biru dan kuning ± Pemilihan warna perlu dilakukan dengan teliti untuk menonjolkan mesej yang hendak disampaikan.

jarak di antara huruf. .PRINSIP ASAS REKA BENTUK GRAFIK ± Elemen Elemen Visual ‡ Grafik realistik objek sebenar ‡ Grafik analogi menunjukkan objek lain yang ada kaitan dengan objek sebenar ‡ Grafik Organisasi carta aliran. jarak di antara barisan ± . bilangan huruf. huruf besar. saiz huruf.. Elemen yang Menambah Tarikan ‡ Luar biasa. peta dsbg ± Elemen Lisan ‡ Stail huruf. . warna huruf. dimensi permukaan dan dimensi . graf.

imbangan. bentuk.PRINSIP ASAS REKA BENTUK GRAFIK Corak (pattern) Sejajar. skema warna. . harmoni . latar belakang imej dan teks kecerahan Susunan . konsisten. ‡ kehampiran. bentuk kontras. pengarahan. stail.

PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR »CONTRAST »ALIGNMENT »SIMPLICITY »PROXIMITY »EMPHASIS »REPITITION .

imej dan fon) CONTRAST .PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR »CONTRAST (KONTRA): (warna.

.PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Alignment ‡ Setiap item dipisahkan oleh idea dan ruang pada antara muka yang sama.

PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Text1 Images Text2 [ Arrange in a parallel order ] .

± An overabundance of fonts or colours can distract rather than assist learning. The general rule of thumb is to use graphics that are as simple as possible when displaying content on the screen. . ± Use only the amount of text and graphics as is absolutely necessary to get your point across ± Superfluous graphics can interfere with understanding.PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Ringkas (Simplicity) keep your message as simple as possible. Provide the main ideas and a means of getting more information for those who might need or desire it.

How close together or far apart yang terdapat pada antara muka yang elements are placed suggests samada erat menggambarkan hubungan a relationship (or lack of) between otherwise atau tidak disparate parts.PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Proximity ‡ proximity or closeness creates a bond between people and between elements on Menyentuh kepada jarak elemen-elemen a page. .

PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Proximity Gap between Texts Gap between Graphics Gap between Texts and Graphics [ Do a suitable space within object ] .

PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Emphasis by Isolation ‡ If most of the elements in a work of art are grouped closely together. an object by itself stands out as a focal point. .

PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Penegasan (Emphasis) ‡ One method used to attract attention in the design of a screen or work of art is the use of a focal point. ‡ A focal point draws your attention to the most important element on the page. There are several techniques used to emphasize the most important object on a page. .

blinking. boldface untuk menarik perhatian kepada isi-isi . underlining.PRINSIP REKA BENTUK ANTARA MUKA & SUSUN ATUR Penegasan kepada teks: ‡ Penggunaan highlighting .

Analisis Awal Min Kesukaran Tajuk Set: Persepsi Guru Pemeriksa Kertas Matematik SPM Tajuk Operasi terhadap Set Hasil Pembelajaran paling sukar Menyelesaikan masalah yang melibatkan persilangan terhadap Set Menyelesaikan masalah yang melibatkan kesatuan terhadap Set Menentukan hasil gabungan operasi terhadap Set Menyelesaikan masalah yang melibatkan gabungan operasi terhadap Set Min Kesukaran 3.86 4.43 3.14 6 .86 3.

imej dan warna digunakan sebagai navigasi untuk mengelakkan kekeliruan. .PRINSIP REKA BENTUK ANTARA CASPER DESIGN PRINCIPLES MUKA & SUSUN ATUR Repetition (Pengulangan) ‡ Konsisten diperolehi melalui pengulangan elemen-elemen yang terdapat samada pada 1 antara muka atau pada antara muka yang bersiri. ‡ Penggunaan ikon(icon).

CONTOH PENGGUNAAN BUTANG/IKON & HYPERLINK DALAM PERSEMBAHAN MULTIMEDIA: TOPIK SET { } y Pengenalan kepada Set y Persilangan antara Set y Kesatuan antara Set ‰ Š X .

d.PENGENALAN KEPADA SET y Set ialah himpunan objek yang mempunyai ciri-ciri yang sama y Contoh Set : { a. c. e. green. blue. yellow} . b. f} {red.

10. 15. 6. 30} A ‰ B = {10} .PERSILANGAN ANTARA SET y Set A bersilang dengan Set B jika kedua-dua Set mempunyai unsur-unsur yang sama y Simbol ‰ persilangan y Contoh A = {2. 4. 10. 25. 8. 12} B = {5. 20.

5. 6. 2. 6} B = {2. 6. 4. 8. 4. 5. 10} A Š B = {1. 3. 10} . 2. 4.KESATUAN ANTARA SET y Set A kesatuan Set B set yang mengandungi unsur-unsur bagi kedua-dua Set y Simbol A Š B y Contoh: A = { 1. 3. 8.

PERISIAN GRAFIK ‡ ‡ ‡ ‡ ‡ Adobe photoshop Coral Draw Microsoft Office Visio Paint Adobe Illustrator .

Contoh Aplikasi MS Office Visio: Analisis Awal Pernyataan Masalah PB 9 .

Contoh Aplikasi MS Office Visio: Model Kitar Hayat (KHPBL-MSet) 15 .

Contoh Aplikasi MS Office Visio: Proses PBL MathS-Set: TASET T A S E T F N I P I S 16 .

Contoh Aplikasi MS Office Visio: Model ID PBL MathSSet 19 .

Contoh Aplikasi MS Office Visio: Pembinaan Konsep Set (MSPKSet) : Konsep Kesatuan Adaptasi Model Scaffolding Nor Hasbiah (2007) 21 .

Contoh Aplikasi MS Office Visio: Model Senario Permasalahan PBL MathS-Set 22 .

Contoh Aplikasi MS Office Visio: Modul PBL MathS-Set 23 .

**Semua hasil aktiviti amali & ISL mesti dimasukkan dalam portfolio. **Semua rujukan mesti direkodkan. Sebagai seorang graphic designer .Cuba bincangkan dan huraikan apakah prinsip grafik dan elemen grafik yang terdapat dalam gambar tersebut.ISL 1. . anda diminta menghasilkan satu lakaran grafik yang menerapkan prinsip grafik dan elemen grafik. 2.

Terima Kasih .Sekian.

Pengajaran. 2003. Teknologi Pengajaran. Multimedia konsep & praktis. 2005.RUJUKAN .Jamalludin Harun & Zaidatun Tasir. Rozinah Jamaludin. . Venton Publishing (M) Sdn Bhd. Utusan KL: Publications & Distributors Sdn Bhd. Batu Caves: praktis.

You're Reading a Free Preview

Mengunduh
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->