Transcript Asas Senireka dalam ICT

PSV3109
MULTIMEDIA KREATIF DALAM
PENDIDIKAN SENI VISUAL
Kuliah 3:
Asas Seni Reka dalam ICT
Pensyarah:
Dr. Hj. Sajap Maswan
Jabatan Teknologi Pendidikan
IPG Kampus Tuanku Bainun
Website: http://sajadstudio.info
E-Mail: [email protected]
Elemen/Unsur Rekaan
Elemen /Unsur Rekaan
Ruang
(Space)
Garis
(Line)
Bentuk tiga dimensi
(Form)
Warna
Permukaan/jalinan
(Surface)
Rupa dua dimensi
(Shape)
Elemen/Unsur Rekaan
1. Garisan
Menunjukkan gerakan, arahan dan perlakuan
 Contoh: Garisan melintang menunjukkan kestabilan dan
ketenangan
 Tegak: Kekuatan
 Pepenjuru: Gerakan dan dinamik
 Garisan berserabut: menunjukkan kekusutan
 Garisan boleh mengambarkan bentuk/objek
 Garisan boleh menghubungkan antara satu elemen dengan
elemen yang lain
Elemen/Unsur Rekaan
Garisan (sambungan)
Garisan dalam rekabentuk website digunakan dalam pelbagai
cara;
 Sebagai garisan luar/border antara elemen
 Sebagai sempadan antara elemen-elemen
 Kountur antara elemen
 Dekorasi/hiasan
Penggunaan Garisan
Sebagai sempadan
antara elemenelemen
Elemen/Unsur Rekaan
Garisan dalam rekabentuk website
Asas Senireka dalam ICT
Garisan dalam rekabentuk website
Asas Senireka dalam ICT
2. Rupa
Rupa 2 dimensi / Rupa
- Bentuk geometri./organik
- Bentuk abstrak.
- Bentuk gambaran
- Contoh hasil rupa dalam grafik seperti logo,
corak dll.
Elemen/Unsur Rekaan
3. Bentuk 3 dimensi
 3D sebenar/konkrit
 3D tiruan/ilusi
• Bentuk dua dimensi yang kelihatan seolaholah 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.
Fungsi Warna
1. Membuat
penegasan dan
mewujudkan
tumpuan
• Boleh dihasilkan
dengan
menggunakan
warna yang
berbeza dengan
latar
Fungsi Warna
2. Memudahkan
sesuatu item
dilihat.
• Boleh dihasilkan
dengan
menggunakan
warna yang kuat
dan bertindak
positif
Fungsi Warna
3. Mewujudkan
perasaan harmoni
• Boleh dihasilkan
dengan
menggunakan
warna analogus
(bersebelahan
dalam roda warna)
Fungsi Warna
3. 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
KUNING
BIRU
bersemangat
HITAM
HIJAU
PUTIH
JINGGA
UNGU
-
kasih, benci, marah, bahaya
kemesraan, cahaya, masak
dingin, sedih, kurang
kuat, rasmi, kemas, kaya
muda, segar, membesar
kesucian, bersih, kemas
pesta, riang, tenaga
kaya, royalti/diraja, maharaja
Prinsip-Prinsip Asas Rekabentuk
Simplisiti
Harmoni
Dominan
Prinsip
Rekaan
Variasi
Pola
Keseimban
gan
Prinsip Rekaan dalam ICT
Visual yang ditayangkan hendaklah
dihadkan kepada satu idea.
Simplisiti
Idea yang banyak dalam satu visual akan
mengelirukan.
Sesuatu rekaan haruslah memunkinkan
kefahaman yang cepat dan jelas
Prinsip Rekaan dalam ICT
Prinsip Rekaan dalam ICT
Terlalu
banyak
maklumat
yang hendak
dimuatkan
dalam
laman ini
Prinsip Rekaan dalam ICT
Keseimbangan merupakan prinsip
yang membolehkan sesuatu paparan
kelihatan seimbang samada secara
vertikal atau horizontal
Keseimbangan
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
Semetri
Keseimbangan
Keseimbangan
Tidak Semetri
Prinsip-Prinsip Asas Rekabentuk
Dominan
Pusat penumpuan atau minat.
Tempat maklumat utama di
susun
Prinsip-Prinsip Asas Rekabentuk
Dominan
Peraturan sepertiga
41%
20%
25%
14%
Prinsip-Prinsip Asas Rekabentuk
Pola
Susunan item-item dalam
sesuatu rekaan visual.
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
Anak panah dan warna digunakan
untuk menyusun maklumat
Nyata objektif
Analisis
Pilih media
Model
ASSURE
Penilaian
Guna media
Gerak balas
© Prof Madya Dr. Yusup Hashim
Prinsip-Prinsip Asas Rekabentuk
Pola
Anak panah dan warna digunakan untuk
menyusun maklumat
4
3
5
2
6
1
Konsep Pembelajaran
Penguasaan
(Mastery Learning)
Prinsip-Prinsip Asas Rekabentuk
Pola;
Kawasan paling kuat
Pergerakan mata bermula dari kiri
Prinsip-Prinsip Asas Rekabentuk
Variasi
- Menimbulkan
perasaan seolah-olah
visual itu hidup dan
bergerak.
Prinsip-Prinsip Asas Rekabentuk
Harmoni
Mententeramkan hati dan perasaan.
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.
.
TERIMA KASIH
[email protected]