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 .

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

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

. ..ELEMEN ASAS REKA LETAK GRAFIK ‡ Garisan ± ± ± . 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 ‡ Bentuk ± ± . Mempunyai luas. bulatan dan segitiga sama . tinggi dan permukaan 3 bentuk asas : segiempat sama.. .

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

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

. dimensi permukaan dan dimensi .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. . saiz huruf. jarak di antara huruf. warna huruf. jarak di antara barisan ± . Elemen yang Menambah Tarikan ‡ Luar biasa. bilangan huruf. huruf besar.. peta dsbg ± Elemen Lisan ‡ Stail huruf. graf.

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

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

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

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

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

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.

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

86 4.86 3.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.14 6 .43 3.

imej dan warna digunakan sebagai navigasi untuk mengelakkan kekeliruan. . ‡ Penggunaan ikon(icon).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.

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

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

6. 20. 8. 12} B = {5. 30} A ‰ B = {10} . 10. 4. 15. 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. 25.

10} A Š B = {1. 5. 4. 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. 4. 6. 3. 2. 5. 6. 8. 6} B = {2. 8. 10} . 3.

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 .

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

Sekian. Terima Kasih .

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

Sign up to vote on this title
UsefulNot useful