kuliah3 asassenireka dlmict

PSV3109 MULTIMEDIA KREATIF DALAM PENDIDIKAN SENI VISUAL

Kuliah 3:Asas Seni Reka dalam ICT

Pensyarah:Dr. Hj. Sajap Maswan

Jabatan Teknologi PendidikanIPG Kampus Tuanku Bainun

Website: http://sajadstudio.infoE-Mail: sajap@sajadstudio.info

Elemen/Unsur Rekaan

Ruang (Space)

Permukaan/jalinan (Surface)

Elemen /Unsur Rekaan

Bentuk tiga dimensi (Form)

Garis (Line)

Rupa dua dimensi (Shape)

Warna

1. GarisanMenunjukkan gerakan, arahan dan perlakuann Contoh: Garisan melintang menunjukkan kestabilan dan

ketenangan n Tegak: Kekuatan n Pepenjuru: Gerakan dan dinamikn Garisan berserabut: menunjukkan kekusutann Garisan boleh mengambarkan bentuk/objekn Garisan boleh menghubungkan antara satu elemen dengan

elemen yang lain

Elemen/Unsur Rekaan

Garisan (sambungan)Garisan dalam rekabentuk website digunakan dalam pelbagai

cara;n Sebagai garisan luar/border antara elemenn Sebagai sempadan antara elemen-elemenn Kountur antara elemenn Dekorasi/hiasan

Elemen/Unsur Rekaan

Penggunaan Garisan

Dekorasi/hiasan

Sebagai garisan luar/border antara elemen

Sebagai sempadan antara elemen-elemen

Garisan dalam rekabentuk website

Elemen/Unsur Rekaan

Asas Senireka dalam ICT

Garisan dalam rekabentuk website

Asas Senireka dalam ICT

2. RupaRupa 2 dimensi / Rupa- Bentuk geometri./organik- Bentuk abstrak.- Bentuk gambaran- Contoh hasil rupa dalam grafik seperti logo,

corak dll.

3. Bentuk 3 dimensi 3D sebenar/konkrit 3D tiruan/ilusi• Bentuk dua dimensi yang kelihatan seolah-

olah mempunyai dimensi panjang, lebar dan tinggi atau tebal seperti gambar foto dan lukisan yang diberi bayang

Dalam multimedia 3D dan animasi banyak digunakan.

Elemen/Unsur Rekaan

4. Ruang;- Keluasan yang disediakan bagi sesuatu visual.- Tanpa ruang visual tak dapat dihasilkan.- Di dalam rekabentuk skrin penggunaan ruang yang

berkesan amat penting

Ruang positif

Ruang negatif

Elemen/Unsur Rekaan

5. Permukaan/Jalinan Jalinan tampak/jalinan sentuh Kasar/Licin

Elemen/Unsur Rekaan

6. Warna Warna adalah antara elemen terpenting di

dalam sesuatu rekaan 4 Fungsi Warna;• Membuat penegasan dan mewujudkan tumpuan.• Memudahkan sesuatu item dilihat.• Mewujudkan perasaan harmoni.• Melahirkan kesan tertentu.

Elemen/Unsur Rekaan

Fungsi Warna1. Membuat

penegasan dan mewujudkan tumpuan

• Boleh dihasilkan dengan menggunakan warna yang berbeza dengan latar

Fungsi Warna2. Memudahkan

sesuatu item dilihat.

• Boleh dihasilkan dengan menggunakan warna yang kuat dan bertindak positif

Fungsi Warna3. Mewujudkan

perasaan harmoni• Boleh dihasilkan

dengan menggunakan warna analogus (bersebelahan dalam roda warna)

Fungsi Warna3. Melahirkan kesan tertentu.• Contoh; panas, sejuk, bergetar, kesan

psikologi dan sebagainya

Warna PANAS

Warna SEJUK

Warna Psikologi

Warna yang ada kaitan dengan budaya masyarakat setempat. Contohnya merah bagi kaum cina, ketika menyambut perayaan tahun baru.

• Makna Bagi Warna

MERAH - kasih, benci, marah, bahayaKUNING - kemesraan, cahaya, masakBIRU - dingin, sedih, kurang bersemangatHITAM - kuat, rasmi, kemas, kayaHIJAU - muda, segar, membesarPUTIH - kesucian, bersih, kemasJINGGA - pesta, riang, tenagaUNGU - kaya, royalti/diraja, maharaja

Prinsip-Prinsip Asas Rekabentuk

Simplisiti

Dominan

Pola

Harmoni

Variasi

Keseimbangan

Prinsip Rekaan

Prinsip Rekaan dalam ICT

Simplisiti

Visual yang ditayangkan hendaklah dihadkan kepada satu idea.

Idea yang banyak dalam satu visual akan mengelirukan.

Sesuatu rekaan haruslah memunkinkan kefahaman yang cepat dan jelas

c

Prinsip Rekaan dalam ICT

Terlalu banyak

maklumat yang hendak dimuatkan

dalam laman ini

Prinsip Rekaan dalam ICT

Keseimbangan

Keseimbangan merupakan prinsip yang membolehkan sesuatu paparan kelihatan seimbang samada secara vertikal atau horizontal

Elemen-elemen seperti butang, garisan, teks, grafik, dan warna hendaklah disusun secara seimbang agar pengguna melihat keseluruhan paparan dengan lebih selesa.

Prinsip Rekaan dalam ICT

Keseimbangan

Keseimbangan Semetri – susun atur elemen dibahagikan secara sekata antara ruang kanan & kiri, atas dan bawah (seperti melihat di dalam cermin)

Keseimbangan Tidak Semetri- Objek yang berbagai saiz dan bentuk disusun dalam satu komposisi yang masih kelihatan seimbang antara satu dengan yan lain.

Prinsip Rekaan dalam ICT

Keseimbangan

Keseimbangan Semetri

Keseimbangan Tidak Semetri

Prinsip Rekaan dalam ICT

Pusat penumpuan atau minat.

Tempat maklumat utama di susun

Dominan

Prinsip-Prinsip Asas Rekabentuk

Dominan

41% 20%

25% 14%

Peraturan sepertiga

Prinsip-Prinsip Asas Rekabentuk

Susunan item-item dalam sesuatu rekaan visual.

Pola

Prinsip-Prinsip Asas Rekabentuk

• Pola* Menawan perhatian penerima dan

mengarahkannya kepada maklumat yang bersabit.

* Unsur seperti Ruang, Garisan dan Ilustrasi digabung menjadi suatu harmoni grafik.

Prinsip-Prinsip Asas Rekabentuk

Pola

Model ASSURE

Pilih media

Guna media

Gerak balas

Penilaian

Analisis

Nyata objektif

© Prof Madya Dr. Yusup Hashim

Anak panah dan warna digunakan untuk menyusun maklumat

Prinsip-Prinsip Asas Rekabentuk

Pola Anak panah dan warna digunakan untuk menyusun maklumat

1

2

3

4

5

6Konsep Pembelajaran

Penguasaan(Mastery Learning)

Prinsip-Prinsip Asas Rekabentuk

Pola;

Kawasan paling kuat

Pergerakan mata bermula dari kiri

Prinsip-Prinsip Asas Rekabentuk

- Menimbulkan perasaan seolah-olah visual itu hidup dan bergerak.

Variasi

Prinsip-Prinsip Asas Rekabentuk

Mententeramkan hati dan perasaan.

Harmoni

Prinsip-Prinsip Asas Rekabentuk

Harmoni dihasilkan melalui;• susunan atau ulangan unsur-unsur seni yang

seimbang dan mempunyai perhubungan• warna-warna yang duduk bersebelahan di

dalam roda warna.

.

Prinsip-Prinsip Asas Rekabentuk

TERIMA KASIHsajap@sajadstudio.info