KONSEP ASAS GRAFIK

Download
Share  Add to  Flag Embed
Views:
 
Category: Education
     
 
License:   All Rights Reserved

Presentation Description

No description available.

Comments

Presentation Transcript

TAJUK 5: KONSEP ASAS GRAFIK: 

TAJUK 5: KONSEP ASAS GRAFIK Oleh : IPG KAMPUS KENINGAU PISMP BM AMBILAN JAN 2010 http://buayancrew.blogspot.com/ EDU3105 TEKNOLOGI DALAM PENGAJARAN DAN PEMBELAJARAN

Slide 2: 

1.0) PENGENALAN

Slide 3: 

TUJUAN: Memperkenalkan konsep dan prinsip asas grafik sebagai sumber untuk pembinaan media pembelajaran yang berkesan .

Slide 4: 

2.0) APAKAH MAKSUD GRAFIK?

Slide 5: 

DEFINISI: Kombinasi gambar , lakaran , lukisan , huruf , angka , lambang , perkataan atau citra yang menjadi satu media pengajaran untuk memberikan dan menterjemahkan konsep atau idea daripada penghantar kepada penerima maklumat dalam situasi tertentu ( pengajaran dan pembelajaran ).

Slide 6: 

Kini : Diterapkan dalam media elektronik . Diterapkan dalam media elektronik . Disebut sebagai Grafik interaktif (interactive graphics). Grafik multimedia (multimedia graphics). Gambar , Lakaran Lukisan Huruf Angka Lambang Perkataan Grafik

Slide 7: 

Definisi Multimedia: Perisian / aplikasi yang berasaskan komputer dan menggabungkan sekurang-kurangnya dua atau lebih daripada dua media iaitu : Teks Grafik Animasi Audio Video

Slide 8: 

Suatu bentuk komunikasi visual yang menggunakan teks atau gambar untuk menyampaikan informasi atau mesej . Definisi lain : Seni reka bentuk grafik Kemampuan kognitif Keterampilan menggunakan tipografi , pengolahan gambar dan halaman reka letak secara kreatif . Karya grafik yang efektif dan komunikatif

Slide 9: 

Multimedia Multimedia berinteraktif Aplikasi multimedia yang membolehkan pengguna berinteraksi dengan aplikasi melalui peranti input seperti papan kunci dan tetikus . Kelebihan Lebih menarik Berkesan terutamanya di dalam P&P Tetapi memerlukan Pengetahuan pengaturcaraan . Kecekapan di dalam menggunakan perisian , perkakasan dan aksesori .

Slide 10: 

TEKS AUDIO GAMBAR VIDEO ANIMASI INTERAKTIF

Slide 11: 

Grafik Interaktif / Grafik Multimedia

Slide 12: 

3.0) Prinsip Reka Letak Visual

Slide 13: 

Reka Letak Ilmu atau kemahiran yang digunakan untuk meletak dan menyusun media pada paparan bagi membentuk persembahan yang menarik . Keupayaan meletak dan menyusun elemen media yang baik dan berkesan memberi kesan yang positif terhadap persembahan .

Slide 15: 

Prinsip Reka Letak Mengamalkan 6 prinsip asas reka letak sebagai panduan . C ontrast ( kontras ) A lignment ( seimbang ) S implicity ( ringkas ) P roximity ( jarak dengan objek ) E mphasis ( penekanan ) R epetition ( pengulangan )

Slide 16: 

Mengapa ? Prinsip reka letak CASPER merupakan panduan menyusun media seperti teks , grafik , animasi dan video pada sesuatu persembahan yang dapat merangsang perhatian dan minat penonton . Skrin yang diletakkan dengan media tanpa dirancang menyebabkan persembahan yang dihasilkan kurang menarik .

CONTRAST (KONTRAS): 

CONTRAST (KONTRAS) Kunci atau prinsip contrast menyatakan bahawa jika dua item tidak serupa , maka harus jadikan mereka berbeza iaitu sangat berbeza . Idea utama di sebalik contrast ialah untuk mengelak unsur dalam paparan kelihatan hampir sama . Contrast adalah salah satu daripada cara yang paling berkesan untuk menambahkan tarikan terhadap sesuatu reka bentuk . C

Slide 18: 

Contrast Imej Warna Tipografi

Contrast  boleh dibuat dalam berbagai cara. Antaranya contrast antara : 

Contrast boleh dibuat dalam berbagai cara . Antaranya c ontrast antara font jenis besar dan jenis kecil font berlainan muka taip garis halus dan garis kasar warna sejuk dan warna hangat tekstur licin dan tekstur kasar unsur mendatar dan unsur menegak garis berjauhan dan garis berdekatan satu sama lain grafik kecil dan grafik besar .

Contohnya:: 

Contohnya : Latar belakang warna gelap Teks harus warna terang Terdapat beberapa contoh contrast warna baik : Kuning pada unggu Hitam pada putih Kuning pada biru tua Merah tua pada putih Hijau tua pada putih Biru tua pada putih Hitam pada kuning Ungu pada kuning Ungu pada putih Putih pada coklat kemer-ahan

ALIGNMENT (SEIMBANG) : 

Pereka grafik selalunya ingin meletakkan teks dan grafik di mana terdapat tempat kosong di atas paparan tanpa memikirkan item lain. Akibatnya keadaan menjadi berselerak , contohnya seperti dapur yang berselerak dengan cawan di sini , piring di sana , napkin di atas meja dan kain pencuci di atas lantai . ALIGNMENT (SEIMBANG) A

Slide 22: 

Dalam prinsip alignment , setiap item yang hendak diletakkan dalam muka perisian perlulah seimbang dengan muka perisian kursus agar kelihatan menarik . Pembangun perisian kursus seharusnya pandai menyusun item yang ingin dipersembahkan supaya ia kelihatan seimbang . Dengan kata lain, dalam prinsip alignment , item perlu disusun supaya tidak janggal .

Contohnya:: 

Contohnya :

SIMPLICITY (RINGKAS) : 

Grafik dan animasi perlu ringkas , mudah dan dapat merangsang pengguna memahami maksud yang hendak disampaikan . Maksudnya , sesuatu bahan grafik dan bahan yang diletakkan di atas paparan seharusnya dapat memudahkan penerokaan dan merangsangkan pemikiran . SIMPLICITY (RINGKAS) S

Slide 25: 

Visual yang dipilih perlulah ringkas , bersesuaian dengan pengguna dan mudah difahami . Maksudnya , penggunaan grafik dan elemen media dalam perisian yang dibina perlulah membantu pengguna melayari perisian dengan mudah .

Slide 26: 

Prinsip KISS boleh digunakan . K - Keep I - It S - Simple S - Stupid

Contohnya:: 

Contohnya : Kata Nama terbahagi kepada : Kata nama am Kata nama khas SALAH

Slide 28: 

BETUL

PROXIMITY(JARAK DENGAN OBJEK) : 

Secara ringkas proximity boleh dikatakan sebagai reka letak dari aspek jarak antara teks , jarak antara grafik serta jarak antara teks dan grafik . PROXIMITY(JARAK DENGAN OBJEK) P PROXIMITY JARAK ANTARA TEKS JARAK ANTARA GRAFIK JARAK ANTARA TEKS DAN GRAFIK

Slide 30: 

Item-item yang mempunyai kaitan antara satu sama lain berkaitan perlu dikumpulkan supaya dilihat sebagai satu kumpulan dan tidak terpisah . Item-item yang tidak berkaitan pula harus dijarakkan untuk mengelakkan tindanan supaya dapat dilihat sebagai membawa maklumat yang berlainan . Hasilnya paparan akan kelihatan menjadi satu unit visual yang mempunyai beberapa unit maklumat yang terpisah .

Contohnya:: 

Contohnya :

EMPHASIS (PENEKANAN) : 

Pembangunan paparan perisian kursus perlu kepada cara tertentu bagi memberi penekanan terhadap perkara dan maklumat yang hendak disampaikan melalui paparan . Reka grafik perlu fokus kepada item utama sahaja . Item utama mesti dominan daripada item-item lain. EMPHASIS (PENEKANAN) E

Slide 33: 

Item tersebut menjadi pusat penumpuan , boleh dibaca atau menarik minat . Pelbagai cara boleh digunakan untuk menarik perhatian penonton dan pengguna perisisan kursus termasuk: saiz teks dan objek, bentuk teks dan objek, susun atur teks dan objek, warna teks, warna objek dan warna latar, grafik dan animasi.

Slide 34: 

Namun begitu adalah dinasihatkan supaya tidak menggunakan terlalu banyak elemen sampingan untuk menarik perhatian , yang mana boleh menyebabkan tumpuan lebih kepada elemen sampingan dan bukan kepada maklumat sebenar yang hendak disampaikan melalui paparan .

Contohnya:: 

Contohnya :

REPETITION (PENGULANGAN) : 

Pengulangan tertentu seperti warna latar dan saiz serta bentuk font dalam persembahan akan membantu pemahaman pengguna terhadap kategori mesej yang sedang disampaikan melalui perisian kursus . Namun begitu pengulangan yang terlalu banyak perlu dielakkan kerana boleh menyebabkan paparan menjadi tidak menarik sehingga tidak dapat menyampaikan mesej . REPETITION (PENGULANGAN) R

Slide 37: 

Unsur yang ditekalkan : Fon yang dihitamkan Garis kasar Bullet yang serupa Warna Unsur reka bentuk Format tertentu Hubungan ruang

Tipografi: 

Tipografi merupakan teknik dan seni mengatur huruf menggunakan gabungan bentuk huruf cetak , saiz fon , ketebalan garis , garis pandu ( line leading ), jarak aksara , dan ruang huruf untuk menghasilkan hasil seni aturan huruf dalam bentuk fizikal atau digital.

Slide 39: 

Definisi lain: Tipografi merupakan suatu ilmu dalam pemilihan dan penyusunan fon pada ruang-ruang yang tersedia untuk mencipta kesa tertentu yang menolong pembaca berasa selesa untuk semaksimum mungkin .

Slide 40: 

Ada 2 aspek diambil berat : Stail fon Saiz fon

Stail fon : 

Stail fon Terdapat beberapa keluarga : Roman Sans serif / gotik Skrip atau kursif Egyptian Dekoratif

Roman : 

Roman Ada sirip /kaki/serif berbentuk lancip pada hujungnya . Kesan : klasik , anggun , lemah gemalai dan feminin . Surat khabar dan buku menggunakannya kerana sifatnya tebal dan nipis pantas ditangkap oleh deria mata Sekaligus pantas diterjemahkan oleh deria otak .

Slide 43: 

Contoh : Bookman old style Century schoolbook Georgia Times news roman

Sans serif / gotik : 

Tidak mempunyai sirip /serif. Memiliki ketebalan huruf yang sama atau hampir sama . Kesan : moden , kontemporari dan efisien . Mudah dibaca dan sesuai untuk melukis poster, iklan dan notis pemberitahuan . Sans serif / gotik

Slide 45: 

Contoh : Gills sans News gothic Trade gothic

skrip atau kursif : 

Dihasilkan melalui goresan tangan yang dikerjakan dengan pen atau pensel yang tajam dan biasanya miring ke kanan . Kesan : sifat peribadi dan akrab . Rupa fon bergaya , sukar dibaca tetapi cantik dipandang . Sesuai di gunkan dalam kad ucapan , kad jemputan dan tajuk buku klasik . skrip atau kursif

Egyptian : 

Mempunyai kaki/ sirip /serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama . Kesan : kukuh , kuat , kekar dan stabil . Egyptian

Dekoratif : 

Pengembangan daripada bentuk fon sedia ada . Ditambah hiasan dan ornamen atau garis-garis dekoratif . Kesan : dekoratif dan ornamental Dekoratif

Slide 49: 

Contoh : Jokerman Curlz MT Snap ITC

Saiz fon : 

Saiz fon Saiz sesuatu fon disebut poin . Digunakan untuk mengukur kedalaman atau ketinggian fon . Terdapat 72 poin dalam 1 inci . Saiz normal sering digunakan antara 6 hingg 72 poin .

contoh : : 

Buayan ……48 Buayan …66 Buayan …….72 contoh :

Slide 52: 

SEKIAN TERIMA KASIH