asas grafik

34
Konsep Asas Grafik NUR DIYANA NURSYAFIQAH FARAH WAHEEDA

Upload: dyana-shaifulhaq

Post on 09-Jun-2015

4.484 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Asas grafik

Konsep Asas Grafik

NUR DIYANANURSYAFIQ

AHFARAH

WAHEEDA

Page 2: Asas grafik

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Berasal daripada perkataan Greek iaitu :

graphikos = lukisan

graphier = menulis dengan perkataan.

KATA KERJA

Grafik adalah bahan yang dilukis sebagai karangan visual.

Page 3: Asas grafik

KONSEP ASAS GRAFIK

Persembahan visual yang ditunjukkan pada permukaan seperti dinding, kanvas, skrin komputer, kertas, papan untuk tujuan jenama, pemberitahuan, ilustrasi atau hiburan.

Daripada wikipedia

Contoh grafik ialah gambar foto, lukisan, seni tanpa ton, graf, tipografi, nombor, simbol, reka bentuk geometri, peta, lukisan kejuruteraan atau imej lain.

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 4: Asas grafik

Grafik selalunya menggabungkan teks, ilustrasi dan warna.

KONSEP ASAS GRAFIK

Grafik boleh wujud sebagai grafik berfungsi atau berseni. Grafik juga boleh merupakan bayangan atau menggambarkan perkara yang wujud dalam dunia sebenar.

http://ms.wikipedia.org/wiki/Grafik

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 5: Asas grafik

KONSEP ASAS GRAFIKKonteks pendidikan :MAKSUD

GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Kombinasi gambar-gambar, lambang-lambang, simbol-simbol, huruf-huruf,

angka, perkataan, lukisan, lakaran yang dijadikan satu media untuk memberi

konsep dan idea dari pengirim kepada sasarannya dalam proses menyampaikan maklumat.

Page 6: Asas grafik

Kronologi grafik dalam pendidikan :

Pengenalan awal grafik

Media cetak

Buku Majalah

Brosur

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 7: Asas grafik

KONSEP ASAS GRAFIKKronologi grafik

dalam pendidikan :

Grafik sekarang Media elektronik

Grafik interaktif

Grafik multimedia

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 8: Asas grafik

Perisian atau aplikasi yang berasaskandan menggabungkan sekurang-kurangnya 2 / lebih daripada media iaitu teks, grafik, animasi, audio dan video.

KONSEP ASAS GRAFIKMultimedia :

Multimedia yang interaktif :

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Aplikasi multimedia yang membolehkan pengguna berinteraksi dengan aplikasi

tersebut melalui peranti input seperti mouse dan keyboard.

Page 9: Asas grafik

KONSEP ASAS GRAFIK

Bagi membangunkan perisian grafik interaktif dan multimedia, ianya memerlukan

pengetahuan pengaturcaraan, daya kecekapan menggunakan perisian, perkakasan dan

aksesori juga amat penting.

Bagi membangunkan perisian grafik interaktif dan multimedia, ianya memerlukan

pengetahuan pengaturcaraan, daya kecekapan menggunakan perisian, perkakasan dan

aksesori juga amat penting.

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 10: Asas grafik

FUNGSI GRAFIK

Menjadikan bahan pengajaran lebih mudah, jelas dibaca dan difahami.

Supaya bagi sesetengah individu yang mempunyai halangan komunikasi dapat memahaminya melalui objek grafik yang umum.

Mewujudkan interaksi yang aktif dalam bilik darjah dan menjadikan P& P lebih menyeronokkan dan mencabar

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 11: Asas grafik

PERALATAN ASAS GRAFIK

Akal Kreativiti, Mata Tangan Alat-alat tradisional (pensel

atau dakwat)

Akal : fikiran yang kritis, pemerhatian, kuantitatif, analitis

Merancang + merealisasikan idea grafik yang ingin dipersembah-kan

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 12: Asas grafik

Pertengahan 1980 an = muncul generasi PEREKA GRAFIK --> desktop publishing dan aplikasi grafik yang lain.

Penggunaan aplikasi komputer memungkinkan pereka melihat efek daripada reka letak (layout) atau perubahan tipografi dengan seketika TANPA menggunakan pen atau dakwat berwarna-warni.

Pereka grafik SEKARANG hanya memerlukan : komputer, pengimbas, kamera digital / camcorder digital dan pencetak.

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 13: Asas grafik

Elemen asas reka letak grafik:

KONSEP ASAS GRAFIK

garisantitik

permukaan

warna

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 14: Asas grafik

KONSEP ASAS GRAFIKCASPER

Contrast

Alignment

Simplicity

Proximity

Emphasis

Repetition

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 15: Asas grafik

KONSEP ASAS GRAFIK

KONTRAS (CONTRAST) :

Untuk mengelakkan unsur di dalam suatu muka surat kelihatan hampir sama

Salah satu cara yang paling berkesan untuk menambahkan tarikan dan tumpuan

terhadap sesuatu reka bentuk

Kontras berkait dengan imej, warna dan tipografi

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 16: Asas grafik

Contoh : kontras di antara saiz fon, garisan, warna, tekstur dan grafik

Kreativiti menggunakan elemen kontras ini menjadikan reka letak kita lebih representatif dan mesej yang hendak disampaikan lebih

mudah

Apabila hendak membuat slaid, teks dan latar belakang haruslah sangat kontras

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 17: Asas grafik

Contoh : latar belakang berwarna gelap, teksnya harus sangat berwarna terang

Contoh kontras warna yang baik:- kuning pada ungu, hitam pada putih, kuning pada biru tua

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 18: Asas grafik

ALIGNMENT:

tiada sesuatu item perlu diletakkan di atas sesuatu muka surat secara sendiri

Setiap item sama ada teks, imej atau kedua-dua teks dan imej, harus mempunyai kaitan

secara visual antara satu sama lain pada setiap paparan

Reka letak yang memuatkan teks dan grafik di mana-mana sahaja ada tempat kosong dalam sesuatu paparan tanpa memikirkan item lain menyebabkan alignment menjadi

bercelaru

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 19: Asas grafik

SIMPLICITY:

Sesuatu bahan grafik perlu nampak mudah (simple)

Bahan grafik yang disediakan hendaklah kelihatan mudah difahami walaupun oleh

pelajar yang lembam

Kegemaran sesetengah guru memasukkan banyak grafik animasi dalam persembahan multimedia boleh menyebabkan tumpuan pelajar terganggu terhadap mesej utama

yang hendak disampaikan

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 20: Asas grafik

PROXIMITY:

Kumpulan (group) item yang berkaitan bersama, gerakkan mereka secara fizikal supaya berdekatan antara satu sama lain

supaya item yang dilihat sebagai satu kumpulan dan tidak terpisah

Satu unit visual daripada beberapa unit terpisah

Contoh: jarak antara teks, jarak antara grafik, dan jarak antara teks dengan grafik perlu

diimbangkan

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 21: Asas grafik

EMPHASIS:

Reka grafik harus fokus kepada item utama sahaja. < mesti dominan daripada item-item

lain Item tersebut menjadi pusat penumpuan,

boleh dibaca atau boleh menarik minat.

Pereka letak boleh melakukannya dengan beberapa cara:

KONSEP ASAS GRAFIK

Saiz yang lebih besar Pencahayaan yang

sempurnaWarna dan bentuk

yang kontras

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 22: Asas grafik

KONSEP ASAS GRAFIK

Item utama

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 23: Asas grafik

REPETITION:

Tekalkan sesuatu aspek reka bentuk pada tempat tertentu

Contoh: reka letak dan reka bentuk slaid-slaid perlulah konsisten sepanjang

persembahan

Namun, elakkan terlalu banyak repetition kerana boleh menyebabkan grafik tidak menarik dan tidak dapat menyampaikan

mesej asal

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 24: Asas grafik

TIPOGRAFI:

Suatu ilmu dalam memilih dan menyusun fon pada ruang-ruang yang tersedia untuk mencipta kesan-kesan tertentu sehingga

dapat menolong membaca untuk mendapatkan keselesaan membaca

semaksimum mungkin

Memilih fon-fon yang sepadan dengan paparan grafik kita menjadi penting bagi menguatkan keberkesanan mesej yang hendak kita sampaikan kepada pelajar

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 25: Asas grafik

CONTOH TIPOGRAFI:

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 26: Asas grafik

Antara perkara yang perlu diberi pertimbangan apabila memilih untuk

menggunakan fon ialah:

KONSEP ASAS GRAFIK

Penting

Stail fon Saiz fon

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 27: Asas grafik

STAIL FON:

KONSEP ASAS GRAFIK

Roman Sans serif Skrip/Kursif

Egyptian Dekoratif

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 28: Asas grafik

Roman: fon yang memiliki sirip/kaki/serif yang berbentuk lancip pada hujungnya

Kesan yang ditimbulkan: klasik, anggun, lemah gemalai dan feminin

Kebanyakan buku dan surat khabar gunakan huruf jenis ini kerana sifatnya tebal dan nipis

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 29: Asas grafik

KONSEP ASAS GRAFIKContoh fon:

1) Bookman Old Style2) Century Schoolbook

3) Georgia4) Times New Roman

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 30: Asas grafik

KONSEP ASAS GRAFIK Sans serif: fon yang tidak mempunyai

sirip/serifMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 31: Asas grafik

KONSEP ASAS GRAFIK Skrip/kursif :fon yang kononnya dihasilkan

melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan

biasanya miring ke kanan

Rupa fon bergaya, sukar dibaca tetapi cantik dipandang

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 32: Asas grafik

KONSEP ASAS GRAFIK

Egyptian: fon dengan ciri kaki/sirip/serif yang berbentuk persegi seperti papan

dengan ketebalan yang sama atau hampir sama

Kesan yang ditimbulkan : kukuh, kuat, stabil

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 33: Asas grafik

KONSEP ASAS GRAFIK Dekoratif: pengembangan daripada bentuk-

bentuk fon yang sudah ada

Ditambah hiasan dan ornamen atau garis-garis dekoratif

Kesan yang ditimbulkan: dekoratif dan ornamental

MAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL

Page 34: Asas grafik

Saiz fon:

Disebut poin dan digunakan untuk mengukur kedalaman dan ketinggian fon

Terdapat 72 poin dalam satu inci

Saiz normal: 6-72 poin

KONSEP ASAS GRAFIKMAKSUD GRAFIK

FUNGSI GRAFIK

PERALATAN ASAS GRAFIK

ELEMEN ASAS REKA LETAK

GRAFIK

PRINSIP REKA LETAK

VISUAL